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

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

Mediainfo:

Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (isom/mp42)
Продолжительность : 2 ч. 16 м.
Режим общего битрейта : Переменный
Общий поток : 611 Кбит/сек
Исполнитель : Dmitry Lavrik
Дата кодирования : UTC 2015-08-11 19:11:34
Дата пометки : UTC 2015-08-11 19:11:34
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : Baseline@L3.2
Параметр CABAC формата : Нет
Параметр ReFrames формата : 3 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Битрейт : 451 Кбит/сек
Ширина : 1280 пикселей
Высота : 1024 пикселя
Соотношение сторон : 5:4
Режим частоты кадров : Переменный
Частота кадров : 30,000 кадров/сек
Минимальная частота кадров : 30,000 кадров/сек
Максимальная частота кадров : 30,030 кадров/сек
Стандарт вещания : NTSC
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.011
Размер потока : 442 Мбайт (74%)
Размер потока оригинала : 442 Мбайт (74%)
Язык : English
Дата кодирования : UTC 2015-08-11 19:11:35
Дата пометки : UTC 2015-08-11 19:11:35
Цветовой диапазон : Limited
mdhd_Duration : 8219067
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : 40
Продолжительность : 2 ч. 16 м.
Продолжительность оригинала : 2 ч. 16 м.
Вид битрейта : Переменный
Битрейт : 158 Кбит/сек
Максимальный битрейт : 218 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 44,1 КГц
Частота кадров : 43,066 кадра/сек (1024 spf)
Метод сжатия : С потерями
Размер потока : 154 Мбайт (26%)
Размер потока оригинала : 154 Мбайт (26%)
Язык : English
Дата кодирования : UTC 2015-08-11 19:11:35
Дата пометки : UTC 2015-08-11 19:11:35
mdhd_Duration : 8219098