Modern CSS Code Snippets
Shares rank 6 of 18 reference websites by recommenders
Recommended as a bookmarkable CSS reference organized by problem, with browser support tables. Critics say its browser support labels are often wrong, especially for Firefox.
Recommended as a bookmarkable CSS reference organized by problem, with browser support tables. Critics say its browser support labels are often wrong, especially for Firefox.
19 people gave an opinion
- recommend it
- 8
- criticize it
- 11
- approval share
- 42%
Recommended in 2 of 13 months
- November 2025: not recommended
- December 2025: not recommended
- January 2026: not recommended
- February 2026: recommended
- March 2026: not recommended
- April 2026: not recommended
- May 2026: not recommended
- June 2026: not recommended
- July 2026: not recommended
- August 2026: recommended
- September 2026: not recommended
- October 2026: not recommended
- November 2026: not recommended (month in progress)
Why it doesn’t carry the badge
- 8 people recommend itNeeds 10 or more, not met.
- 0.7 recommenders for every criticNeeds 2 to 1 or better, not met.
- Recommended in 2 of 13 monthsNeeds 4 or more, not met.
The same three rules apply to every product, and the badge can’t be bought. How the badge works
What people say about it
The reasons people give, with the number of comments that give each one. Open a reason to read what they said.
Why people recommend it
Each mark is one comment
Useful reference for modern CSS
“This is a nice reference, and some properties like `scrollbar-gutter` can be used for progressive enhancement.”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” “Love this website. Definitely bookmarking for future reference.”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” “One of the best educational resources for modern CSS.”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015”
What people warn about
Each mark is one comment
Browser support labels are wrong
“This website says certain features work on firefox. But they don't.”
Comment from 17 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” “when I follow your link it says "limited availability"”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” “it’s wrongly calling sibling-index() widely available”
Comment from 15 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” - Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015”
- Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015”
Demos fail in Firefox
“The drop cap example is also broken for me on the latest Firefox version.”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” “I tested the demo and it's definitely not working in my copy of Firefox.”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” Features unsupported in Firefox and Safari
“So I suppose it's not "modern CSS", but more like "latest Chrome CSS".”
Comment from 15 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015” “it is still unsupported in most recent Firefox and Safari”
Comment from 16 Feb 2026 in “Modern CSS Code Snippets: Stop writing CSS like it's 2015”
Other reference websites people recommend
The four most recommended other reference websites, with the same counts for each, so you can compare like for like. The tick on each bar marks the 2 to 1 line the badge needs.
| Product | Recommend | Criticize | Approval | Months | Owned | Badge |
|---|---|---|---|---|---|---|
| Sheldon Brown's Bicycle Technical Info | 49 | 0 | 100% | 6 | 19 yrs4 owners | Approved |
| Animated Knots by Grog | 14 | 1 | 93% | 2 | — | — |
| Ian's Shoelace Site | 10 | 1 | 91% | 4 | — | Approved |
| OEIS | 9 | 1 | 90% | 6 | — | — |
| Modern CSS Code SnippetsThis page | 8 | 11 | 42% | 2 | — | — |
What people said
18 of the 20 comments that mention it, newest first. Each links to the original comment.
“This website says certain features work on firefox. But they don't.”
“Love this website. Definitely bookmarking for future reference.”
“when I follow your link it says "limited availability"”
“it is still unsupported in most recent Firefox and Safari”
“This is a nice reference, and some properties like `scrollbar-gutter` can be used for progressive enhancement.”
“it's organized by the problem, not the property”
“I tested the demo and it's definitely not working in my copy of Firefox.”
“One of the best educational resources for modern CSS.”
“The drop cap example is also broken for me on the latest Firefox version.”
“half of the shit there does not work for me”
“Browser support tables make it production-ready.”
“modern-css.com/ is very cool”
“The site seems to emphasize that style.”
“The browser support is wrong”
“Their labeling of feature availability is messed up.”
“the filtering and data on the site doesn't seem to be useful.”
“So I suppose it's not "modern CSS", but more like "latest Chrome CSS".”
“it’s wrongly calling sibling-index() widely available”
Counts come from 1,795,640 Hacker News comments, November 2025 to November 2026. How we count. Report a mistake.