noobkin

Хорошо конечно получилось!

Только один вопрос возник - где искать смысл написания <header><div class="header"></div></header>?

"Если уж никак не отбрыкаться, лучше использовать woff и base64-встраивать его в css" - ну-ну погрожу пальчиком.

Не base-64-четырнейтесь тут.

.ttf - одного формата мало, хотябы .woff, .woff2 и .otf сгенерируйте.

Я уже успел понять - к шрифтам нужен более серьёзный подход) Буду это учитывать в следующих работах!)

1) В поле "Заказать зонок" (для начала нет буквы "В") есть поле "Телефон", в котором стоит <input type="text">, по этой в поле можно указать любые вимволы, хотя нам нужны именно цифры (я бы поставил <input type="number">) + нужно сделать данное поле обязательным для заполнения (Скрин http://prntscr.com/9kb196).

2) Сайт имеет фиксированный размер, но при уменьшении масштаба блоки "Оценить стоимость ремонта по фото" "Прайс" начинают уплывать в право (как при резиновой верстке) http://prntscr.com/9kb3tf

3) Картинка в самом низу очень резко врезается в футер (http://prntscr.com/9kb6kt)

4) В услугах Мастерской, есть список, который при уменьшении масштаба ломается (http://prntscr.com/9kb73j)

1) Совершенно не понимаю - как мне удается порой 200 раз прочитать слово, не заметив отсутствующей в нём буквы... Сам функционал формы конечно же не доработан т.к. я пока на другие моменты стараюсь больше внимания направлять. В полноценный сайт такое конечно не прокатит, я это понимаю.

2) Этот косяк заметил же еще когда делал в самом начале. Больше не буду откладывать решения проблем на "потом").

3) А вот положение картинки так и было задумано - не моё решение.

4) См. п. 2 ....

Спасибо за потраченное время! Учиться мне еще многому похоже предстоит).

 

поле "Телефон", в котором стоит <input type="text"> … нужны именно цифры (я бы поставил <input type="number">)

а бедные пользователи потом не смогут ввести «+7(999) 000-00-00, доп. 12-34, в рабочее время, спросить Марту»

 

Но ведь именно для таких ситуаций и добавлено поле "Ваш комментарий к заявке". Недоработка вышла - однозначно)

 

Так это же просто подкос под <button>, но без дополнений ввиде удаления outline и всего border) Не знал, что это плохо.

плохо не это. Не очень хорошо, когда на одной странице разные элементы в разных стилях сделаны. Ощущение весьма не целостное. Можно было смену цвета этой кнопки сделать с таким же переходом — было бы гармоничнее. А так бросается в глаза несогласованность.

Но в чём практическое различие в этих вариантах? Мне показалось - "просто" - именно так как сделал я. Мое решение плохо повлияло на что-то?

Каждый раз, когда пишете код, представляйте, что поддерживать его будет склонный к насилию психопат, который знает, где вы живёте Да вы же сами через полгода не вспомните, что сделано именно так. Раскидывать стили по разным местам нехорошо.

 

Вот теперь абсолютно всё понятно! Спасибо большое за консультацию

P.S. Пошёл пока поставлю парочку новеньких замков на дверь, а то вдруг он уже выехал ко мне...

вот просто как пример: в самой шапке «заказать обратный звонок» плавненько, а чуть ниже на баннере две красные блямбы — резко.

Так это же просто подкос под <button>, но без дополнений ввиде удаления outline и всего border) Не знал, что это плохо.

не. Не тот случай. Тут можно просто класс добавить или наоборот удалить, и сделать отличающиеся стили.

Но в чём практическое различие в этих вариантах? Мне показалось - "просто" - именно так как сделал я. Мое решение плохо повлияло на что-то? 

о недостатках.

• поведение ссылок/кнопок при наведении лучше если будет в общем стиле. Сейчас одни меняются анимированно, а другие скачкообразно;
• на ширине более 1680 картинка в шапке некрасиво стыкуется. Хотя это вопрос скорее к дизайнерам. Но в силах разработчика хотя бы максимальную ширину установить;
• карта статичная. Это плохо. Яндекс даёт удобное апи для встраивания их карт. А вот использование их карт в виде картинок запрещено лицензией, и они порой устраивают некрасивые сцены, когда видят такое;
• форма на этой странице просто не выдерживает никакой критики;
• нестандартные шрифты — это всегда плохо. Хотя это тоже скорее к дизайнерам. Если уж никак не отбрыкаться, лучше использовать woff и base64-встраивать его в css. Шрифт Roboto без засечек. У вас же отображается с засечками. Если вы используете нестандартный шрифт без его загрузки, пишите следом шрифт по умолчанию: font-family: roboto, sans-serif.

 

А в целом хорошо. Чтобы ещё найти недостатки, надо уже как-то жёстко придираться.

1) У меня вроде все ссылки анимированно ведут себя. Может в  каком-то браузере не прокатывает? Или я не туда смотрю?

2) Сделано как и на рабочем сайте данного автосервиса. Еще в самом начале работы заметил этот косяк, но потом упустил из памяти... Надо подумать.

3) С картой специально "прохалявил" - каюсь. Сменю на нормальную чутка позже.

4) Опять же - форма взята с самого сайта автосервиса(раз они не запаривались - чего тут мне мудрить ). Да и вообще - я данную страницу сделал исключительно для примера того - как изменяется верхняя часть сайта на второстепенных страницах. Вот об этом хотел бы от вас услышать - правильно ли было все эти изменения вносить просто через style="" в самих тегах html?

5) Об этом обязательно подумаю при следующей работе. Пока просто не углублялся в тему шрифтов, но похоже - время настало и для этого.

Спасибо!

Клац

Хотелось бы услышать о всех недочетах, ошибках , косяках.

Как мне кажется - получается уже лучше чем в прошлой работе. Хотя полной уверенности в этом нет...

Поисправляйте грамматические ошибки. Судя по всему, вы делаете сайт для буржнета, а там такое ой как не любят.

Навскидку: в подвале написано: YOUR ACCAUNT

Я делаю не сайт, а просто учусь верстать) Хотя даже при этом - ошибка тупая вышла... Спасибо!

Шрифт с засечками сразу в глаза  бросается, вот линк на тот что используется в макете.

<link href='https://fonts.googleapis.com/css?family=Gudea' rel='stylesheet' />

Элементы не активные ( кнопки, ссылки, логотип)

 

 

 

но я еще не до конца освоил бутстрап

 

Я может чего недопонимаю, сам учусь, но бутстрап вроде как в вашем коде не используется. 

Ну он и не используется именно по указанной причине) Просто этот макет нашёл в теме про бутстрап, но решил сделать без оного) 

Про шрифты и забыл совсем - спасибо.

Изменение содержимого меню приводит к появлению второй строки. Лучше сделать более растяжимым.   а можно здесь поподробней пжлст

Если например попробовать русифицировать меню и поставить слово "Главная" вместо "Home" - увидим во что превратится  всё меню в целом. Я думаю - стоит таки учитывать подобные моменты/

P.S. Но проверить это на деле вы уже не сможете в связи с тем, что ТС убрал свою верстку с указанного адреса)

 

4) Зачем делать div.button , если для этого есть тег button?

вот это кстати интересный момент. Вот анализируйте http://jsfiddle.net/py216psv/

=)

Хотя в общем вы правы, там где нужна кнопка правильнее использовать именно её, но это не панацея =)

 

Прикольно. Но я не видел таких решений на работающих сайтах) Хотя может прост плохо смотрел...

Доброго времени суток!

 

Прошу оценить мою "пробу пера" - myfreshsite.esy.es.

                                           Шаблон

Я сам только учусь, но возможно получится сделать правильные замечания...

1) Логотип и меню на разных уровнях из-за float. Можно добавить к логотипу float:left.

2)Если на сайте применяется текстовый лого - делать наверно его лучше так же текстом, а не картинкой.

2)Изменение содержимого меню приводит к появлению второй строки. Лучше сделать более растяжимым.

3) Линии из точек являются декоративными элементами, а их обычно делают через CSS. Просто прописать dotted border и убрать все div.line.

4) Зачем делать div.button , если для этого есть тег button?

P.S. Я бы конечно всё совсем иначе сделал, но тоже не факт, что без косяков )

Здравствуйте! Прошу оценить мою верстку : http://bivmur.16mb.com/Fabrique/index.html

Макет взял здесь.

Вроде как все сделал, но не понимаю на  сколько это верно или нет. Вообще макет наверно предназначен для адаптивной верстки, но я еще не до конца освоил бутстрап, поэтому пока всё так как есть...

Как сделать, что бы при щелчке на Home второе подменю не открывалось? 

Не знаю насколько этот вопрос еще актуален, но время я уже потратил)  

Тут html: 

<nav>						<ul class="menu">							<li>								<a class="active" href="#" id="pull">Home</a>								<ul class="sub-menu" style="display: block;">									<li><a href="#">About</a></li>									<li><a href="#">History</a></li>									<li class="ssmenu">										<a href="#" id="pul">News</a>										<ul class="sub-menu_level" >											<li><a href="#">Fresh</a></li>											<li><a href="#">Archive</a></li>										</ul>									</li>																	</ul>							</li>							<li><a href="#">About</a></li>							<li><a href="#">Services</a></li>							<li><a href="#">Gallery</a></li>							<li><a href="#">Blog</a></li>							<li><a href="#">Contacts</a></li>						</ul>					</nav>

Тут стили: 

.sub-menu_level  {					display: block; 					position: absolute; 					width: 130px;					left: -20px;					top: 40px;					background: white;				}				.sub-menu_level li {					display: block; 					position: relative;					color: #929292;					margin-top: 10px;				}				.ssmenu li.sub-menu_level ul {					display: none;				}				li ul.sub-menu_level {					display: none;				}								.ssmenu:hover .sub-menu_level {					left: 140px; 					top: -10px; 					display: block;				}

Вроде даже работает)

З.Ы.  А вообще тут подробно и с комментариями все это дело описано...