メインコンテンツにスキップ

State of CSS 2023

CSS Usage

No matter how you use CSS, the data shows that making sure your code works across all browsers is still a concern, especially for newer features such as :has().

Testing Environments

Which form factors or environments do you test on?
Compare Data
回答者数：6602（完了度71.9％）
Which form factors or environments do you test on?
💡
このアンケートをTwitterやFacebook、メールで共有すると、コーディングのパフォーマンスが15％向上します。これは科学的に証明されています。

CSS Usage

What kind of project do you usually use CSS for?
Compare Data
回答者数：6542（完了度71.2％）
What kind of project do you usually use CSS for?

業種

どの業界で働いていますか？
Compare Data
回答者数：5805（完了度63.2％）
どの業界で働いていますか？

CSS Usage

In what context do you primarily use CSS?
Compare Data
回答者数：6500（完了度70.8％）
In what context do you primarily use CSS?

CSS vs JavaScript Balance

How do you divide your time between writing CSS (including HTML markup) and JavaScript code?
Compare Data
回答者数：6401（完了度69.7％）
How do you divide your time between writing CSS (including HTML markup) and JavaScript code?

Browser Incompatibilities

Are there any existing CSS features that you have difficulties using (or avoid altogether) because of lack of support, or differences between browsers?
Compare Data
回答者数：5659（完了度61.6％）
Are there any existing CSS features that you have difficulties using (or avoid altogether) because of lack of support, or differences between browsers?

Missing Features

What features do you feel are currently missing from CSS altogether?
Compare Data
回答者数：6124（完了度66.7％）
What features do you feel are currently missing from CSS altogether?

Other CSS Pain Points

Any other pain points related to writing CSS?
Compare Data
回答者数：6040（完了度65.8％）
Any other pain points related to writing CSS?
We asked members of the CSS community to share their “pick of the year”

My 2023 Pick: Lightning CSS

An extremely fast, all-in-one CSS processing tool that handles things like vendor prefixes, minification, and modern feature transpilation, all while being an amazing platform for other developers to build CSS tools on top of.
We asked members of the CSS community to share their “pick of the year”

Adam Wathan

Creator of Tailwind CSS

総合的な満足度

Compare Data
回答者数：6403（完了度69.7％）

総合的な満足度

Compare Data
回答者数：6418（完了度69.9％）

おすすめのリソース

Learn CSS, from Laying Out Websites to Performant Animations

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
パートナーのサポートに感謝しています！ 詳細をみる。