What's New & The Future in the World of CSS
summary
Covers five concrete features with live demos: a horizontal scroll-snap demo snapping to images that replaces JS carousels, aspect-ratio replaces the padding‑top 16:9 hack for consistent image/video sizing, new pseudo‑class helpers (:is and :where to group selectors, :not for negation), CSS math functions (min(), max(), clamp() used for responsive widths and typography), and container queries via @container demonstrated in Chrome Canary only; notes broad support in modern browsers but IE lacks support.
AI-written summary · about
chapters (21)
- 0:00Intro
- 2:42Welcome
- 3:31Who am I
- 3:52Agenda
- 4:19History of CSS
- 5:55Present of CSS
- 6:36Modern CSS Features
- 6:50Scroll Snap
- 8:34Scroll Snap Demo
- 12:14Aspect Ratio
- 14:00Aspect Ratio Demo
- 16:17Browser Support
- 16:38PseudoClass Selectors
- 17:14ESelector
- 19:50Multiple Selectors
- 21:24CSS Map Functions
- 21:50What are CSS Map Functions
- 28:13Support for Map Functions
- 28:53Container Queries
- 30:05Container Queries Demo
- 33:20Future of CSS
