"Welcome to The CSS Selection 2026! In this article we're having a look at how CSS is used at scale on over 100,000 websites. We'll look at what things are common on most websites and discover interesting outliers. This is the first edition of what I hope to be many, so this is meant as a baseline for future editions, setting up the first numbers to compare with in coming years."
"This article exists for several reasons, but the Web Almanac is the most prominent one. For several years the Web Almanac has skipped the CSS chapter, the last one published in 2022. This is mainly because of a shortage of authors and editors but mostly analysts who could wrangle BigQuery to get hold of large amounts of CSS data to analyze and put it in readable charts."
"See every breakpoint. Catch every accessibility issue. Make your site work for everyone. Polypane is a development browser that shows your site in multiple viewports at once, with built-in tools to test accessibility (WCAG violations, color contrast, DOM structure), performance metrics, layout debugging, and meta tag validation. Thousands of developers trust Polypane to build sites that work beautifully for everyone without constant tab-switching and browser resizing."
The CSS Selection 2026 measures CSS usage across more than 100,000 websites to establish a baseline for future comparisons. The study identifies common patterns and interesting outliers in real-world CSS usage. The Web Almanac omitted a CSS chapter in recent years due to shortages of authors, editors, and analysts able to process large-scale CSS data with BigQuery. The Web Almanac's regex-based analyzer differs significantly from Project Wallace's analyzer, which contributes to expected discrepancies between results. The dataset here is smaller than the HTTP Archive but sufficient to provide a robust overview. A sponsor, Polypane, offers a development browser with accessibility and debugging tools.
Read at projectwallace.com
Unable to calculate read time
Collection
[
|
...
]