Ir para o conteúdo

Demografia

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

Seu país ou região

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

Estados Unidos da América

1,135
2

Alemanha

607
3

Reino Unido

425
4

França

399
5

Rússia

287
6

Países Baixos

267
7

Espanha

229
8

Canadá

210
9

Polônia

200
10

Suécia

160
11

Austrália

149
12

Brasil

134
13

Itália

134
14

Índia

121
15

Japão

114
16

República Tcheca

112
17

Ucrânia

100
18

Noruega

88
19

Suíça

87
20

Bélgica

83
21

Limite Excedido

1,632
0%
5%
10%
15%
19%
24%
% de respostas das questões
Where do you currently reside?
💡
Você encontrará pequenas dicas como esta ao longo dos resultados da pesquisa que apontarão recursos e detalhes extras.

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%
% de respostas das questões
Quantos anos você tem?

Anos de experiência

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%
% de respostas das questões
Há quantos anos você trabalha ou estuda essa área?
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

Tamanho da empresa

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%
% de respostas das questões
Qual o tamanho da sua empresa, em número de funcionários?
💡
Alguns gráficos apresentam guias adicionais que oferecem detalhamentos complementares dos mesmos dados, ou dados relacionados. Certifique-se de vê-los!

Salário anual

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%
% de respostas das questões
Seu salário anual em dólares americanos.

Graduação em Ensino Superior

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

Não

1,826
2

Sim, campo relacionado

3,419
3

Sim, campo não relacionado

1,588
0%
10%
20%
30%
40%
50%
% de respostas das questões
Você tem um diploma de ensino superior?
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

Homem

5,985
2

Mulher

712
3

Não binario ou sem gênero definido

152
4

Não listado

18
0%
17%
35%
52%
70%
87%
% de respostas das questões
Embora saibamos que coletar e publicar dados de diversidade pode ser uma questão delicada, achamos importante obter esses dados para ajudar a medir e melhorar os esforços da pesquisa em termos de inclusão e representatividade.
Qual das opções a seguir descreve você? Por favor, escolha uma.

Raça e etnia

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

Branco ou de ascendência europeia

4,758
2

Hispânico ou latino

596
3

Ásia Oriental

333
4

Oriente Médio

199
5

Sul da Ásia

175
6

Sudeste da Ásia

151
7

Multirracial

139
8

Negro ou de ascendência africana

122
9

European

10

Nativo americano, ilhéu do Pacífico ou australiano indígena

22
11

Slav

12

Jewish

13

Outras respostas

84
0%
16%
31%
47%
62%
78%
% de respostas das questões
Embora saibamos que coletar e publicar dados de diversidade pode ser uma questão delicada, achamos importante obter esses dados para ajudar a medir e melhorar os esforços da pesquisa em termos de inclusão e representatividade.
Qual das opções a seguir descreve você? Por favor, selecione todas as que se aplicam.

Deficiências

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

Deficiências cognitivas

1,037
2

Deficiências visuais

362
3

Deficiências auditivas

201
4

Deficiências de mobilidade

182
5

🚫 None

4,516
6

Outras respostas

94
0%
15%
30%
45%
60%
75%
% de respostas das questões
Qual das seguintes deficiências você apresenta? Por favor, selecione todas as que se aplicam. Observe que isso pode incluir incapacidades temporárias ou lesões.

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

5

Workplace

0%
11%
22%
33%
45%
56%
% de respostas das questões
A origem do respondente é calculada com base nos dados do referenciador, dados de rastreamento de URL e respostas auto-relatadas.

Recursos recomendados

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.
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.