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

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

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

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

Команда

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

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

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

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

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

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

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

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

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

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

Будьте на связи

Если вы хотите узнать, когда мы опубликуем дополнительные результаты или объявим о начале опроса в следующем году, напишите свой адрес электронной почты:

Наши партнёры

Помощь с переводами

Català

Deutsch

فارسی

Italiano

Português

Русский

Українська

Svenska

Türkçe

Indonesia

简体中文

正體中文

Polski

한국어