メインコンテンツにスキップ

回答者の属性

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

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

$0~$20,000

726
2

$20,000~$40,000

894
3

$40,000~$60,000

999
4

$60,000~$80,000

920
5

$80,000~$100,000

663
6

$100,000~$150,000

817
7

$150,000~$200,000

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

ノンバイナリー・GNC

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

ヨーロッパ系

10

ネイティブアメリカン、太平洋諸島系、オーストラリア先住民

22
11

スラブ系

12

ユダヤ系

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

🚫 該当なし

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

職場

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.
パートナーのサポートに感謝しています! 詳細をみる。