ข้ามไปยังเนื้อหา

ข้อมูลประชากร

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

เกินขีดจำกัด

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

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%
% ของผู้ตอบคำถาม
มีคนทำงานในองค์กรของคุณกี่คน รวมถึงตัวคุณเองด้วย?
💡
บางกราฟมีแท็บเพิ่มเติมที่เสนอการแบ่งข้อมูลที่สอดคล้องกันหรือข้อมูลที่เกี่ยวข้อง อย่าลืมตรวจสอบดู!

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 (ประมาณ 0-660,000 บาท)

726
2

$20k-$40k (ประมาณ 660,000-1,300,000 บาท)

894
3

$40k-$60k (ประมาณ 1,300,000-2,000,000 บาท)

999
4

$60k-$80k (ประมาณ 2,000,000-2,600,000 บาท)

920
5

$80k-$100k (ประมาณ 2,600,000-3,300,000 บาท)

663
6

$100k-$150k (ประมาณ 3,300,000-5,000,000 บาท)

817
7

$150k-$200k (ประมาณ 5,000,000-6,600,000 บาท)

365
8

>$200k (ประมาณ 6,600,000 บาท)

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

Non-Binary หรือไม่ตามเพศวิถี

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

คำตอบอื่นๆ

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

คำตอบอื่นๆ

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.
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม