Modern CSS does what now?
summary
Modern browsers now run nesting, scoping, container queries and container units, color functions (including display‑P3), subgrid for consistent vertical rhythm, and selectors like cascade layers and :has, so many layout and theming problems move from JS or build tooling into CSS. A Vue‑based design system for a grocery chain prototypes these features, keeps Sass for now but swaps Sass variables to CSS variables, and tests snippets in CodePen/StackBlitz; cascade layers see experimentation but not full production rollout yet.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:00About my organization
- 4:49Nesting
- 7:45Container queries
- 10:30Subgrid
- 12:02Cascade Layers
- 18:45Color Space
- 21:50What to do now
- 22:50Conclusion
- 24:25Layers
- 25:40Animations
- 29:50Should you use SAS
- 31:30Tools and resources
related talks
50mStyling the Future: A Deep Dive into Modern CSS
56mModern CSS For Dynamic Component-Based Architecture
43mModern CSS Layout is Awesome!
51mCSS in 2023 and beyond
29mThe Best JavaScript is No JavaScript
29mCSS Architecture for Modern Web Applications
47mThat’s not how I wrote CSS 3 years ago
33mNew CSS Features You Can Use Today