CSS in 2022 (and beyond)
summary
Browser vendors converge on a test‑driven rollout (Web Platform Tests aiming for high‑90s scores) and many concrete features land or near‑land: demos use DevTools and Chrome/Firefox/Safari pre‑releases to show container queries making an animal card swap image/text layout at component width, cascade layers resolving specificity/order by declared layer priority, and a mouse‑driven flashlight built with custom properties that updates live. Some features already ship, others remain behind flags (color‑mix mostly in Safari, :has parent selector flag in Firefox), and new viewport units and individual transform properties are entering implementations.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:45CSS ecosystem updates
- 4:36Custom properties in CSS
- 9:51Logical properties and values
- 14:04New CSS features
- 17:36Cascade layers explained
- 23:14Color functions and spaces
- 27:31New viewport units
- 30:20Hash selector and parent selection
- 33:48Subgrid and layout improvements
- 35:15Accent color and form styling
- 35:59Dialog and backdrop elements
- 37:02Individual transform properties
- 38:08Closing and Q&A
