В этой части статьи вы узнаете:

Анимация эластичных блоков
Колонки равной высоты: приятное совпадение!
box-orient и box-direction
box-ordinal-group
box-flex-group и box-lines
box-pack и box-align

Ниже представлен вольный перевод статьи "CSS3 Flexible Box Layout Explained". Для удобства восприятия информации, я разделила публикацию на 3 части.

Модуль создания макета «резиновых» блоков – часто именуемый просто flexbox – это интересная часть проекта W3C. Спецификации flexbox по-прежнему не утверждены окончательно и периодически корректируются, так что остается ждать новостей от консорциума. Тем не менее, модуль является важной частью нового арсенала свойств, которые революционизируют сам подход к верстке. По крайней мере, он будет таковым, как только получит кросс-браузерную поддержку.

Ну, а пока мы можем поэкспериментировать с flexbox и даже использовать его для сознания веб-сайтов, а с помощью фолбэков заставить страницы визуализироваться корректно. Возможно, пройдет еще некоторое время, прежде чем мы начнем использовать его повсеместно, также как, скажем, border-radius, однако наша работа состоит в том, чтобы изучать новые технологии и использовать их везде, где только можно. Впрочем, когда дело касается таких фундаментальных вещей как макет страницы, следует соблюдать некоторую осторожность. 

  Разработчики антивирусных программ F-Secure 2010 распространили информацию о том, что Всемирную сеть посетил новый вирус, представляющий угрозу операционным системам Mac OS X 10.3, который блокирует ее систему безопасности и открывает «зеленую улицу» для проникновения других вирусов. По классификации экспертов F-Secure, эта программа является видоизмененной версией трояна Flashback.A, появившегося в Интернете два месяца назад. Flashback.C [...]

Питер Гасстон, автор книги по CSS3, опубликовал статью под названием The future of CSS layouts, перевод которой специально для читателей хабра представлен ниже.

Несмотря на все поразительные возможности CSS, их недостаточно для реализации фундаментальных принципов разметки страницы. Однако, дополнительные возможности для создания более динамических страниц уже начинают появляться.

После нескольких лет обещаний, CSS3 наконец-то преуспел в стилях. Он добавил в наш арсенал целый набор новых инструментов, обеспечив нас закруглёнными углами, градиентами, прозрачностью, преобразованиями элементов, анимацией и многим другим. Что же ещё сможет порадовать наш глаз?

Следующая проблема CSS это разметка. До текущего момента мы делали её, используя плавающие блоки, относительные позиции и трюки с отрицательными отступами, и всё это было сложно реализовать, чтобы результат был похож на стандартную двух- или трехколоночную разметку.

Консорциум W3C и создатели браузеров в курсе этих проблем и работают над рядом решений. Лидером среди них является (как не удивительно) Internet Explorer. Похоже, что IE10 будет предвестником новой эры CSS разметки, которая позволит создавать отличные, динамические и привлекательные сайты, используя недосягаемые ранее возможности.

В данной статье автор рассматривает различные методы разметки, которые хотелось бы использовать на отдельных стадиях разработки, от уже внедренных до чисто теоретических. Возможно, не все из них нам удастся использовать в дальнейшем (по крайней мере не в текущей форме), но стоит взглянуть на эти методы, чтобы понять будущее CSS разметки.