Lompat menuju konten

Demografi

Survei tahun ini mencapai 9,190 pengembang di seluruh dunia.

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

Amerika Serikat

1,135
2

Jerman

607
3

Britania Raya

425
4

Prancis

399
5

Rusia

287
6

Belanda

267
7

Spanyol

229
8

Kanada

210
9

Polandia

200
10

Swedia

160
11

Australia

149
12

Brasil

134
13

Italia

134
14

India

121
15

Jepang

114
16

Ceko

112
17

Ukraina

100
18

Norwegia

88
19

Swiss

87
20

Belgia

83
21

Melebihi batas

1,632
0%
5%
10%
15%
19%
24%
% dari pertanyaan responden
Where do you currently reside?
💡
Anda akan menemukan petunjuk kecil seperti ini di sepanjang hasil survei yang akan menunjukkan fitur tambahan dan detilnya.

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%
% dari pertanyaan responden
Berapa umur Anda?

Tahun Pengalaman

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%
% dari pertanyaan responden
Sudah berapa tahun anda bekerja atau mempelajari bidang ini?
We asked members of the CSS community to share their “pick of the year”

My 2023 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

Ukuran Perusahaan

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%
% dari pertanyaan responden
Seberapa besar perusahaan anda?
💡
Beberapa fitur bagan menambahkan tab yang memberikan penjelasan lengkap pada data yang sama, ataupun data yang serupa. Jangan lupa untuk mencobanya!

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%
% dari pertanyaan responden
Gaji Tahunan dalam USD

Gelar Akademik

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

Tidak ada

1,826
2

Ada, dan relevan dengan pekerjaan saat ini

3,419
3

Ada, tapi tidak relevan dengan pekerjaan saat ini

1,588
0%
10%
20%
30%
40%
50%
% dari pertanyaan responden
Apakah Anda memiliki Gelar Akademik?
We asked members of the CSS community to share their “pick of the year”

My 2023 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

Laki-laki

5,985
2

Perempuan

712
3

Non-Binary atau GNC

152
4

Tidak tercantum

18
0%
17%
35%
52%
70%
87%
% dari pertanyaan responden
Kami sadar bahwa mengumpulkan dan menerbitkan informasi ini bisa menjadi sangat sensitif, Kami juga berpikir bahwa penting untuk mengumpulkan informasi ini untuk membantu mengukur dan mengembangkan survei ini dalam hal inklusivitas dan representatif.
Mana dari pilihan ini yang mendeskripsikan tentang dirimu? Pilih salah satu.

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

Berkulit Putih

4,758
2

Hispanik/Latin

596
3

Asia Timur

333
4

Timur Tengah

199
5

Asia Selatan

175
6

Asia Tenggara

151
7

Multirasial

139
8

Berkulit Hitam/Keturunan Afrika

122
9

Keturunan Eropa

10

Asli Amerika/Penduduk Pasifik/Asli Australia

22
11

Bangsa Slavia

12

Yahudi

13

Lainnya

80
0%
16%
31%
47%
62%
78%
% dari pertanyaan responden
Kami sadar bahwa mengumpulkan dan menerbitkan informasi ini bisa menjadi sangat sensitif, Kami juga berpikir bahwa penting untuk mengumpulkan informasi ini untuk membantu mengukur dan mengembangkan survei ini dalam hal inklusivitas dan representatif.
Mana dari pilihan ini yang mendeskripsikan tentang dirimu? Pilih yang sesuai.

Status Disabilitas

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

Gangguan Kognitif

1,037
2

Gangguan Penglihatan

362
3

Gangguan Pendengaran

201
4

Gangguan Mobilitas

181
5

🚫 Tidak ada

4,516
6

Lainnya

92
0%
15%
30%
45%
60%
75%
% dari pertanyaan responden
Mana dari pilihan disabilitas ini yang pernah Anda alami?

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

Pekerjaan

209
173
138
0%
11%
22%
33%
45%
56%
% dari pertanyaan responden
Data ini didapat berdasarkan referensi, pelacak URL, dan jawaban oleh responden.

Rekomendasi Sumber

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.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.