Modern & Resilient
CSS is designed to adapt to context – failing silently, and enhancing progressively. We have tools to manage that context and support everyone, without giving up on the latest features. The details may vary from project to project, but we’ll look at practical strategies for building an expressive and robust CSS system that works for you.
CodePen Demos
- Error recovery using ; and (matched) };
- No Fallback
- Subgrid Form
- Wide Gamut Colors (fallback)
- Wide Gamut Colors (v2)
- Selector Fallback :has()
- Media Prefers…
- Reduced Motion
Resources
- Can I Use: CSS Container Style Queries
- Features with 100% browser support are capped at 97.98%
- MDN CSS Reference
- Web Platform Tests
- CSS Systems Presentation by Natalie Downe
- Support vs Optimization by Brad Frost
- Resilient Web Design by Jeremy Keith
- Intro to Resilient CSS by Jen Simmons
- Modernizr
- Getting started with View Transitions on multi-page apps by Dave Rupert
- Support Queries
- Selector Queries
- Resilient Videos by Jen Simmons
- Preference Queries
Browser engine release notes, issues, and features status
Gecko:
- Firefox Core Issues
- Firefox Experimental Features
- Firefox Release Notes
- Firefox Release Calendar
- Mozilla Standards Positions