"Fresh Hot CSS Features!"
summary
Recent work adds 530 CSS features in six years and 250 in two, driven by browser interop efforts; expect concrete changes not just buzz. Live details: custom properties (CSS variables) cascade and animate; @property gives type safety and inherits true/false with Firefox support landing in version 124; the :has selector replaces common JS patterns (form validation and state toggles) with pure CSS; container queries react to component box size not viewport; cascade layers add ordering but still interact oddly with !important and the default UA layer.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:49Why CSS improved rapidly
- 4:38Custom properties and type-safe @property
- 9:36CSS Grid revolution
- 12:45CSS nesting replaces preprocessors
- 14:12Logical properties for i18n
- 18:52Has selector as parent
- 22:51Container queries for components
- 27:13Cascade layers for specificity
- 31:07Q&A
