Результаты опроса State of CSS 2020: Tailwind CSS побеждает в самой распространенной технологии, Utility-First CSS на подъеме

Только что были опубликованы результаты опроса State of CSS 2020 с кратким описанием инструментов, методологий, фреймворков и библиотек, которые в настоящее время отдают предпочтение профессионалам CSS. В него вошли данные 11 492 респондентов из 102 стран после того, как вопросы были впервые переведены на десяток различных языков.

В категории макетов CSS Grid зафиксировал на 34% больше, чем в предыдущем году, респондентов, которые сообщили, что использовали его для размещения элементов на экране. Он получил награду в номинации «Самая популярная функция», которая присуждается функции с наибольшим годовым прогрессом «использованных». Только 6% респондентов заявили, что использовали Subgrid, который включен в Уровень 2 спецификации CSS Grid Layout.

CSS Flexible Box Layout использовали 97,5% респондентов, что примерно на 3% больше, чем в предыдущем году. Многоколоночный макет показал умеренное увеличение использования и небольшое снижение осведомленности. CSS Grid продемонстрировал наибольший рост в этой категории.

Раздел технологий – одна из самых интересных частей обзора, так как экосистема CSS постоянно меняется. Результаты включают диаграмму разброса, показывающую взаимосвязь между степенью удовлетворенности каждой технологией и количеством пользователей. Технологии, входящие в группы «избегать» и «анализировать», скорее всего, скоро уменьшатся в использовании (или уже вышли из моды).

Tailwind CSS снова является лидером среди фреймворков CSS, за ним следует Bulma, популярность которой, похоже, постепенно падает. Tailwind CSS получил награду за «Самую популярную технологию», присуждаемую технологии с самым большим ростом «будет использовать снова» по сравнению с прошлым годом, с увеличением на 17,8% по сравнению с 2019 годом. Также были отмечены PureCSS, Ant Design и Materialize CSS рост в рейтинге по сравнению с предыдущим годом.

Появляется более широкая тенденция – использование фреймворков и инструментов CSS в первую очередь для утилит, которые набирают обороты среди профессионалов. Подход, ориентированный на полезность, который избегает традиционного семантического именования классов в пользу более функциональных имен классов, имеет своих ярых критиков . Это что-то вроде бельма, напоминающего встроенные стили, и, по сути, отбрасывает «каскадный» аспект CSS. Тем не менее, его сторонники ценят возможность взглянуть на HTML и сразу увидеть, какие стили применяются, а также предлагаемую им согласованность.

Если вас интересуют более подробные сведения о том, какие свойства и функции позиционирования используют профессионалы, формы, графика и взаимодействия, ознакомьтесь с полным отчетом . В каждом разделе есть рекомендуемые ресурсы для получения дополнительной информации о популярных и появляющихся технологиях и методах, включая отраслевые подкасты и блоги, которыми в настоящее время пользуются профессионалы.

Состояние JavaScript опроса также теперь открыто, который предлагает подобный клад данных на экосистеме JavaScript , как только результаты будут опубликованы.