« Предыдущая  |  Следующая »

Мастер-класс по вёрстке с помощью 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

Ссылки: (для качалок)

Общий размер публикации: 1,18 ГБ

Еще Видео: (похожие ссылки)