Перейти до вмісту
Відкрито опитування "Стан HTML 2024"! Взяти участь →

State of CSS 2024

Функції

It's no secret that CSS is adding new features at a record rate – which is why we ended up asking about no less than 50 of them this year!

Функції

Filter Effects (blur(), contrast(), etc.) were the unexpected most-used CSS feature of 2024, with 75.4% of respondents having used them; with the :has() selector a close second with 72.8%. When ranking for sentiment on the other hand, Subgrid turned out to be the most loved feature, with 51.5% of respondents willing to use it again. The least-used feature? None other than hanging-punctuation, with 84.7% of respondents never having even heard about it!

Фільтрувати за:

Групувати за:

Сортувати за:

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

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
Ми покликали спільноту CSS поділитися своїм "вибором року"

Мій вибір 2024: Google's CSS Contributions

It's tempting to say something about the CSS powerhouse that Google has been recently, certainly in the last year. Rachel Andrew, Adam Argyle, Bramus Van Damme, Una Kravets, Tab Atkins, fantasai — and they are all doing big cool stuff publicly mostly.

Note: fantasai now works at Apple.

Ми покликали спільноту CSS поділитися своїм "вибором року"

Chris Coyier

Codepen creator & Shoptalk Show host

Список читання

The Reading List lets you save items you want to learn more about after the survey is complete. So it's no coincidence that the least-known-about feature, hanging-punctuation, also tops our Reading List rankings as the item developers saved the most!

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%
% від тих, хто відповів на питання
Скільки разів кожен з елементів був доданий до списку читання респондента — функції, що дає змогу користувачам дізнатися більше про відповідні теми під час опитування.
3,299
34%

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

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.
Дякуємо нашим партнерам за підтримку! Детальніше.