State of CSS 2024
Пробежимся по самому интересному.
Для тех, кто не курсе что это вообще такое. 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?
Может, что-то нужно убрать вообще?
Ссылка на источник
Больше о фронтенде, технологиях и новостях в мире JS в моем ТГК — aleksandr_frontend
Источник новости: habr.com
