FlexBox верстка. Мастер-класс (2015) - Дмитрий Лаврик

[Toretto]

О видеокурсе: Мастер-класс по верстке с помощью FlexBox! FlexBox — новый способ разбивки контента на блоки, пришедший на смену и/или в помощь стандартным методам верстки.

Основные преимущества FlexBox:
полностью резиновая модель верстки
адаптивный сайт без media-запросов
удобные выравнивания элементов по горизонтали и вертикали
изменение порядка HTML-элементов прямо из CSS
с 2014 года поддержка всеми новыми браузерами
простой и лаконичный CSS-код на выходе


Программа мастер-класса:

Урок 1 — теория FlexBox
Причины появления FlexBox
Примеры неудобств в привычной верстке
Поддержка браузерами
Понимание flex-осей
Резервирование места
Управление сжатием
Управление выравниванием
Изменение направления контента
Изменение порядка элементов
Феерическая адаптивность

Урок 2 — верстка макета
Разбор дз с первого урока
Легко прижимаем подвал к низу
Вертикальный поток оберток
Привычная wrap-техника
Анализ макета: margin vs display: flex
flex: 1 1 auto — чудеса адаптивной верстки
Анализ динамического изменения количества элементов
rem — телефоны скажут спасибо
flex + media-запросы
Примеры, когда не стоит использовать flex

Скачать FlexBox верстка. Мастер-класс (2015) - Дмитрий Лаврик

Резервная ссылка

 

[Toretto]

Ссылку обновил
Скачать FlexBox верстка. Мастер-класс (2015) - Дмитрий Лаврик.

 

[dima5876218346]

Достойный материал по флексам. Все в подробностях.