İçeriğe atla

Demografik Bilgiler

Bu yılki anket dünya çapında 9.190 geliştiriciye ulaştı.

Ülke veya Bölge

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 Birleşik Devletleri

1,135
2

Almanya

607
3

Birleşik Krallık

425
4

Fransa

399
5

Rusya

287
6

Hollanda

267
7

İspanya

229
8

Kanada

210
9

Polonya

200
10

İsveç

160
11

Avustralya

149
12

Brezilya

134
13

İtalya

134
14

Hindistan

121
15

Japonya

114
16

Çekya

112
17

Ukrayna

100
18

Norveç

88
19

İsviçre

87
20

Belçika

83
21

Over Limit

1,632
0%
5%
10%
15%
19%
24%
% of question respondents
Şu anda nerede yaşıyorsunuz?
💡
You'll find little hints like this one throughout the survey results that will point out extra features and details.

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%
% of question respondents
Kaç yaşındasınız?

Yıllık Deneyim

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%
% of question respondents
Bu alanı ne kadar süredir öğreniyorsunuz veya ne kadar süredir bu alanda çalışıyorsunuz?
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Benim 2023 Seçimim: :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.
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Augustin Mauroy

Web Developer & OSS Enthusiast

Şirket Büyüklüğü

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%
% of question respondents
Şirketinizin büyüklüğü nedir?
💡
Some charts feature additional tabs that offer complementary breakdowns of the same data, or related data. Make sure to check them out!

Yıllık Gelir

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

>$200b

231
9

N/A

829
0%
3%
6%
9%
12%
16%
% of question respondents
Amerikan Doları (USD) olarak.

Yükseköğretim Derecesi

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

Hayır

1,826
2

Evet, ilgili alan

3,419
3

Evet, ilgisiz alan

1,588
0%
10%
20%
30%
40%
50%
% of question respondents
Yükseköğretim dereceniz var mı?
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Benim 2023 Seçimim: 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.
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

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

Erkek

5,985
2

Kadın

712
3

İkilik Dışı veya GNC

152
4

Listelenmemiş

18
0%
17%
35%
52%
70%
87%
% of question respondents
Çeşitlilik verilerinin toplanması ve yayınlanmasının hassas bir konu olabileceğini biliyoruz, ancak bu verilerin elde edilmesinin anketin kapsayıcılık ve temsil açısından çabalarını ölçmeye ve iyileştirmeye yardımcı olacağını düşünüyoruz.
Aşağıdaki seçeneklerden hangisi sizi tanımlıyor?

Irk & Etnik Köken

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

Beyaz, Avrupalı

4,758
2

Hispanik/Latin

596
3

Doğu Asyalı

333
4

Orta Doğulu

199
5

Güney Asyalı

175
6

GD Asyalı

151
7

Çok ırklı

139
8

Siyah/Afrika Kökenli

122
9

Avrupalı

10

Yerli Amerikalı/Pasifik Adalı/Yerli Avustralyalı

22
11

Slav

12

Yahudi

13

Other Answers

80
0%
16%
31%
47%
62%
78%
% of question respondents
Çeşitlilik verilerinin toplanması ve yayınlanmasının hassas bir konu olabileceğini biliyoruz, ancak bu verilerin elde edilmesinin anketin kapsayıcılık ve temsil açısından çabalarını ölçmeye ve iyileştirmeye yardımcı olacağını düşünüyoruz.
Aşağıdaki seçeneklerden hangisi sizi tanımlıyor?

Engellilik Durumu

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

Bilişsel bozukluklar

1,037
2

Görme bozuklukları

362
3

İşitme bozuklukları

201
4

Hareketlilik bozuklukları

181
5

🚫 Engellilik Durumum Yok

4,516
6

Other Answers

92
0%
15%
30%
45%
60%
75%
% of question respondents
Lütfen geçici engellilik durumlarını veya yaralanmaları da içerebileceğini unutmayarak, geçerli olan tüm seçenekleri işaretleyin.
Hangi engellilik durumlarını yaşıyorsunuz?

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

İş Yeri

209
173
138
0%
11%
22%
33%
45%
56%
% of question respondents

Bu grafik, yönlendirmelerin, URL parametrelerinin ve serbest yanıtların bir karışımını toplar.

  • State of JS: State of JS e-posta listesi.
  • State of CSS: State of CSS e-posta listesi; ayrıca email, email ile gibi eşleşmeler.
  • İş ve Çalışma: çalışma, meslektaşlar, iş arkadaşları, gibi eşleşmeler.

Recommended Resources

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.
Thanks to our partners for supporting us! Learn more.