Мастер-класс по вёрстке с помощью 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) Мастер-класс
Поделись с друзьями:
|