Какие посмотреть видео и реальные проекты, как пример образцовой верстки?
Поделитесь ссылками на видео-примеры образцовой верстки, по всем современным стандартам. Интересует, в первую очередь, именно видео формат, поскольку хочется увидеть весь процесс. На youtube можно найти много видео на эту тему, но качество исполнения верстки, в этих материал, оставляет желать лучшего (сужу, конечно, субъективно, но когда автор сам плохо разбирается, в том, что показывает, чувствуется). В основном все на bootstrap, а хотелось бы увидеть примеры без применения фреймворков (но не обязательно голый html и css) от авторитетного автора (или просто хорошего специалиста). И еще, если не сложно, поделитесь ссылками на реальные проекты, которые можно считать эталонными и на них можно ровняться, в плане верстки. Использование в примерах различных технологий типа сборщиков, препроцессоров, шаблонизаторов только плюс (особо интересует именование классов по БЭМ, плаваю в этой теме).
Обычно образцовые писатели кода заняты писанием кода а не записыванием видео) не то что бы я усердно искал, но пересмотрел много разных видео уроков, и код там как вы подметили оставляет желать лучшего.
Образцовый код можно уже посмотреть в готовом виде, фрейморки например, но видео по тому как он писался нету.
А что бы научится писать самому хороших код стоит обратить свой взор на книги, вот с книгами тут получше, хорошие писатели книг есть, хороших записывателей видео нету, или таковых мало.
Из видео могу порекомендовать этот канал https://www.youtube.com/channel/UCugGQpv1WWxW_hqSQ...
и этот https://www.youtube.com/channel/UCLAkvv3lfwveX2aqo...
Из книг anton.shevchuk.name/jquery-book , книга о JQuery но затронуты CSS и HTML в особенности стиль написания кода
Так же еще можно посмотреть этот канал https://www.youtube.com/channel/UCe_H8hzx9WV7Ca7Ps...
Посмотрите работы на csszengarden.
Суть сайта в том, что разные люди присылают свои css'ки, которые применяются к одной и той-же html разметке и каждый раз получается совершено разное оформление.
Так они там разметку не меняют же. Следовательно их селекторы имеют вид типа: div > p + p > span {};
Спорно, что такой подход будет являться примером хорошей верстки)
Stalker_RED: я тоже не его сторонник. Мне больше импонирует Атомарный CSS в перемешку со SMACSS. В любом случае, я не вижу ничего плохого в навешивании классов на html.
Владимир Боруткин: хотел что то подобное тоже написать (я сам по его урокам учился :-D), но подумал, быть может он что то путное выпустил так как я давно не смотрю его уроки а он что то выпускает и выпускает)
Рада помочь). По верстке могу посоветовать хороший англоязычный ресурс: CSS Tricks. Там регулярно выходят статьи из серии "Как сделать..." с примерами кода. Там и видео, и статьи (не только по верстке). Codrops тоже хороший ресурс по верстке.
Простой
