The 2022 State of CSS survey ran from October 1 to November 1 2022, and collected 14,310 responses. The survey is run by me, Sacha Greif, with help from a team of open-source contributors and consultants. This year's logo and t-shirt were reused from last year, when they were designed and animated by Christopher Kirk-Nielsen.
This year, survey design was lead by Lea Verou thanks to a funding grant from the Google Chrome team, and managed publicly on GitHub. All survey questions were optional.
The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic.
Funding from this project comes from a variety of sources:
- T-shirt sales.
- Sponsored Links: the links to recommended resources at the bottom of each page are provided by our partner Frontend Masters.
- Sponsored Charts: starting last year, anybody can now also choose to directly sponsor a chart for $10 or more, and get their Twitter avatar displayed next to it.
- Google: this year, the Google Chrome team set aside a budget to hire Lea to help design the survey, as well as funded me directly to help support my work.
- Nijibox: Japan-based Nijibox has also graciously accepted to sponsor my efforts to help make these yearly surveys more sustainable.
Technical OverviewYou can find a more in-depth technical overview of how the surveys are run here. Our code is open-source.
- Data collection: Next.js app running on Vercel.
- Data storage/processing: MongoDB & MongoDB Aggregations running on MongoDB Atlas.
- Data API: Node.js GraphQL API running on Render.
- Results Site: Gatsby React app running on Netlify.
- Data Visualizations: Nivo React dataviz library.
- Type: IBM Plex Mono and Bebas Neue.
- Report a technical issue - Make a suggestion for next year - Other non-technical issues - Join our Discord