Документация / Материалы / Исходники / Курсы
Введение
Flexbox - это модуль CSS предназначенный для создания гибких макетов. Используя flexbox мы получаем все преимущества традиционных способов без их недостатков. Благодаря flexbox мы можем изменить размер, направление, порядок элементов вне зависимости от их первоначального размера и порядка в HTML. Мы можем без труда разместить элементы по центру как горизонтально так и вертикально.
Документация
- Can I use - уровень поддержки flex
- Flexbox - [MDN][en]
- Flexbox - [MDN][ru]
- CSS3 flexbox - [html5book.ru][ru]
- A Complete Guide to Flexbox - [css-tricks.com][en] Наглядно показаны свойства и их применение.
- Полное руководство по Flexbox - [frontender.info] [ru]
- Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. - [html5.by] [ru] Есть интерактивные примеры - очень удобно и наглядно.
- FLEXBOX FROGGY - [flexboxfroggy.com] Интерактивная игрушка в которой нам необходимо помочь лягушонку.
- FlexBox Cheatsheet - [en] Справочник по доступным свойствам, очень удобный наглядный формат.
- Flexbugs - [en][git] ошибки flexbox
- Flexbox Grid - [en][flexboxgrid.com] сетка на основе flexbox
- Полное руководство по Flexbox – учимся на примерах - много примеров по вёрстке сайта на flexbox
- Конструктор flexbox
Видео
Flexbox, теперь понятно - Доклад Вадима Макеева, прозвучавший на конференции «CodeFest 2013»