← Все статьи

Чего CSS всё ещё не хватает в 2026 году

State of CSS, пробелы в вёрстке, центрирование, декларативные обновления DOM и влияние ИИ на ценность сайтов.

Теги
cssНовостиweb platform
Содержание

Коротко

В выпуске Frontend Focus #743 собрали несколько линий: Temani Afif обновил гайд по центрированию с place-content и привязкой к якорю, открылась State of CSS 2026, Patrick Brosset разобрал пробелы вёрстки по итогам прошлого опроса, а Kevin Powell — как краткие ИИ-выжимки и автоматический сбор контента меняют экономику сайтов. Плюс новости платформы: Chrome 148, WordPress 7.0, баг <input type="number">.

Что произошло

Центрирование в 2026 — не только flexbox «на глаз». Современные приёмы опираются на place-content, логические свойства и CSS anchor positioning, когда элемент привязывается к якорю без тяжёлого JavaScript. State of CSS 2026 сознательно сократили список функций: меньше галочек, больше значимых возможностей — ответ на эпоху, когда код частично пишет ИИ.

Patrick Brosset смотрит на компоновку через призму опроса: grid и flex закрыли многое, но сложности остаются в нестандартных шаблонах интерфейса, где дизайнеры до сих пор просят отдельную логику. Kevin Powell после Google I/O поднимает вопрос: если ответ пользователь получает в выжимке без клика, зачем поддерживать контентный сайт — и что это значит для фронтенда и SEO.

Из коротких новостей: WordPress 7.0 с опциональными ИИ-функциями; Chrome чинит неожиданное изменение значений у <input type="number"> (фикс в Chrome 150); Jake Archibald зафиксировал баг; Vivaldi — крупный редизайн; asm.js уходит из Firefox; в Chrome 148 (за флагом) — декларативные частичные обновления: <template for> и setHTML() / streamHTML() для потоковой вставки HTML без полного перерисовывания дерева.

Отдельно Manuel Matuzovic напоминает: aria-label на голом <div> — нарушение спецификации и лотерея в программах чтения с экрана; лучше семантические элементы или явные роли.

Почему это важно

CSS развивается быстрее, чем успевают учебники. Привязка к якорю и декларативные обновления смещают часть работы с JS на платформу — но только если браузеры и полифилы догнали ваш минимальный набор поддержки.

Опрос State of CSS — не академика: по нему видно, какие API реально доходят до продакшена, а какие остаются «на слайдах». Тема «ИИ обесценивает сайты» — про продукт и монетизацию, но для разработчика это сигнал: чистая вёрстка и доступность остаются отличительным признаком, когда текстовый контент перехватывают агрегаторы.

На практике

  1. Пересмотрите центрирование через place-content и логические оси — меньше «магических» отступов.
  2. Следите за anchor positioning для всплывающих окон и подсказок без библиотек позиционирования.
  3. Не ставьте aria-label на <div> «для удобства» — проверьте семантику.
  4. Экспериментируйте с <template for> за флагом Chrome 148, если делаете интерфейсы со списками.
  5. Пройдите State of CSS 2026 — так вы отметите, что команда реально использует.

Итог

CSS в 2026 — это не «дописать flex», а новые примитивы компоновки и декларативные обновления DOM. Параллельно меняется контекст: ИИ давит на ценность классических статей, а качественная вёрстка и платформенные API остаются зоной, где инженерное решение всё ещё заметно пользователю.