📌 Опубликовали результаты State of CSS 2024

State of CSS 2024
State of CSS 2024

Казалось, что только недавно писал о State of JS 2023 (в конце июня 😱 как быстро время летит), а тут уже вышел CSS. Пробежимся по самому интересному.

Для тех, кто не курсе что это вообще такое. State of CSS - это ежегодный опрос разработчиков со всего мира о последних тенденциях CSS

Фичи:

  • Фильтр-эффекты (blur(), contrast() и подобные) набирают популярность и стали самыми используемыми функциями в этом году.
  • :has() оказался на втором месте (хотя мне за весь год ни разу не пришлось его использовать).
  • :aspect-ratio использовали в последнее время? А он, оказывается, на 4-м месте.

Библиотеки:

  • Tailwind CSS занимает заслуженное первое место.
  • Bootstrap держится на втором. Его еще много лет никто не сможет сместить.
  • Ant Design делит 3-е место с Materialize CSS.

Что удивило, так это Vuetify на 19-м (❗) месте. Мне казалось, что он должен был быть в числе лидеров.

CSS-in-JS: Ничего удивительного: CSS-модули идут вровень со Styled Components и занимают первое место.

Pre/Post процессоры. Здесь наблюдается интересная тенденция. Ванильный CSS, благодаря новым фичам, значительно обогнал Less и Stylus, что не может не радовать.

  • Sass/SCSS — первое место, вопросов нет.
  • PostCSS — второе.
  • Ванильный CSS.
  • Less
  • Stylus.

Ожидаемый функционал. Самое интересное, как по мне:

  • Миксины. Думаю, было бы логично их добавить в CSS.
  • Conditional Logic. Сомнительно, конечно. Такой функционал точно нужно будет использовать с умом, чтобы не "выстрелить себе в ногу" и не запутаться в условиях.
  • Masonry-шаблон. Кто не знает, был (и существует) раньше такой плагин, который выстраивал сетку, как в Pinterest. Это очень полезная фича, и я был бы рад ее добавлению.
  • Обращение к родителю. Тоже полезный функционал, дайте две!
  • Nesting. То, к чему мы уже привыкли, сообщество просит добавить на базовый уровень.
  • Функции. Тема тоже актуальна, берем!

И завершить можно хорошими новостями: Conditional Logic, миксины и Masonry-шаблоны уже взяты в работу, но неизвестно, на какой стадии разработки они находятся.

Как тебе результаты?
Все было ожидаемо или что-то удивило?
А что бы ты хотел увидеть в обновлениях CSS?
Может, что-то нужно убрать вообще?

Больше об айти и фронтенде в частности в моем ТГК:

Начать дискуссию