FlexBox вёрстка (2015) Мастер-класс

Автор: Jessika33 |

1-09-2015, 23:10

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

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

Информация о мастер-классе:
Название: FlexBox вёрстка
Автор: Дмитрий Лаврик
Год выхода: 2015
Жанр: Мастер-класс
Язык: Русский

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

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

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

Выпущено: Россия
Продолжительность: ~5 часов