Ugrás a tartalomhoz

Demográfia

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

Az országod és a régiód

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

Amerikai Egyesült Államok

1,135
2

Németország

607
3

Egyesült Királyság

425
4

Franciaország

399
5

Oroszország

287
6

Hollandia

267
7

Spanyolország

229
8

Kanada

210
9

Lengyelország

200
10

Svédország

160
11

Ausztrália

149
12

Brazília

134
13

Olaszország

134
14

India

121
15

Japán

114
16

Csehország

112
17

Ukrajna

100
18

Norvégia

88
19

Svájc

87
20

Belgium

83
21

Over Limit

1,632
0%
5%
10%
15%
19%
24%
A kérdésre válaszolók százaléka
Where do you currently reside?
💡
A felmérés eredményei között ehhez hasonló kis tippeket találhatsz amely további funkciókra és részletekre mutat rá.

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%
A kérdésre válaszolók százaléka
Hány éves vagy?

Tapasztalati évek száma

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%
A kérdésre válaszolók százaléka
Hány éve dolgozol vagy tanulsz ezen a területen?
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

Cég mérete

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

1-5

569
3

5-10

464
4

10-20

611
5

20-50

785
6

50-100

723
7

100-1000

1,416
8

>1000

1,187
9

N/A

466
0%
4%
8%
12%
16%
21%
A kérdésre válaszolók százaléka
Hányan dolgoznak a cégedben?
💡
Egyes diagramok további tabokat is tartalmaznak, amik kiegészítő lebontásban mutatják ugyanazt az adatot, vagy kapcsolódó adatokat. Mindenképpen nézd meg ezeket is!

Éves fizetés

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%
A kérdésre válaszolók százaléka
Az éves bruttó fizetésed Amerikai dollárban (USD).

Magasabb végzettség

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

Nem

1,826
2

Igen, ugyanazon a területet

3,419
3

Igen, másik területen

1,588
0%
10%
20%
30%
40%
50%
A kérdésre válaszolók százaléka
Van magasabb végzettséged?
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

Férfi

5,985
2

712
3

Nem bináris vagy NNK

152
4

Nincs felsorolva

18
0%
17%
35%
52%
70%
87%
A kérdésre válaszolók százaléka
Habár a diverzitással foglalkozó adatok érzékenyek lehetnek, mi úgy gondoljuk, hogy fontos, hogy összegyűjtsük ezeket az adatokat, hogy lássuk (és tudjunk rajta javítani), hogy mennyire befogadó és reprezentatív ez a felmérés.
Ezek közül melyik illik rád a legjobban? Kérlek válassz egyet.

Rassz & nemzetiség

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

Fehér

4,758
2

Spanyol vagy latin

596
3

Kelet-ázsiai

333
4

Közel-keleti

199
5

Dél-ázsiai

175
6

DK-ázsiai

151
7

Többnemzetiségű

139
8

Fekete/afrikai származású

122
9

Európai

10

Amerikai őslakos/csendes-óceáni szigetlakó/ausztrál őslakos

22
11

Szláv

12

Zsidó

13

Egyéb

80
0%
16%
31%
47%
62%
78%
A kérdésre válaszolók százaléka
Habár a diverzitással foglalkozó adatok érzékenyek lehetnek, mi úgy gondoljuk, hogy fontos, hogy összegyűjtsük ezeket az adatokat, hogy lássuk (és tudjunk rajta javítani), hogy mennyire befogadó és reprezentatív ez a felmérés.
Ezek közül melyik illik rád a legjobban? Kérlek válassz egyet.

Fogyatékossági helyzet

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

Kognitív nehézségek

1,037
2

Látási nehézségek

362
3

Hallási nehézségek

201
4

Mozgási nehézségek

181
5

🚫 Egyik sem

4,516
6

Egyéb

92
0%
15%
30%
45%
60%
75%
A kérdésre válaszolók százaléka
Ezek közül melyikeket szoktad tapasztalni, ha bármelyiket is? Kérlek válaszd ki az összeset, ami rádillik. Ebbe az ideiglenes fogyatákosságok vagy sérülések is beletartozhatnak.

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

Munkahely

209
173
138
0%
11%
22%
33%
45%
56%
A kérdésre válaszolók százaléka
Az adathalmaz kombinálja a kitöltők válaszait, hivatkozási- valamint URL követési adatokat.

Ajánlott források

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.
Köszönet partnereink támogatásáért! Tudj meg többet.