CSS Rises from the Ashes: (Re)Make Friends with Your Stylesheet
summary
The talk surveys recent CSS features and their implementation status with demos: container queries for components to react to parent size, color-mix for generating palette variants (noting HSL variants lag), and aspect-ratio that replaces padding hacks. It also covers experimental features and browser support—view transitions for animated page snapshots (behind flags), color-contrast currently only behind a Safari flag with JS polyfills available—and practical use of nesting, custom properties, new color spaces and DVH units.
AI-written summary · about
chapters (19)
- 0:00CSS introduction
- 2:31CSS updates
- 5:39CSS variables
- 7:01Native CSS nesting
- 8:25CSS color notation
- 9:27Advanced color spaces
- 10:30Content-based selectors
- 12:38Color mix in design
- 15:46HSL color manipulation
- 18:15Modern media queries
- 19:00Container queries
- 22:10Dynamic viewports
- 24:35Aspect-ratio property
- 27:04View transitions
- 31:54View transition animations
- 33:37Scroll effect timeline
- 35:24Color contrast accessibility
- 38:52Accessibility preferences
- 42:43Resources and conclusion
related talks
49mCSS Rises from the Ashes: (Re)make Friends with Your Stylesheet
38mCSS Reborn: (Re)make Friends with Your Stylesheet
01h 11mCSS is Rad
50mStyling the Future: A Deep Dive into Modern CSS
57mDo It With Style: Rethinking CSS
32mFall In Love With CSS
33m"Fresh Hot CSS Features!"
32mGet Ready for the Future of CSS!