- Container Queries
has()- Демо
- Спецификация
:has, Дока- The CSS :has Selector (and 4+ Examples), CSS Tricks
:has(): the family selector, Chrome Developers- I never thought this would be possible with CSS (видео)
:hasв CSS — псевдокласс из будущего на примере карточки новости (видео)
accent-color- Демо
- Спецификация
accent-color, Дока- Styling forms just got easier with
accent-color(видео) - Simplifying Form Styles With accent-color, Smashing Magazine
- Популяризация логических свойств в CSS
outlineпо форме элемента- Новые единицы измерения вьюпорта
aspect-ratio- Демо
- Спецификация
- aspect-ratio, CSS Tricks
inert- Демо
- Introducing
inert, Chrome Developers - Inert (видео), The CSS Podcast
- Mozzila переписала accessibility engine в Firefox Nightly
- Тестерская инициатива по доступности — ARIA-AT
- WCAG 2.2 получил статус кандидата в рекомендации
- Примечания к черновику Accessibility Maturity Model
- Теперь можно немного анимировать
grid-template - Поддержка низкоуровневых API для работы с video и audio. WebCodecs
-
Истёк крайний срок внедрения в странах ЕС Европейского закона о доступности (European Accessibility Act, EAA). Подробнее в What is the European Accessibility Act?
-
Законопроект Закон о доступности сайтов и программного обеспечения (Websites and Software Applications Accessibility Act). Подробнее в The Websites and Software Applications Accessibility Act
-
Многие инструменты переписывают на Rust, посмотрите например на turbopack или на Apollo Router
@when-@elseдирективы (пока нигде не поддерживаются, но CSS Conditional Rules Module Level 5)- Вложенные правила в CSS и директива
@nest(CSS Nesting Module) - Новый синтаксис диапазоны медиазапросов (>, <, ≥, ≤) (Media Queries Level 5)
grid-template-rows: masonry;(CSS Grid Layout Module Level 3)- Развитие atomic css и проектов на его основе. Например, Tailwind CSS
- Разработчики пытаются переосмыслить свой подход к приватности и безопасности. Подробности
- Remix – фреймворк для создания веб-приложений становится все популяренее
- Браузеры изо всех сил стараются сделать процесс рендеринга эффективнее. Посмотрите, например, как все это устроено в Chromium
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent