Перейти до вмісту

State of CSS 2024

Демографія

Цього року в опитуванні взяли участь 9704 розробники з усього світу.

Країна чи регіон

Незважаючи на те, що США досі є найбільшою демографічною групою, ми однаково були раді бачити добру суміш країн з-поміж решти наших респондентів — хоча, на жаль, Азія залишається недостатньо представленою.

0%
4%
9%
13%
17%
21%
1

США

1,135
2

Німеччина

607
3

Велика Британія

425
4

Франція

399
5

Росія

287
6

Нідерланди

267
7

Іспанія

229
8

Канада

210
9

Польща

200
10

Швеція

160
11

Австралія

149
12

Бразилія

134
13

Італія

134
14

Індія

121
15

Японія

114
16

Чехія

112
17

Україна

100
18

Норвегія

88
19

Швейцарія

87
20

Бельгія

83
21

Відкинуті відповіді

196
22

Поза лімітом

1,436
0%
4%
9%
13%
17%
21%
% від тих, хто відповів на питання
6,673
69%
Де ви наразі проживаєте?
💡
У результатах опитування ви знайдете маленькі підказки, подібні до цієї, які вкажуть на додаткові функції та деталі.

Вік

CSS не припав до вподоби респондентам покоління Альфа, можливо, через те, що вони занадто зайняті грою у Fortnite. Чекайте, Fortnite досі популярний, так…?

0%
8%
17%
25%
34%
42%
1

<20

196
2

20-29

1,826
3

30-39

2,829
4

40-49

1,402
5

50-59

386
6

>60

98
0%
8%
17%
25%
34%
42%
% від тих, хто відповів на питання
6,737
69%
34.9
34
Скільки вам років?

Досвід

This chart reveals that most respondents were lucky enough to never have to deal with float-based positioning.

0%
5%
10%
15%
21%
26%
1

0-4 роки

1,233
2

5-9 років

1,763
3

10-14 років

1,391
4

15-19 років

960
5

20-24 роки

875
6

25-29 років

471
7

Понад 30 років

168
0%
5%
10%
15%
21%
26%
% від тих, хто відповів на питання
6,861
71%
12.7
10
Як довго ви працюєте або вчитеся у цій сфері (у роках)?
Ми покликали спільноту CSS поділитися своїм "вибором року"

Мій вибір 2024: :has()

The :has pseudo class allows you to create really creative things. But it also allows you to “go upstream”, for example a map that changes shape when you hover one of its child elements.
Ми покликали спільноту CSS поділитися своїм "вибором року"

Augustin Mauroy

Веброзробник та ентузіаст OSS

Кількість співробітників

The larger the company, the higher the salary. Although if you're good enough, our data shows that you can earn a decent living no matter your company's size.

0%
4%
8%
12%
16%
21%
1

1

654
2

2-5

569
3

6-10

464
4

11-20

611
5

21-50

785
6

51-100

723
7

101-1000

1,416
8

1000+

1,187
9

Н/З

466
0%
4%
8%
12%
16%
21%
% від тих, хто відповів на питання
6,875
71%
321.8
75
Скільки людей працює у вашій організації включно з вами?
💡
Деякі діаграми містять додаткові вкладки, які пропонують додаткові розподіли тих самих або пов'язаних даних. Перегляньте їх!

Річний дохід

While we often hear tales of six-figure salaries out of Silicon Valley, the reality is that most front-end developers throughout the world earn far less, as becomes apparent when directly comparing the U.S. and the rest of the world.

0%
3%
6%
9%
12%
16%
1

0-20 тис. дол.

726
2

20-40 тис. дол.

894
3

40-60 тис. дол.

999
4

60-80 тис. дол.

920
5

80-100 тис. дол.

663
6

100-150 тис. дол.

817
7

150-200 тис. дол.

365
8

> 200 тис. дол.

231
9

Н/З

829
0%
3%
6%
9%
12%
16%
% від тих, хто відповів на питання
6,444
66%
$74,853
$70,000
Ваш річний дохід (до оподаткування) у доларах США.

Вища освіта

While having a degree will ensure you earn more, turns out it doesn't necessarily have to be related to programming – a good sign for the many among us who discovered a passion for web development further along in life.

0%
10%
20%
30%
40%
50%
1

Ні

1,826
2

Так, споріднена галузь

3,419
3

Так, НЕ споріднена галузь

1,588
0%
10%
20%
30%
40%
50%
% від тих, хто відповів на питання
6,833
70%
Ви маєте вищу освіту?
Ми покликали спільноту CSS поділитися своїм "вибором року"

Мій вибір 2024: Стильові запити й if()

My pick would be style queries and inline if(). Once these two ship everywhere, the amount of things we can do with CSS variables will improve tenfold.
Ми покликали спільноту CSS поділитися своїм "вибором року"

Lea Verou

Очільниця продукту у Font Awesome

Гендер

Canada, Spain, the U.K., and the U.S. had the highest proportion of women respondents. Our data also shows women's income to be lagging compared to other groups. While the reasons behind this are beyond the scope of this report, it’s clear that women in our industry do face some unique challenges.

0%
17%
35%
52%
70%
87%
1

Чоловік

5,985
2

Жінка

712
3

NB/GNC

152
4

Нічого з переліченого

18
0%
17%
35%
52%
70%
87%
% від тих, хто відповів на питання
Хоч ми знаємо, що збір і публікація даних про різноманітність (diversity) — це делікатна справа, ми вважаємо, що важливо отримати ці дані, щоб допомогти виміряти та покращити роботу над опитуванням у питаннях інклюзивності та репрезентативності.
6,867
71%
Який один із наведених варіантів описує вас?

Раса та етнічність

Non-white respondents were more likely to be younger and have less experience – which hopefully points to a ongoing diversification of the industry.

0%
16%
31%
47%
62%
78%
1

Білі

4,758
2

Іспанці, Латино

596
3

Східна Азія

333
4

Близький, Середній Схід

199
5

Південна Азія

175
6

Південно-Східна Азія

151
7

Багато рас

139
8

Темношкірі/африкан. походження

122
9

Європейці

10

Корінні американ. або австрал., уродженці о. Тихого океану

22
11

Слов'яни

12

Євреї

13

Інші відповіді

84
0%
16%
31%
47%
62%
78%
% від тих, хто відповів на питання
Хоч ми знаємо, що збір і публікація даних про різноманітність (diversity) — це делікатна справа, ми вважаємо, що важливо отримати ці дані, щоб допомогти виміряти та покращити роботу над опитуванням у питаннях інклюзивності та репрезентативності.
6,103
63%
Який із наведених варіантів описує вас?

Порушення здоров'я

Thanks to the continued efforts of accessibility advocates, we now accept the fact that disabilities (permanent or not) should be taken into account as part of the design & development process.

0%
15%
30%
45%
60%
75%
1

Когнітивні порушення

1,037
2

Порушення зору

362
3

Порушення слуху

201
4

Порушення рухових функцій

182
5

🚫 Нічого

4,516
6

Інші відповіді

94
0%
15%
30%
45%
60%
75%
% від тих, хто відповів на питання
6,025
62%
Яке з наведених порушень ви маєте?

Джерело

While most respondents knew about the survey from previous years, Kevin Powell also sent a large chunk of survey takers our way.

0%
11%
22%
33%
45%
56%
1

State of CSS

2

3

Twitter/X

4

Mastodon

5

На робочому місці

6

Web.dev

7

YouTube

8

Daily Dev

9

CSS Weekly

10

State of JavaScript

0%
11%
22%
33%
45%
56%
% від тих, хто відповів на питання
Джерело, що спрямувало респондентів, визначається на основі даних джерела переходу (referrer), даних відстеження URL-адрес і власне прямих відповідей.
8,358
86%