The Future of CSS
summary
A tour of concrete features and where they actually run: image function fallbacks and image-set let CSS pick density and fallback colors; crossfade already animates background images in WebKit/Blink; variables work today in Firefox (Safari has prefixed support); Flexbox covers roughly 90% of layout needs and Grid brings two‑dimensional placement with ASCII‑like templates; pointer/hover media queries land in Chrome; prototypes exist for a custom layout API so JavaScript can plug in performant, composable layout engines.
AI-written summary · about
chapters (23)
- 0:00Intro
- 0:38The Future of CSS
- 1:20Image Values
- 1:37Image Function
- 3:48Image Set Function
- 4:32Crossfade
- 5:10Cool Image Rendering
- 6:00Flexbox
- 6:19Flex Flow
- 7:12Grid Layout
- 7:43Grid Example
- 8:42Grid
- 9:08Selectors
- 9:19Indexing
- 10:02Matches
- 10:57Variables
- 12:20Color Spec
- 13:18HWB
- 14:27Media Queries
- 16:30Animation
- 18:02Future of CSS
- 19:16Custom Media Queries
- 21:12Custom Layout
