Перейти к основному содержимому

Демография

This year's survey reached 9,704 developers throughout the world.

Страна проживания

While the U.S. still represented the largest single demographic, we were still happy to see a good mix of countries among the rest of our respondents – although Asia sadly continues to be under-represented.

0%
5%
10%
15%
19%
24%
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

Over Limit

1,632
0%
5%
10%
15%
19%
24%
% ответивших на вопрос
Where do you currently reside?
💡
В таких небольших подсказках по всему опросу будет отображаться полезная информация и всякие разные подробности.

CSS isn't doing great among Gen Alpha respondents, possibly because they're too busy playing Fortnite. Wait, Fortnite is still a thing right…?

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%
% ответивших на вопрос
Сколько вам лет?

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 years

1,233
2

5-9 years

1,763
3

10-14 years

1,391
4

15-19 years

960
5

20-24 years

875
6

25-29 years

471
7

Over 30 years

168
0%
5%
10%
15%
21%
26%
% ответивших на вопрос
Как долго вы работаете или учитесь в своей области.
We asked members of the CSS community to share their “pick of the year”

My 2024 Pick: :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.
We asked members of the CSS community to share their “pick of the year”

Augustin Mauroy

Web Developer & OSS Enthusiast

Размер компании

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

1-5

569
3

5-10

464
4

10-20

611
5

20-50

785
6

50-100

723
7

100-1000

1,416
8

>1000

1,187
9

N/A

466
0%
4%
8%
12%
16%
21%
% ответивших на вопрос
Насколько большая компания, в которой вы работаете.
💡
В некоторых графиках есть дополнительные вкладки, на которых представлены взаимодополняющие разбивки тех же самых данных, или других, похожих данных. Обязательно также посмотрите их!

Годовая зарплата

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

$0k-$20k

726
2

$20k-$40k

894
3

$40k-$60k

999
4

$60k-$80k

920
5

$80k-$100k

663
6

$100k-$150k

817
7

$150k-$200k

365
8

> 200 т.

231
9

N/A

829
0%
3%
6%
9%
12%
16%
% ответивших на вопрос
В долларах США.

Диплом о высшем образовании

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%
% ответивших на вопрос
Есть ли у вас высшее образование?
We asked members of the CSS community to share their “pick of the year”

My 2024 Pick: Style Queries and 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.
We asked members of the CSS community to share their “pick of the year”

Lea Verou

Product Lead at 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

Небинарный/гендерно-неконформный

152
4

Ничего из вышеперечисленного

18
0%
17%
35%
52%
70%
87%
% ответивших на вопрос
Хотя мы понимаем, что сбор и публикация данных о многообразии людей может быть щекотливой темой, нам всё же важно узнать эту информацию, чтобы оценить репрезентативность относительно инклюзивности.
Мы используем ответ для отслеживания и улучшения доступности и репрезентативности опроса.

Раса и этническая принадлежность

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

European

10

Коренной американец/уроженец островов Тихого океана/коренной австралиец

22
11

Slav

12

Jewish

13

Other Answers

84
0%
16%
31%
47%
62%
78%
% ответивших на вопрос
Хотя мы понимаем, что сбор и публикация данных о многообразии людей может быть щекотливой темой, нам всё же важно узнать эту информацию, чтобы оценить репрезентативность относительно инклюзивности.
Что из перечисленного ниже относится к вам (если есть)? Пожалуйста, отметьте всё, что подходит к вам.

Статус инвалидности

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

🚫 None

4,516
6

Other Answers

94
0%
15%
30%
45%
60%
75%
% ответивших на вопрос
Что из перечисленного ниже имеет к вам отношение (если есть)? Пожалуйста, отметьте все подходящие варианты. Обратите внимание, временная нетрудоспособность или травмы также учитываются.

Откуда участники узнали об опросе?

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%
2

5

Workplace

0%
11%
22%
33%
45%
56%
% ответивших на вопрос
Эти данные получены на основе самих ответов респондентов, источниках перехода на опрос и специальных меток в URL-адресе.

Рекомендуемые ресурсы

Learn CSS, from Laying Out Websites to Performant Animations

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
Спасибо нашим партнёрам за поддержку! Подробнее.