Забудьте все, що ви знаєте про 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

한국어