Перейти до вмісту

State of CSS 2025

Інші інструменти

Інші інструменти, пов'язані із CSS.

Фреймворки CSS

Tailwind очолює рейтинг фреймворків і, здається, більше подобається менш досвідченим розробникам (медіанний досвід — 10 років), тимчасом як більш досвідчені респонденти використовують власні або внутрішні фреймворки (медіанний досвід — 15 років).

Водночас варто зазначити, що 47% учасників опитування або взагалі не використовують фреймворк, або пропустили це питання.

Які фреймворки CSS ви використовуєте?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2,041
2

1,194
3

Власний/внутрішній фреймворк

953
4

766
5

264
6

244
7

191
8

170
9

154
10

139
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,977
72%
10
29%
Відсоток респондентів опитування, які використовують CSS-in-JS.

CSS-in-JS

CSS Modules зі своїм досить легким підходом залишаються популярними, тоді як Styled Components досі утримують друге місце.

Які бібліотеки CSS-in-JS ви використовуєте?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

1,037
2

870
3

382
4

332
5

98
6

88
7

62
8

54
9

48
10

22
11

12

🚫 Нічого

2,110
13

Інші відповіді

69
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,718
68%
10
Ми покликали спільноту CSS поділитися своїм "вибором року"

Мій вибір 2025: if()

Разом із :has() і запитами за стилями, if() допоможе нам робити ще більше умовних речей у CSS.
Ми покликали спільноту CSS поділитися своїм "вибором року"

Ahmad Shadeed

Дизайн-інженер, автор debuggingcss.com

Пре-/постпроцесори

Sass усе ще на першому місці, але загальне використання препроцесорів поступово зменшується, адже сам CSS переймає дедалі більше їхніх функцій.

Які пре-/постпроцесори ви регулярно використовуєте?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2,434
2

1,517
3

376
4

+1
360
5

-1
78
6

🚫 Нічого

838
7

Інші відповіді

28
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,977
72%
10

Інструменти

Prettier — перевірений вибір для будь-якого розробника, але дещо нижче є багато менш відомих інструментів, які теж варто спробувати.

Які допоміжні програми чи інструменти ви часто використовуєте?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2,824
2

1,345
3

1,300
4

442
5

371
6

+2
345
7

339
8

-2
282
9

+1
18
10

ESLint

11

-2
10
12

🚫 Нічого

-1
594
13

Інші відповіді

57
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,925
71%
10
29%
Відсоток респондентів опитування, які використовують CSS-in-JS.

Браузери

Коли йдеться про браузери, недаремно є поняття "велика четвірка", а показники їхнього використання майже не змінилися, як порівняти з минулим роком.

У якому браузері ви переважно працюєте під час початку розробки?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

Chrome

3,087
2

Firefox

2,075
3

Safari

1,022
4

Edge

694
5

Safari iOS

665
6

Brave

+1
448
7

Chrome Android

+1
414
8

Arc

-2
349
9

Firefox Android

+1
195
10

Chrome iOS

-1
188
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
4,070
74%
10

Рекомендовані джерела

Tailwind CSS, v2
Steve Kinney
Temporal

Tailwind CSS, v2

Learn Tailwind CSS's utility-first approach to build out entire web designs without any custom CSS! Compose any design directly in markup and implement advanced responsive layouts with flexbox, grid, and container queries.
Front-End System Design
Evgenii Ray
Staff UI Engineer

Front-End System Design

Dive into front-end system design to create scalable, efficient user interfaces! Master core UI fundamentals: box model, browser rendering, DOM manipulation, state management, and performance.
Спонсорований вміст від наших партнерів. Детальніше.