Skip to content
Surveys
/
State of CSS 2023
English
This survey closed on July 15, 2023.
View Survey Results »
13 sections (% completed)
▶
Layout
Shapes & Graphics
Colors
Interactions
Typography
Accessibility
Other Features
CSS Frameworks
CSS-in-JS
Other Tools
CSS Usage
Resources
About You
11/13
CSS Usage
Testing Environments
CSS Usage
Industry Sector
CSS Usage
CSS vs JavaScript Balance
Browser Incompatibilities
Missing Features
Other CSS Pain Points
State of Web Technologies
State of CSS
Which form factors or environments do you test on?
general.check_all
Desktop
Feature phone
Gaming console
Desktop with keyboard only
Print
Screen reader
Smartwatch
Smartphone
Tablet
Testing Tools (Axe, Lighthouse, etc.)
TV
Altered Vision Simulator (color blindness, etc.)
Other…
Leave a Comment (optional)
What kind of project do you usually use CSS for?
general.check_all
Blogs or other text-heavy sites
CSS art & illustrations
Design systems
Desktop apps
Emails
Marketing sites & landing pages
Mobile apps
Printed documents
Web apps
Other…
Leave a Comment (optional)
Which industry sector(s) do you work in?
general.check_all
Agriculture
Automotive
Construction
Consulting & Services
Blockchain/Cryptocurrency
Cyber Security
Ecommerce & Retail
Education
Energy
Entertainment
Finance
Government
Healthcare
Hospitality
Insurance
Logistics
Manufacturing
Marketing/Sales/Analytics Tools
News, Media, & Blogging
Programming & Technical Tools
Real Estate
Social Media
Telecommunications
Tourism
Transport
Other…
Leave a Comment (optional)
In what context do you primarily use CSS?
Professionally
As a student
As a hobby
Other…
Leave a Comment (optional)
How do you divide your time between writing CSS (including HTML markup) and JavaScript code?
100% CSS
|
|
|
50%–50%
|
|
|
100% JS
Leave a Comment (optional)
Are there any existing CSS features that you have difficulties using (or avoid altogether) because of lack of support, or differences between browsers?
5
Pick up to 5 items.
None
:has()
@container
Queries
Subgrid
CSS Nesting
Scrollbar styling
backdrop-filter
Media Queries Range Contexts
@property
CSS Math Functions
color()
Cascade Layers
line-clamp
Other…
Leave a Comment (optional)
What features do you feel are currently missing from CSS altogether?
5
Pick up to 5 items.
None
Visually Hidden Content
Native support for visually hidden content.
Generated Content Alt Text
Add alt text to generated (
::before
,
::after
) content.
Animate to
auto
Animate an element's dimension to
auto
.
Wrapping Detection
Detecting when a flex or grid item has wrapped to another line.
More Pseudo-Elements
Having more than two pseudo-elements per element.
SVG-in-CSS
Support for SVG syntax inside CSS code (such as
background
).
Masonry Layout
Native support for Pinterest-style free-flowing grid layouts.
Grid-lines Styling
The ability to style the invisible lines that divide a grid.
Media Queries Variables
Being able to use variables inside media queries.
Mixins
Group and reuse definitions dynamically.
Scoping
The ability to be more specific about where your styles are applied.
CSS Toggle
A way to associate a "toggleable value" with an element
Other…
Leave a Comment (optional)
Any other pain points related to writing CSS?
5
Pick up to 5 items.
None
Browser Compatibility
Differences between Chrome, Safari, Firefox, etc.
Interactions
Responding to user input or other events (scroll, hover, etc.).
Architecture & Maintenance
File organization, dead code elimination, refactoring, etc.
Layout & Positioning
Setting up layouts and making sure elements go where you want them to.
Scoping & Specificity
Dealing with the cascade, overriding styles, etc.
Responsive Design
Adapting layouts and designs for different form factors.
Form Elements Styling
Customizing how form elements look and behave.
Performance Issues
Dealing with scrolling jank, making animations smoother, etc.
Other…
Leave a Comment (optional)
State of Web Technologies
How happy are you with the general state of web technologies?
Very Unhappy
Unhappy
Neutral
Happy
Very Happy
Leave a Comment (optional)
How happy are you with the general state of CSS?
Very Unhappy
Unhappy
Neutral
Happy
Very Happy
Leave a Comment (optional)
Next section
Resources
»
Previous section
«
Other Tools