跳至內容

參與者統計

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%
% 問題回應者
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

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%
% 問題回應者
任職的公司有多大?
💡
有些圖表具備額外的分頁,提供該份資料或相關資料的補充細目。請務必看看!

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%
% 問題回應者
美金為單位。

高等教育

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

80
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

行動不便

181
5

🚫 None

4,516
6

Other Answers

92
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

761
5

Workplace

209
173
138
0%
11%
22%
33%
45%
56%
% 問題回應者
這裡的資料整合自由填寫回答、參照網址資料與網址追蹤資料。

推薦資源

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.
感謝贊助我們的伙伴! 深入瞭解。