Мастер-класс по вёрстке с помощью 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 часов
Файл
Формат: MP4 (+ доп. материалы)
Видео: AVC, 1280x1024, ~298 Kbps
Аудио: AAC, 158 Kbps, 48.0 KHz
Размер файла: 1.18 Gb
Скачать FlexBox вёрстка (2015) Мастер-класс
| 
