HTML и CSS: Джедай верстки #4. Bootstrap: Глубокое погружение в адаптивную HTML верстку на примере коммерческого сайта (optimized_html)

Сегодня большой день, друзья!

Наконец то вышел наш любимый и бесконечно всеобъемлющий "ДЖЕДАЙ ВЕРСТКИ"!

Еще он особенный потому, что мы впервые на практическом примере рассмотрим оптимизированную HTML верстку с использованием optimized_html - стартового темплейта, адаптированного для молниеносной загрузки сайтов.

Верстать будем как обычно с использованием Bootstrap. По ходу дела изучим использование практически всех компонентов Bootstrap, научимся правильно стилизовать этот фреймворк.

Результат HTML верстки:

Главная: http://agragregra.github.io/demos/dj/4/

Внутренняя: http://agragregra.github.io/demos/dj/4/vnutr.html

Тест на Google PageSpeed: https://goo.gl/D0RLZ5

Архив для прохождения урока: https://yadi.sk/d/R1Fj1ysIhV5YN

Стартовые шаблоны start_html: https://github.com/agragregra/start_html

Документация Bootstrap: http://getbootstrap.com/css/

Дополнительные видеоматериалы:

Упомянутое в уроке видео об оптимизации фронтенда: https://www.youtube.com/watch?v=p-Sdyj9qnmY

Создание тем на Bootstrap: https://www.youtube.com/watch?v=GNeKuKXQwCg