Writing CSS in the year 3019
summary
Claims that even a century from now CSS still relies on progressive enhancement and concrete fallbacks: feature queries for grouped capabilities, logical properties to fix RTL, and preference media queries for reduced motion dark mode and soon reduced-data. Performance specifics: animate transform not top, use inline critical CSS, split stylesheets by media, preload links and HTTP2 push, and use loadCSS. Surprising stats include 54% of pages in English versus 20% of people who speak English, and these techniques work as practical fallbacks.
AI-written summary · about
chapters (13)
- 0:00Start
- 1:56Use the cascade
- 2:49Use feature queries
- 3:36Use positive feature queries
- 7:30Don't use CSS for content
- 8:12Style responsibly
- 8:41Adapt to animation preferences
- 8:56Adapt to colour preferences
- 10:04Be careful of expensive animations
- 11:09Inline critical CSS
- 11:55Split stylesheets based on media type
- 13:05Preload stylesheets
- 13:43HTTP/2 Push
