Где посмотреть скринкасты по семантической, адаптивной верстке от профессионала?

Question

[Константин Отпущенников]

1) HTML
2) CSS
3) Итан Маркотт - "Отзывчивый веб-дизайн"
4) Bootstrap (только сетка)
5) Susy (тоже сетка, и остановыл свой выбор именно на ней)
6) для понимания принципов работы сеток, написал собственную сетку
7) изучил принципы наименования классов по БЭМ
8) Jade, Sass, Gulp
9) сверстал 7 проектов "для себя" (3 из них адаптивные)
10) сверстал 4 реальных проекта (4 из них адаптивные)
11) бегло прочитал всю книгу learn.javascrip от Ильи Кантора (планирую перечитывать и честно выполнять все задания)

Кратко в такой последовательности можно описать мой пройденный путь.
Но меня все время не покидает ощущение, что я банально неправильно задаю структуру html и css(sass).
Соответственно: хотел бы посмотреть как это делают профессионалы своего дела, у которых за плечами богатый опыт. Спасибо!

Comments

[zooks]

Зачем скринкасты - весь полезный материал в сети идет текстом. Выбор Susy одобряю, но перед этим нужно выкинуть Bootstrap - он нужен разве что для оформления формочек. Jade, Sass, Gulp - тоже отличный выбор.

Answer 1

[Danila]

Design + Code my Personal Website in 12 hours
Затрагивает многие этапы веб-разработки с подробными разборами.
На русском есть аналог "WebDesign Master", но я бы не стал его рекомендовать: кастер хоть и имеет какой-то опыт разработки, но использует не лучшие практики и очень часто затрагивает вопросы в которых некомпетентен.

Answer 2

[Максим]

на youtube

Answer 3

[Роман Огарков]

Если хочешь досконально понять принцип адаптивной вёрстки то тебе к masterCSS youTube