Забудьте всё, что вы знаете о CSS. Или, по крайней мере, приготовьтесь пересмотреть свои представления о CSS. Если вы, как и я, пишете CSS уже более десяти лет, то в 2020 году CSS уже совсем не тот, каким мы привыкли его видеть.

Вместо контрольных точек мы теперь можем использовать CSS-гриды, чтобы создавать динамические, отзывчивые раскладки, которые адаптируются к любому размеру вьюпорта и при этом написав меньше кода. Вместо использования глобальных таблиц стилей, теперь с помощью паттерна CSS-in-JS мы можем писать стили прямо в коде компонентов и создавать различные дизайн-темы.

Но больше всего поразило, как Tailwind CSS ворвался на сцену с CSS-подходом utility-first, и заставил нас переосмыслить традиционную догму о семантических названий классов.

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

Команда

Опрос State of CSS создан и поддерживается:

• Сашей Грайф (Sacha Greif): Дизайн, текст, код
• Рафаэлем Бенитт (Raphaël Benitte): Анализ данных, визуализация данных

Загрузка данных

Вы можете скачать JSON-исходник с данными по этому опросу. Дайте нам знать, если вы сделайте собственные визуализации этих данных!

Интересные ссылки

• Главная страница State of CSS
• Опрос State of JS

Благодарности

Спасибо всем, кто помог нам сделать этот опрос, особенно Чэнь Хуэй Цзин (Chen Hui-Jing), Филипу Ягенштедту (Philip Jägenstedt), Адаму Аргайлу (Adam Argyle), Ахмаду Шадиду (Ahmad Shadeed), Роберту Флэку (Robert Flack), Доминику Нгуену (Dominic Nguyen), Элике Фантазай (Fantasai) и Килиану Валкхофу (Kilian Valkhof).

Отдельная благодарность Алексею Пыльцыну (Alexey Pyltsyn) за помощь над переводами.

Дополнительная информация

Сайт использует шрифт IBM Plex Mono. Есть вопрос? Хотите поделиться своим мнением? Напишите нам!

А теперь давайте посмотрим, каким был CSS в этом году!

– Саша и Рафаэль