Skip to content

The State of CSS 2021

[ua-UA] general.back_to_intro

Інші можливості

Інші CSS-можливості.

CSS-змінні (кастомні властивості)

Customize Data
Вперше чую
Знаю
Використовував
2019
35.3% 35.3% 59.6% 59.6%
2020
20.5% 20.5% 74.7% 74.7%
2021
12.9% 12.9% 84.4% 84.4%

Перевірка CSS-можливості (@supports)

Customize Data
Вперше чую
Знаю
Використовував
2019
27% 27% 36.2% 36.2% 36.9% 36.9%
2020
29.3% 29.3% 30.3% 30.3% 40.6% 40.6%
2021
24.5% 24.5% 29.7% 29.7% 46% 46%

CSS-ізоляція (CSS Containment)

Customize Data
Вперше чую
Знаю
Використовував
2019
83% 83% 12.3% 12.3%
2020
81.6% 81.6% 12.2% 12.2%
2021
72.2% 72.2% 18.3% 18.3% 9.6% 9.6%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: Stephanie Eckles

I'm constantly blown away by Stephanie's continued initiatives to help share her knowledge of modern CSS techniques, as well as her contagious enthusiasm for CSS.

We asked members of the CSS community to share their “pick of the year”

Kevin Powell

CSS Evangelist

will-change

Customize Data
Вперше чую
Знаю
Використовував
2019
58.3% 58.3% 18% 18% 23.8% 23.8%
2020
54.8% 54.8% 16.5% 16.5% 28.8% 28.8%
2021
47.9% 47.9% 18.7% 18.7% 33.5% 33.5%

calc()

Customize Data
Вперше чую
Знаю
Використовував
2019
9.3% 9.3% 86.2% 86.2%
2020
91.6% 91.6%
2021
93.4% 93.4%

Houdini

Customize Data
Вперше чую
Знаю
Використовував
2020
59.9% 59.9% 37.9% 37.9%
2021
52.3% 52.3% 44.2% 44.2%

Функції порівняння CSS

Customize Data
Вперше чую
Знаю
Використовував
2020
18.9% 18.9% 34.2% 34.2% 47% 47%
2021
13.4% 13.4% 24.3% 24.3% 62.5% 62.5%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: “Building a Color Scheme” by Adam Argyle

I love this article because although custom properties have been around for a while now, it really takes them to a different level and showcases their power. I hope it makes some people think of them in a different way, as more than simple variables.

We asked members of the CSS community to share their “pick of the year”

Michelle Barker

Senior Front End Developer

Houdini Custom Properties

Customize Data
Вперше чую
Знаю
Використовував
2021
72.9% 72.9% 23.1% 23.1%

::marker pseudo-element

Customize Data
Вперше чую
Знаю
Використовував
2021
46.8% 46.8% 20.3% 20.3% 33.1% 33.1%

Рекомендовані ресурси

Dynamic CSS with Custom Properties (aka CSS Variables)

Dynamic CSS with Custom Properties (aka CSS Variables)

Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed – using only vanilla CSS!
Спасибі нашим партнерам за підтримку! Детальніше.