Команда Chrome DevRel запустила CSS Wrapped 2024. Это лендинг с обзором новых возможностей CSS, выпущенных в Chrome (и не только) в этом году. Можно считать это итогами года для CSS.
В CSS появилось 17 новых возможностей:
-
field-sizing- Анимация
height: auto, calc-size() и interpolate-size- Exclusive Accordion
-
::details-content- Anchor Positioning
-
scrollbar-color и scrollbar-width- View transitions
- Scroll-driven animations
- Scroll snap events
- Наследование свойств в
::backdrop-
light-dark()- @property
- Popover API
- @starting-style
-
ruby-align-
paint-order-
CSSNestedDeclarationsГлядя на этот список и отслеживая новинки для публикации в этот канал, я впечатлён развитием CSS в этом году. Не помню такого количества фич раньше. Осталось дождаться хорошей поддержки всего этого. Тут я тоже настроен позитивно, о чём я уже упоминал. А пока предлагаю перейти на сайт CSS Wrapped 2024 и ознакомиться с демками всех новых возможностей. Особенно через последнюю версию Chrome, в которой все они поддерживается.
На самом сайте при этом во всю используются новые возможности CSS, поэтому можно поизучать исходники.
