Прошедшая половина весны, похоже, выдалась активной и плодотворной для Рабочей группы CSS в W3C. Почти весь март прошел в постоянных телеконференциях и встречах, на которых было принято немало конструктивных решений. В частности, решено больше не менять текущую спецификацию Flexbox (наконец!), поскольку браузеры до сих пор не могут разобраться с последствиями предыдущей смены насчет абсолютно позиционированных потомков флекс-контейнера. Выпущено три новых интересных спецификации и активно дорабатывались существующие. Много внимания уделялось заслуженному модулю CSS3 UI (в частности, уточнению нюансов полезного свойства box-sizing) — он обновлялся дважды, последний раз буквально позавчера.

Судя по всему, закончила свою историю и отправляется в музей (с безжалостным статусом «заметка рабочей группы») бывшая когда-то многообещающей спецификация CSS3 для раскладки — Template Layout (разметка областей страницы шаблонами в коде, похожими на ASCII-арт). Но сильно скучать без нее нам не придется: все интересные наработки оттуда перекочевали в модуль Grid Layout 1-го уровня, новая редакция которого была выпущена неделей раньше.

Помимо первоапрельской спецификации CSS EGG — как видно из названия, «пасхального яйца», в шутку предлагавшего использовать в CSS астрономические единицы типа парсеков, ввести особое ключевое слово для градиентов, чтобы рисовать двойную радугу, и утвердить темп речи сэра Тима Бернерса-Ли в качестве эталона соотв. величины — у W3C вышли два действительно занятных первых публичных черновика. Модуль CSS Scroll Snap Points 1-го уровня позволяет точно останавливать скроллинг в специально указанных точках, что позволит легко и удобно реализовывать перелистывание слайдов, экранов гибридных приложений и т.п. А совсем свежий — позавчерашний — модуль Motion Path 1 добавляет в CSS анимации движения по траектории, которые раньше были возможны только с помощью сложных скриптов или SVG. Кстати, для описания траекторий предлагается использовать синтаксис SVG-атрибута path, что может стать полезным опытом дальнейшей интеграции этих технологий. Так что, если вы еще не ознакомились с SVG, самое время восполнить пробелы!

Уточняются и самые основы CSS — готовятся к выходу новые редакции модулей, описывающих каскад, единицы измерения, механизм CSS-переменных и многое другое. Разработчикам браузеров, конечно, нелегко уследить за всеми новинками. Но они стараются. Даже Microsoft, объедивший силы с Adobe в работе над новым «спартанским» проектом, показал впечатлающий предварительный результат. В общем, встречайте весну и будущее!

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

• Псевдокласс :has() — не только «родительский селектор»
• Не боритесь с каскадом, управляйте им!
• «Запашки» кода React-компонентов