İçeriğe atla

State of CSS 2024

Libraries & Tools

Despite the many capabilities unlocked by CSS's new features, developers still rely on tooling and libraries to support their workflow, at least for now.

CSS Frameworks

When it comes to CSS frameworks & UI libraries, Tailwind CSS continues to forge its own path far ahead of other, more traditional competitors.

Which CSS frameworks do you use?
[tr-TR] blocks.multiple
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%
% of question respondents
4,890
50%

CSS-in-JS

While some of CSS-in-JS's appeal might've been made obsolete by newer CSS features such as variables, recent innovations like typed styles and build-time compilation show that the space still has a lot to offer.

Which CSS-in-JS libraries do you use?
[tr-TR] blocks.multiple
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%
% of question respondents
3,458
36%
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Benim 2023 Seçimim: @property Being Widely Available

I would probably say the support of @property coming to Firefox this year, making this feature available-cross browser (since July) and unlocking a lot of cool stuff.
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Temani Afif

Creator of css-challenges.com

Pre-/Post-processors

Sass/SCSS is still the leader here, but it'll be interesting to see if its usage will remain stable now that many of its key features have been absorbed by CSS itself.

Which pre- or post-processors do you regularly use?
[tr-TR] blocks.multiple
0%
20%
40%
60%
80%
100%
1

4,652
2

2,622
3

722
4

168
5

6

🚫 Yok

1,320
7

Other Answers

28
0%
20%
40%
60%
80%
100%
% of question respondents
6,897
71%

Utilities

There is no shortage of ways to format, minify, and otherwise tweak your CSS code to your liking.

Which utilities or tools do you regularly use?
[tr-TR] blocks.multiple
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

🚫 Yok

742
12

Other Answers

66
0%
20%
40%
60%
80%
100%
% of question respondents
6,656
69%
CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Benim 2023 Seçimim: CSS Podcast

Bu podcast, çeşitli önemli ve modern CSS özelliklerinin keyifli bir turunu içeriyor. Kesinlikle harika iki insan olan Una Kravets ve Adam Argyle tarafından sunuluyor.

CSS topluluğu üyelerinden "yılın seçimi" hakkında bilgi paylaşmalarını istedik

Josh W. Comeau

Eğitmen, JavaScript Geliştiricileri için CSS

Browsers

While the big four browsers dominate this chart, Arc is slowly creeping up the browser rankings, going from 7.8% to 12% usage year over year.

Which browser(s) do you primarily work in during initial development?
[tr-TR] blocks.multiple
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%
% of question respondents
7,223
74%

Recommended Resources

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.
Thanks to our partners for supporting us! Learn more.