Bỏ qua đến nội dung

Nhân khẩu học

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

Quốc gia hoặc Khu vực

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%
% của người trả lời câu hỏi
Where do you currently reside?
💡
Bạn sẽ tìm thấy những gợi ý nhỏ như thế này trong suốt kết quả khảo sát. Chúng giúp đưa ra các tính năng và chi tiết bổ sung.

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%
% của người trả lời câu hỏi
Bạn bao nhiêu tuổi, tính theo năm?

Số năm kinh nghiệm

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%
% của người trả lời câu hỏi
Bạn đã làm việc hoặc học tập trong lĩnh vực này được bao lâu rồi?
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%
% của người trả lời câu hỏi
Công ty của bạn lớn như thế nào, theo số lượng nhân viên?
💡
Một số biểu đồ có các tab bổ sung cung cấp các phân tích bổ sung cho cùng một dữ liệu hoặc dữ liệu liên quan. Đừng bỏ qua chúng!

Lương hằng năm

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%
% của người trả lời câu hỏi
Tiền lương hàng năm của bạn bằng đô la Mỹ.

Bằng giáo dục đại học

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

Không

1,826
2

Có, đúng chuyên ngành

3,419
3

Có, khác chuyên ngành

1,588
0%
10%
20%
30%
40%
50%
% của người trả lời câu hỏi
Bạn có bằng cấp giáo dục đại học không?
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

Nam

5,985
2

Nữ

712
3

Lưỡng tính hoặc không theo tiêu chuẩn giới

152
4

Không được liệt kê

18
0%
17%
35%
52%
70%
87%
% của người trả lời câu hỏi
Mặc dù chúng tôi biết việc thu thập và xuất bản dữ liệu đa dạng có thể là một vấn đề nhạy cảm, chúng tôi nghĩ rằng điều quan trọng là có được dữ liệu này để giúp đo lường và cải thiện những nỗ lực của cuộc khảo sát về tính toàn diện và tính đại diện.
Có tùy chọn nào sau đây mô tả về bạn không? Hãy chọn một.

Chủng tộc & Sắc tộc

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

Da trắng

4,758
2

Tây Ban Nha hoặc Mỹ Latinh

596
3

Đông Á

333
4

Trung Đông

199
5

Nam Á

175
6

Đông Nam Á

151
7

Đa sắc tộc

139
8

Da Đen/Gốc Phi

122
9

Châu Âu

10

Người Mỹ bản địa/người đảo Thái Bình Dương/người Úc bản địa

22
11

Slav

12

Người Do Thái

13

Câu trả lời khác

80
0%
16%
31%
47%
62%
78%
% của người trả lời câu hỏi
Mặc dù chúng tôi biết việc thu thập và xuất bản dữ liệu đa dạng có thể là một vấn đề nhạy cảm, chúng tôi nghĩ rằng điều quan trọng là có được dữ liệu này để giúp đo lường và cải thiện những nỗ lực của cuộc khảo sát về tính toàn diện và tính đại diện.
Có tùy chọn nào sau đây mô tả về bạn không? Hãy chọn tất cả những mục phù hợp.

Tình trạng khuyết tật

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

Suy giảm nhận thức

1,037
2

Khiếm thị

362
3

Khiếm thính

201
4

Suy giảm khả năng vận động

181
5

🚫 None

4,516
6

Câu trả lời khác

92
0%
15%
30%
45%
60%
75%
% của người trả lời câu hỏi
Bạn có khuyết tật nào sau đây không? Hãy chọn tất cả những mục phù hợp. Lưu ý rằng điều này có thể bao gồm khuyết tật hoặc thương tích tạm thời.

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

Nơi làm việc

209
173
138
0%
11%
22%
33%
45%
56%
% của người trả lời câu hỏi
Dữ liệu là sự kết hợp của các câu trả lời tự báo cáo, dữ liệu liên kết giới thiệu và dữ liệu theo dõi URL.

Tài nguyên được đề xuất

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.
Cảm ơn các đối tác đã hỗ trợ chúng tôi! Tìm hiểu thêm.