CSS Wrapped 2025: Google показав головні тренди року. Що там цікавого?

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Всі уже звикли до підсумків року від Spotify (про це, до речі, говорили тут), але тут команда Chrome DevRel вирішила не відставати і викотила свій CSS Wrapped 2025.

Зробили вони це дуже стильно. Звісно, більшість цих фіч — це загальні веб-стандарти, над якими працює вся індустрія, але саме Chrome цього року активно їх просував і впроваджував.

Вони розділили все на три категорії: Customizable components, Next-gen interactions та Optimized ergonomics.

Ось головні фічі, на яких вони роблять акцент:

• Customizable Select (appearance: base-select)
  Нарешті можна повністю стилізувати елемент <select> (включно з випадайкою), не ламаючи при цьому нативну поведінку і доступність.

• Scroll-state queries
  CSS навчився розуміти, що відбувається під час скролу. Найпростіший приклад: тепер можна змінити колір або тінь sticky меню саме в той момент, коли воно «прилипає» до верху екрану.

• CSS if() function
  Так, ви не помилилися. У CSS з’являється умовна логіка! Тепер можна писати if() прямо в стилях, щоб змінювати значення залежно від умов, без складних каскадів.
  

Виглядає це все як дивний новий світ, де CSS забирає на себе купу логіки відображення, для якої раніше писали JS-код.

Що з цього ви вже реально використовуєте на продакшені? Чи це все поки що гарно виглядає тільки на презентаціях Google, а в реальних задачах старі методи досі надійніші?