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

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

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.

Where do you currently reside?
0%
20%
40%
60%
80%
100%
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

คำตอบที่ตัดออก

196
22

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

1,436
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
💡
คุณจะพบเคล็ดลับเล็กๆเช่นนี้ตลอดผลการสำรวจซึ่งจะแนะนำคุณสมบัติและรายละเอียดเพิ่มเติม

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%
20%
40%
60%
80%
100%
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%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม

ประสบการณ์นับเป็นปี

This chart reveals that most respondents were lucky enough to never have to deal with float-based positioning.

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

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%
20%
40%
60%
80%
100%
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%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม

วุฒิอุดมศึกษา

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%
20%
40%
60%
80%
100%
1

ไม่มี

1,826
2

มีสาขาที่เกี่ยวข้อง

3,419
3

มีสาขาที่ไม่เกี่ยวข้อง

1,588
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
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%
20%
40%
60%
80%
100%
1

ชาย

5,985
2

หญิง

712
3

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

152
4

ไม่มีในรายการ

18
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
แม้เราจะทราบว่าการเก็บและเผยแพร่ข้อมูลความหลากหลายเป็นเรื่องละเอียดอ่อน แต่เราคิดว่าสำคัญที่ต้องเก็บข้อมูลนี้เพื่อช่วยวัดและปรับปรุงการมีส่วนร่วมและการเป็นตัวแทนของคนแต่ละกลุ่ม

เชื้อชาติ & ชาติพันธุ์

Non-white respondents were more likely to be younger and have less experience – which hopefully points to a ongoing diversification of the industry.

ตัวเลือกใดต่อไปนี้อธิบายคุณได้ดีที่สุด (หากมี) กรุณาเลือกทั้งหมดที่เกี่ยวข้อง
Multiple
0%
20%
40%
60%
80%
100%
1

คนขาว/ฝรั่ง

4,758
2

ฮิสแปนิก/ลาติน

596
3

เอเชียตะวันออก

333
4

ตะวันออกกลาง

199
5

เอเชียใต้

175
6

เอเชียตะวันออกเฉียงใต้

151
7

หลายชาติพันธุ์

139
8

คนผิวดำ/แอฟริกัน

122
9

ชาวยุโรป

10

อเมริกันพื้นเมือง/เกาะแปซิฟิก/พื้นเมืองออสเตรเลีย

22
11

ชาวสลาฟ

12

ชาวยิว

13

คำตอบอื่นๆ

80
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
แม้เราจะทราบว่าการเก็บและเผยแพร่ข้อมูลความหลากหลายเป็นเรื่องละเอียดอ่อน แต่เราคิดว่าสำคัญที่ต้องเก็บข้อมูลนี้เพื่อช่วยวัดและปรับปรุงการมีส่วนร่วมและการเป็นตัวแทนของคนแต่ละกลุ่ม

สถานะความพิการ

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.

คุณมีความพิการใดๆหรือไม่? กรุณาเลือกทั้งหมดที่เกี่ยวข้อง ซึ่งอาจรวมถึงความพิการหรือการบาดเจ็บชั่วคราว
Multiple
0%
20%
40%
60%
80%
100%
1

ความบกพร่องในการรู้

1,037
2

ความบกพร่องทางการมองเห็น

362
3

ความบกพร่องทางการได้ยิน

201
4

ความบกพร่องทางการเคลื่อนไหว

182
5

🚫 ไม่มี

4,516
6

คำตอบอื่นๆ

92
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม

While most respondents knew about the survey from previous years, Kevin Powell also sent a large chunk of survey takers our way.

0%
20%
40%
60%
80%
100%
1

ที่ทำงาน

5

7

10

คำบอกเล่าปากต่อปาก

0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
แหล่งที่มาของผู้ตอบแบบสอบถามถูกคำนวณจากข้อมูลอ้างอิง, การติดตามข้อมูลด้วย URL, และคำตอบที่รายงานด้วยตนเอง