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)
- CSS is (mostly) case-insensitive
- Invalid at Computed Value Time
- Wide Gamut Colors (v2)
- Selector Fallback :has()
- Media Prefers…
- Reduced Motion
Resources
- Can I Use
- Features with 100% browser support are capped at 97.98%
- MDN CSS Reference
- Baseline
- Baseline Does Not Really Cover Baseline Support by Adrian Roselli
- 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
- Getting started with View Transitions on multi-page apps by Dave Rupert
- CSS Values & Unites Specification
- CSS Cascading & Inheritance Specification
- CSS Custom Properties Specification
- Support Queries
- Selector Queries
- Preference Queries
- Platform Design Principles
Browser engine release notes, issues, and features status
Gecko:
- Firefox Core Issues
- Firefox Experimental Features
- Firefox Release Notes
- Firefox Release Calendar
- Mozilla Standards Positions