На прошлой неделе рабочая группа CSS опубликовала обновленные версии двух важных модулей CSS 3 уровня — Box Alignment и CSS Display. Статус у них пока прежний (черновик), но по планам редакторов следующая версия должна стать кандидатом в рекомендации — в общем, «почти готово». А буквально через день обновился еще один черновик — CSS Motion Path 1 уровня.

О свойствах для выравнивания всего и новинках display мы уже немало писали. Удивительно, но в остальном интернете (даже зарубежном) до сих пор на удивление мало исчерпывающей и целостной информации по ним! Даже информацию об их браузерной поддержке долго приходилось собирать «по клочкам». Поэтому вокруг них то и дело возникают мифы (например, будто значение space-evenly для свойств выравнивания контента работает только в Firefox, или что display:flow-root и clearfix-хак — равнозначные замены). Пожалуй, самое время освежить знания! Желательно прямо из первоисточников, но наши статьи тоже подойдут (они как раз недавно слегка обновились в связи со свежими исправлениями в браузерах:). А лучше всего верить собственным экспериментам!

А модуль Motion Path «породнился» с модулем CSS для круглых экранов (тоже 1 уровня), ради чего пришлось переименовать само свойство motion-path в offset-path. Зато теперь он годится не только для анимации, но и для статичного размещения элементов вдоль контура, с автоматической привязкой к его изгибам (если нужно). И в нем стало еще больше SVG:)

P.S. Это тоже может быть интересно:

• Псевдокласс :has() — не только «родительский селектор»
• Новогодние подарки Рабочей группы CSS: значения и единицы 4 уровня, медиавыражения 4 и 5 уровней
• Каскадные слои уже почти стандарт!