Gå til innhold

State of CSS 2024

Funksjoner

Det er ingen hemmelighet at CSS legger til nye funksjoner i rekordfart – og det er derfor undersøkelsen inneholder flere enn 50 av dem i år!

Funksjoner

Filtereffekter (som blur(), contrast(), osv.) var den uventede mest brukte CSS-funksjonen i 2024, med 75,4 % av respondentene som hadde brukt dem; mens :has() kom på en nær andreplass med 72,8 %. Når det gjelder rangering etter meninger, viste det seg derimot at Subgrid var den mest likte funksjonen, der 51,5 % av respondentene sier seg villige til å bruke den igjen. Den minst brukte funksjonen? Ingen annen enn hanging-punctuation, med 84,7 % av respondentene som aldri engang hadde hørt om den!

Filter by:

Gruppér etter:

Sorter etter:

1

75.3%
17.1%
6.9%
8,495
2

72.9%
20.9%
3.6%
7,277
3

72.5%
15.8%
11.1%
8,484
4

72.1%
17.5%
9.8%
9,501
5

66.9%
17.8%
14.6%
7,744
6

65%
22.7%
11.8%
7,338
7

59%
18.1%
22.5%
8,483
8

52.1%
20.5%
27%
7,366
9

51.3%
39.5%
4.7%
7,297
10

51.3%
30.7%
17.5%
7,393

Erfaring

  • Brukt det: Respondents who have used an item.
  • Hørt om det: Respondents who have heard about an item, but haven't used it.
  • Aldri hørt om det: Respondents who have never heard about an item.

Oppfatning

  • Positiv: Respondenter som er interessert i å lære mer om en teknologi; eller er villige til å bruke den igjen.
  • Nøytral: Respondenter som hadde en nøytral oppfatning av en teknologi.
  • Negativ: Respondenter som ikke er interessert i å lære mer om en teknologi; eller har brukt den og hatt en negativ opplevelse.
“Used” average:27%
“Positive” average:37%
“Negative” average:3%
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Mine valg for 2024: Google's tilskudd til CSS

Det er fristende å si noe om den drivkraften tli CSS Google har vært, spesielt det siste året. Rachel Andrew, Adam Argyle, Bramus Van Damme, Una Kravets, Tab Atkins, fantasai – og de gjør alle store og spennende ting offentlig.
Vi spurte medlemmer fra CSS-samfunnet om å dele sine "årets valg"

Chris Coyier

Skaper av Codepen & vert for Shoptalk Show

Lestelisten

Leselisten lar deg lagre elementer du ønsker å lære mer om etter at du har fullført undersøkelsen. Så det er ingen tilfeldighet at den minst kjente funksjonen, hanging-punctuation, også topper våre rangeringer for leselisten som den funksjonen utviklere har lagret mest!

0%
10%
21%
31%
42%
52%
1

1,712
2

1,632
3

1,611
4

1,600
5

1,563
6

1,557
7

1,459
8

1,416
9

1,410
10

1,377
0%
10%
21%
31%
42%
52%
% besvarelser på spørsmål
Hvor mange ganger hvert element ble lagt til en respondentens leseliste, funksjoner som lar folk lære mer om spesifikke emner mens de tar undersøkelsen.
3,299
34%

Anbefalte ressurser

Dynamic CSS with Custom Properties (aka CSS Variables)
Lea Verou
MIT

Dynamic CSS with Custom Properties (aka CSS Variables)

Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed
Website Accessibility, v2
Jon Kuperman
Cloudflare

Website Accessibility, v2

Learn how to make your website applications accessible to a wider audience. Use keyboard shortcuts and navigation to help both power users and those with disabilities.
Takk til våre partnere for deres bidrag! Lær mer.