Wait, CSS can do that now?
summary
Demos show that many UI patterns move from JS to CSS: responsive type with clamp() replacing complex calc formulas, scroll snapping that works and is supported in ~94% of browsers, and position:sticky with ~96% support that behaves as a hybrid relative/fixed element. Masonry is available only behind a Firefox flag and container queries only in Chrome Canary behind a flag, both shown working in demos but not yet broadly usable.
AI-written summary · about
chapters (15)
- 0:00Start
- 0:37Introduction
- 1:37Responsive Topography
- 3:11Css Calc Function Used in Combination with Viewport Units
- 7:05Scroll Snap
- 8:01Scroll Snap Type
- 10:01Sticky Elements
- 15:07Masonry Layout
- 18:30Css Masonry Layout
- 25:09Contain Property
- 25:58Syntax for Container Queries
- 27:54Css Is Very Flexible
- 31:40The Grid Auto Flow
- 33:17Container Queries
- 35:18Position Sticky
