Где посмотреть скринкасты по семантической, адаптивной верстке от профессионала?
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).
Соответственно: хотел бы посмотреть как это делают профессионалы своего дела, у которых за плечами богатый опыт. Спасибо!
Зачем скринкасты - весь полезный материал в сети идет текстом. Выбор Susy одобряю, но перед этим нужно выкинуть Bootstrap - он нужен разве что для оформления формочек. Jade, Sass, Gulp - тоже отличный выбор.
Design + Code my Personal Website in 12 hours
Затрагивает многие этапы веб-разработки с подробными разборами.
На русском есть аналог "WebDesign Master", но я бы не стал его рекомендовать: кастер хоть и имеет какой-то опыт разработки, но использует не лучшие практики и очень часто затрагивает вопросы в которых некомпетентен.