콘텐츠로 건너뛰기

인구 통계

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

USA

1,135
2

Germany

607
3

United Kingdom

425
4

France

399
5

Russia

287
6

Netherlands

267
7

Spain

229
8

Canada

210
9

Poland

200
10

Sweden

160
11

Australia

149
12

Brazil

134
13

Italy

134
14

India

121
15

Japan

114
16

Czechia

112
17

Ukraine

100
18

Norway

88
19

Switzerland

87
20

Belgium

83
21

Over Limit

1,632
0%
5%
10%
15%
19%
24%
% of question respondents
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%
% of question respondents
당신의 나이는 몇 살 입니까?

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%
% of question respondents
이 분야에서 얼마나 일하거나 학습하셨나요?
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

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

N/A

466
0%
4%
8%
12%
16%
21%
% of question respondents
직장의 크기가 어느정도인가요?
💡
일부 차트에는 동일한 데이터 또는 관련 데이터의 보완 분석을 제공하는 추가 탭이 있습니다. 꼭 확인하세요!

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

>$200k

231
9

N/A

829
0%
3%
6%
9%
12%
16%
% of question respondents
달러 기준.

고등 교육 학위

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%
% of question respondents
고등 교육 학위가 있습니까?
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

논 바이너리 or GNC

152
4

목록에 없음

18
0%
17%
35%
52%
70%
87%
% of question respondents
우리는 다양성 데이터를 수집하고 게시하는 것이 민감한 이슈일 수 있다는 것을 인지하고 있지만, 설문조사의 포괄성과 대표성을 측정하고 개선하는 데 도움이 될 수 있도록 이러한 데이터를 얻는 것이 중요하다고 생각합니다.
다음 중 어떤 항목이 당신을 설명하나요? 하나를 선택해주세요.

인종 & 민족

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

Other Answers

80
0%
16%
31%
47%
62%
78%
% of question respondents
우리는 다양성 데이터를 수집하고 게시하는 것이 민감한 이슈일 수 있다는 것을 인지하고 있지만, 설문조사의 포괄성과 대표성을 측정하고 개선하는 데 도움이 될 수 있도록 이러한 데이터를 얻는 것이 중요하다고 생각합니다.
다음 중 어떤 항목이 당신을 설명하나요? 모두 선택해주세요.

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

운동 장애

181
5

🚫 해당사항 없음

4,516
6

Other Answers

92
0%
15%
30%
45%
60%
75%
% of question respondents
다음 중 어떤 장애를 경험하고 있습니까? 모두 선택해주세요. 여기에는 일시적인 장애나 부상이 포함될 수 있습니다.

알게된 경로

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

761
5

직장

209
173
138
0%
11%
22%
33%
45%
56%
% of question respondents
응답자 소스는 리퍼러 데이터, 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.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.