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

Пробежимся по самому интересному.

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

Фичи:

1. Фильтр-эффекты (blur(), contrast() и подобные) набирают популярность и стали самыми используемыми функциями в этом году.

2. :has() оказался на втором месте (хотя мне за весь год ни разу не пришлось его использовать).

3. :aspect-ratio использовали в последнее время? А он, оказывается, на 4-м месте.

Библиотеки:

1. Tailwind CSS занимает заслуженное первое место.

2. Bootstrap держится на втором. Его еще много лет никто не сможет сместить.

3. Ant Design делит 3-е место с Materialize CSS.

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

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

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

1. Sass/SCSS — первое место, вопросов нет.

2. PostCSS — второе.

3. Ванильный CSS — третье

4. Less.

5. Stylus

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

1. Миксины. Думаю, было бы логично их добавить в CSS.

2. Conditional Logic. Сомнительно, конечно. Такой функционал точно нужно будет использовать с умом, чтобы не «выстрелить себе в ногу» и не запутаться в условиях.

3. Masonry-шаблон. Кто не знает, был (и существует) раньше такой плагин, который выстраивал сетку, как в Pinterest. Это очень полезная фича, и я был бы рад ее добавлению.

4. Обращение к родителю. Тоже полезный функционал, дайте две!

5. Nesting. То, к чему мы уже привыкли, сообщество просит добавить на базовый уровень.

6. Функции. Тема тоже актуальна, берем!

И завершить можно хорошими новостями:

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

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

Ссылка на источник

Больше о фронтенде, технологиях и новостях в мире JS в моем ТГК — aleksandr_frontend