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
- Some Zeros Need Units
- Subgrid Forms
- Wide Gamut Colors (fallback)
- Invalid At Computed Value Time
- ಠ_ಠ Valid Table-Flip
- Wide Gamut Colors (v2)
- Selector Fallback :has()
- Forgiving Selector Lists
- Media Prefers…
- Reduced Motion
Resources
- 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
- Value Processing
- Formal Syntax section on MDN
- Not All Zeros are Equal
- Support Queries
- Selector Queries
- Preference Queries
- Accessibility preference settings, information architecture, and internalized ableism by Eric W Bailey
- No Motion Isn’t Always
prefers-reduced-motionby Chris Coyier - Media Features on MDN
- W3C 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