На главную

Итоговый анализ результатов опроса State of CSS 2025

Введение

Опрос State of CSS 2025 охватил 5 506 разработчиков, что позволило получить репрезентативную картину использования CSS. Главная тема исследования — скорость и направленность эволюции языка. В начале отчёта Саша Греф подчёркивает, что современный CSS перестал быть «дополнительным» языком: новые свойства вроде :has(), aspect‑ratio и Cascade Layers уже прочно вошли в рабочие процессы, а большое сообщество инструментов и ресурсов помогает отслеживать совместимость и выбирать время для внедрения.

Принятие и отношение к новым возможностям

Среди всех функций наибольшую популярность и положительные оценки получил селектор :has(). Его применяли 80 % участников, при этом 51,5 % высказывают о нём положительное мнение. Второе место по любви занял Subgrid, а третье — aspect‑ratio. Напротив, новые функции sibling‑count/index оказались самыми непопулярными из‑за ограниченной поддержки, а тригонометрические функции набрали наибольший процент негативных отзывов. Наибольший годовой рост использования показало свойство text-wrap: pretty, а сильнее всего выросла осведомлённость о функции light-dark().

Несмотря на появление множества нововведений, сложные макетные возможности остаются источником боли. Участники отмечают, что мощь CSS Grid сопряжена с высоким порогом входа; также часто упоминаются проблемы высоты, переполнения и позиционирования. Трудности вызывает и построение фигур: рисование треугольников, кругов и многоугольников средствами CSS заставляет обращаться к SVG, что тоже несёт свои сложности. В сфере цветов разработчики хотят уйти от примитивной дихотомии светлой и тёмной тем, получить лучшее управление контрастом и корректно обрабатывать новые цветовые пространства вроде oklch(). Взаимодействие также вызывает вопросы: респонденты ждут лучшей поддержки scroll-driven animations и предупреждают о проблемах доступности при создании каруселей; они также отмечают, что раньше сложно было анимировать значения auto, хотя браузеры уже исправляют этот недостаток.

Недостаток единообразной поддержки до сих пор остаётся основной жалобой: 10 % респондентов называют browser support главным общим препятствием для работы с CSS. Среди желаемых функций лидируют миксины и masonry layout, за ними следуют условная логика, циклы и более развитые анимации. В то же время некоторые «модные» возможности, например CSS Nesting и :has(), постепенно уходят из списков несовместимости, поскольку поддерживаются всеми основными браузерами.

Экосистема инструментов

CSS‑фреймворки. Tailwind остаётся самым популярным фреймворком, особенно среди специалистов с меньшим опытом (медиана 10 лет), тогда как разработчики с более продолжительной практикой чаще используют внутренние или кастомные решения (медиана 15 лет). При этом 47 % участников либо вообще не пользуются фреймворками, либо пропустили вопрос.

CSS‑in‑JS. Легковесные CSS Modules занимают первое место, за ними следуют Styled Components и Emotion. Однако только 29 % респондентов используют библиотеки CSS‑in‑JS, что указывает на нишевой характер данного подхода.

Препроцессоры и постпроцессоры. Sass всё ещё лидер, но в целом их применение снижается, поскольку многие возможности интегрируются непосредственно в язык. Среди инструментов‑утилит наиболее востребованы Prettier, Autoprefixer и Stylelint; также набирают популярность Biome и Lightning CSS.

Браузеры. Четыре «больших» браузера — Chrome, Firefox, Safari и Edge — сохраняют лидирующие позиции, причём доли использования практически не изменились по сравнению с предыдущим годом.

Практика использования CSS

В тестировании наблюдается небольшой рост внимания к клавиатурным сценариям и работе со скринридерами; крупные компании чаще тестируют с помощью скринридеров. Основное предназначение CSS сегодня — создание интерактивных веб‑приложений: сам отчёт подчёркивает, что именно приложения, а не статические страницы, стали главным видом проектов.

Большинство участников работают в сфере программных и технических инструментов; значимыми остаются консалтинг, электронная коммерция, маркетинг и образование. Среди проблем совместимости на первом месте — Anchor Positioning; значительно возросло количество жалоб на View Transition API и запросы контейнеров от стилей; при этом CSS Nesting и :has() потеряли актуальность в списке проблем благодаря широкой поддержке.

Опрос проверял знание индикатора Web Platform Baseline: большинство участников правильно определили его как набор API, поддерживаемых всеми основными браузерами; молодые разработчики демонстрировали наилучшее знакомство с этой инициативой. Вопрос о скорости изменений показал, что большинство находятся «посередине пути»: они слышали об части нововведений и попробовали лишь некоторые, средний уровень освоения составил 2,8 балла по шкале.

Уровень удовлетворённости состоянием веб‑технологий держится на стабильном уровне (3,8 балла из 5), но отношение к CSS растёт: счастье от работы с языком демонстрирует устойчивый восходящий тренд.

Информационные ресурсы и сообщество

В категории подкастов лидирует Syntax, увеличивший аудиторию ещё на 8 %; также популярны Shop Talk Show, Web Standards и The CSS Podcast. Видеоконтент по CSS ассоциируется прежде всего с Кевином Пауэллом; близки к нему по популярности универсальные техноблогеры Theo и The Primeagen. Среди личностей наибольшее влияние оказывают Джош У. Комо, Кевин Пауэлл, Адам Аргайл и Уна Кравец. Основными справочными ресурсами остаются MDN и Can I Use, однако участники активно используют web.dev, W3C, блоги WebKit и другие источники. Помимо этого, большинство респондентов участвуют в других «State of»‑опросах и опросах Stack Overflow; стоит также отметить опрос JetBrains Developer Ecosystem.

Демография

Средний возраст участников составляет 36,1 года, а средний стаж разработки — 13,4 года. Наиболее представлены США (683 респондента), Германия (337), Великобритания (239), Франция (233) и Нидерланды (186). Компании, в которых работают участники, в среднем насчитывают 337 сотрудников; 47 % работают в командах до 50 человек. Средняя годовая зарплата составляет 79 433 доллара США. Распределение должностей показывает доминирование «Frontend Developer», «Developer» и «Software Engineer». Большинство имеют высшее образование по профильной специальности (около 2 тыс. человек), ещё 848 человек имеют образование в неродственной области.

Выводы

Заключительный раздел отчёта подчёркивает, что современный CSS стремительно эволюционирует от «языка оформления» к полноценному инструменту для макетирования, анимаций и доступности. Интерфейсные приложения вытесняют статические страницы, готовые возможности языка заменяют многие фреймворки и препроцессоры, а улучшенная межбраузерная совместимость вселяет уверенность в быструю адаптацию новинок. Вместе с тем автор отчёта напоминает о нерешённых проблемах: сложные макеты, управление высотой и переполнениями, отсутствие нативных миксинов и masonry‑layout, а также всё ещё существующие расхождения между браузерами.

Позитивные тенденции очевидны: :has(), контейнерные запросы и Subgrid превратились из желаемых новшеств в повседневные инструменты; программы Interop и Baseline усилили доверие к стандартам, что отражается в росте удовлетворённости CSS. Сообщество открыто к экспериментам и стремится закрыть оставшиеся пробелы; автор делает акцент, что текущий момент — начало нового этапа развития: в 2025 году удалось «стабилизировать невозможное», а 2026‑й может подарить реализацию давно ожидаемых возможностей.

Советы от меня

  1. Следить за Baseline и Interop. Эти инициативы позволяют оценивать реальную готовность функций к использованию и помогают планировать внедрение.

  2. Осваивать новые возможности на практике. Селектор :has(), контейнерные запросы, Subgrid и Cascade Layers уже становятся базовыми навыками. Начните применять их в небольших проектах, чтобы почувствовать преимущества.

  3. Не забывать о доступности и тестировании. Рост внимания к клавиатурным сценариям и скрин‑ридерам говорит о том, что инклюзивность входит в мейнстрим.

  4. Участвовать в сообществе. Подкасты, видеоблоги и ведущие специалисты помогают быстрее ориентироваться в нововведениях и обмениваться опытом.

В целом, эпоха «CSS 3» окончательно осталась в прошлом: язык развивается стремительнее, чем когда‑либо, и предоставляет разработчикам мощные средства для решения задач, которые ещё несколько лет назад требовали сложных JavaScript‑решений или сторонних библиотек.

Источники