Gå til innhold

State of CSS 2024

Bibliotek og verktøy

Til tross for de mange mulighetene som kommer med de nye funksjonene i CSS, er utviklere fortsatt avhengige av verktøy og biblioteker for best mulig arbeidsflyt, enn så lenge.

CSS Frameworks

Når det gjelder CSS-rammeverk og UI-biblioteker, fortsetter Tailwind CSS å ligge milevis foran de andre, mer tradisjonelle konkurrenter.

0%
20%
40%
60%
80%
100%
1

3,657
2

2,623
3

646
4

614
5

446
6

362
7

286
8

272
9

260
10

0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
4,890
50%
Which CSS frameworks do you use?

CSS-in-JS

Selv om noe av appellen til CSS-in-JS kanskje har blitt foreldet av nyere CSS-funksjoner som variabler, viser nylige innovasjoner som typede styles og byggsteg-kompilering at dette området fortsatt har mye å tilby.

0%
20%
40%
60%
80%
100%
1

2,113
2

2,043
3

876
4

675
5

235
6

210
7

146
8

143
9

98
10

52
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
3,458
36%
Which CSS-in-JS libraries do you use?
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Mine valg for 2024: @property er blitt tilgjengelig

Jeg vil sannsynligvis si at støtten for @property i Firefox i år, gjør denne funksjonen tilgjengelig på tvers av nettlesere (siden juli) og låser opp mange kule muligheter.
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Temani Afif

Skaper av css-challenges.com

Pre-/Post-processors

Sass/SCSS er fortsatt i ledelsen her, men det blir interessant å se om bruken vil forbli stabil nå som mange av nøkkelfunksjonene deres har blitt adoptert inn i CSS-kjernen.

0%
20%
40%
60%
80%
100%
1

4,652
2

2,622
3

722
4

168
5

6

🚫 Ingen

1,320
7

Andre svar

32
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
6,897
71%
Which pre- or post-processors do you regularly use?

Utilities

Det mangler ingenting i forbindelse med formattering, minifisering og andre måter å tweake CSS-koden din på så den passer din stil best.

0%
20%
40%
60%
80%
100%
1

5,175
2

2,691
3

2,199
4

854
5

729
6

604
7

416
8

9

27
10

25
11

🚫 Ingen

742
12

Andre svar

67
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
6,656
69%
Which utilities or tools do you regularly use?
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Mine valg for 2024: Temani Afif

Temani is pushing the limits of what can be done with CSS. His experiments always blow my mind!
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Josh W. Comeau

Indie Hacker and Educator

Browsers

Selv om de fire store nettleserne dominerer dette diagrammet, sniker Arc seg sakte oppover rangeringene og har økt fra 7,8 % til 12 % i bruk fra år til år.

0%
20%
40%
60%
80%
100%
1

Chrome

5,473
2

Firefox

3,689
3

Safari

1,708
4

Edge

1,204
5

Safari iOS

1,107
6

Arc

831
7

Brave

779
8

Chrome Android

758
9

Chrome iOS

368
10

Firefox Android

321
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
7,223
74%
Which browser(s) do you primarily work in during initial development?

Anbefalte ressurser

Ultimate CSS Grid & Layout Techniques, v3
Jen Kramer

Ultimate CSS Grid & Layout Techniques, v3

You’ll learn to achieve complex layouts with minimal code. You'll also explore advanced techniques like container queries for adaptive components and subgrids for nested layouts.
Practical CSS Layouts
Jen Kramer
Freelance Instructor

Practical CSS Layouts

Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts.
Takk til våre partnere for deres bidrag! Lær mer.