Gå til innhold

State of CSS 2024

Demographics

Årets undersøkelse nådde ut til 9,704 utviklere over hele verden.

Land eller region

Mens USA fortsatt representerte den største enkeltgruppa, var vi glade for å se en god mix av land blant resten av respondentene våre – selv om Asia dessverre fortsatt er underrepresentert.

0%
5%
10%
15%
19%
24%
1

USA

1,135
2

Tyskland

607
3

Storbritannia

425
4

Frankrike

399
5

Russland

287
6

Nederland

267
7

Spania

229
8

Canada

210
9

Polen

200
10

Sverige

160
11

Australia

149
12

Brasil

134
13

Italia

134
14

India

121
15

Japan

114
16

Tsjekkia

112
17

Ukraina

100
18

Norge

88
19

Sveits

87
20

Belgia

83
21

Over grensen

1,632
0%
5%
10%
15%
19%
24%
% besvarelser på spørsmål
6,673
69%
Hvor bor du for tiden?
💡
Du vil finne små hint som dette blant resultatene, som peker på ekstra funksjoner og detaljer.

Alder

CSS gjør det ikke så bra blant Gen Alpha respondenter, muligens fordi de er for opptatt med å spille Fortnite. Vent litt, Fortnite er fortsatt en greie sant..?

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%
% besvarelser på spørsmål
6,737
69%
34.9
34
Hvor gammel er du, oppgitt i år?

Års erfaring

Denne diagrammet viser at de fleste respondentene var så heldige at de aldri måtte håndtere posisjonering basert på float.

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%
% besvarelser på spørsmål
6,861
71%
12.7
10
Hvor lenge har du jobbet eller studert i dette feltet, i år?
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Mine valg for 2024: :has()

:has-pseudo-klassen lar deg gjøre virkelig kreative ting. Men den lar deg også "gå mot strømmen", for eksempel en kartvisning som endrer form når du holder musen over ett av barnelementene.
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Augustin Mauroy

Webutvikler & OSS entusiast

Størrelse på firma

Jo større selskapet er, desto høyere er lønnen. Selv om dataene våre viser at hvis du er dyktig nok, kan du ha en god lønn uansett størrelsen på selskapet ditt.

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%
% besvarelser på spørsmål
6,875
71%
321.8
75
Hvor mange personer jobber i organisasjonen din, inkludert deg selv?
💡
Noen diagrammer har ekstra faner som gir komplementære forklaring av de samme dataene, eller relaterte data. Det anbefales å sjekke det ut!

Årlig inntekt

Selv om vi ofte hører historier om seksifrede lønninger fra Silicon Valley, er realiteten at de fleste front-end-utviklere over hele verden tjener langt mindre, noe som blir tydelig når vi sammenligner USA med resten av verden.

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%
% besvarelser på spørsmål
6,444
66%
$74,853
$70,000
Hva er din årlige bruttoinntekt (før skatt) i amerikanske dollar?

Høyere utdanning

Selv om det å ha en utdanning vil sikre at du tjener mer, viser det seg at den ikke nødvendigvis må være relatert til programmering – et godt tegn for mange av oss som oppdaget lidenskapen for webutvikling senere i livet.

0%
10%
20%
30%
40%
50%
1

Nei

1,826
2

Ja, relevant

3,419
3

Ja, urelevant

1,588
0%
10%
20%
30%
40%
50%
% besvarelser på spørsmål
6,833
70%
Har du høyere utdanning?
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Mine valg for 2024: Style Queries og if()

Mitt valg ville være style queries og inline if(). Når disse to blir tilgjengelige overalt, vil vi 10x'e mulighetene vi har med CSS-variabler!
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Lea Verou

Product Lead hos Font Awesome

Kjønn

Canada, Spania, Storbritania og USA hadde høyeste andelen kvinnelige respondenter. Vår data viser også at kvinners inntekt ligger noe lavere sammenlignet med andre grupper. Grunnene for dette er utenfor scopet av denne undersøkelsen, men det begynner å bli synlig at kvinner i vår industri har noen unike utfordringer.

0%
17%
35%
52%
70%
87%
1

Mann

5,985
2

Kvinne

712
3

Ikke-binær eller kjønnsavvikende

152
4

Ikke oppført

18
0%
17%
35%
52%
70%
87%
% besvarelser på spørsmål
Selv om vi vet at innsamling og publisering av mangfoldsdata kan være et sensitivt problem, tror vi at det er viktig å få tak i disse dataene for å hjelpe med å måle og forbedre undersøkelsen når det gjelder inkludering og representativitet.
6,867
71%
Hvilket av de følgende alternativene beskriver deg?

Rase og etnisitet

Fleste av ikke-hvite respondenter var i gruppene for yngre og de med mindre erfaring – noe som forhåpentligvis peker mot en pågående diversifisering av bransjen.

0%
16%
31%
47%
62%
78%
1

Hvit

4,758
2

Latinamerikansk

596
3

Øst-asiatisk

333
4

Midtøsten

199
5

Sør-asiatisk

175
6

Sørøst-asiatisk

151
7

Fleretnisk

139
8

Afrikansk opphav

122
9

Europeisk

10

Amrikansk urbefolkning/Stillehavsøyboere/Australsk urfolk

22
11

Slavisk

12

Jødisk

13

Andre svar

80
0%
16%
31%
47%
62%
78%
% besvarelser på spørsmål
Selv om vi vet at innsamling og publisering av mangfoldsdata kan være et sensitivt problem, tror vi at det er viktig å få tak i disse dataene for å hjelpe med å måle og forbedre undersøkelsen når det gjelder inkludering og representativitet.
6,103
63%
Hvilket av de følgende alternativene beskriver deg?

Status for funksjonshemming

Takket være den utrøttelige innsatsen til forkjempere for tilgjengelighet, aksepterer vi nå at funksjonshemminger (både permanente og midlertidige) bør tas i betraktning som en del av design- og utviklingsprosessen.

0%
15%
30%
45%
60%
75%
1

Kognitive svekkelser

1,037
2

Synshemninger

362
3

Hørselsshemninger

201
4

Bevegelseshemninger

181
5

🚫 Ingen

4,516
6

Andre svar

92
0%
15%
30%
45%
60%
75%
% besvarelser på spørsmål
6,025
62%
Hvilke av følgende funksjonshemminger opplever du?

Kilde

Mens de fleste respondentene kjente til undersøkelsen fra tidligere år, fant en veldig stor andel av deltakerne oss via Kevin Powell.

0%
11%
22%
33%
45%
56%
1

State of CSS

4,660
2

761
3

Twitter/X

301
4

Mastodon

216
5

Arbeidsplassen

209
6

Web.dev

173
7

YouTube

138
8

Daily Dev

137
9

CSS Weekly

136
10

State of JavaScript

122
0%
11%
22%
33%
45%
56%
% besvarelser på spørsmål
Kilde til respondenter beregnes basert på henvisningsdata, URL-sporingsdata og selvrapporterte svar.
8,357
86%

Anbefalte ressurser

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.
Takk til våre partnere for deres bidrag! Lær mer.