Modern UI Patterns
summary
Claims concrete features and demos: building hover cards and customizable drop‑down menus with zero JavaScript, using new CSS like light dark and contrast‑color (now broadly available) plus at‑function, container queries, scroll‑state and scroll‑triggered animations, anchored container queries, border‑shape, interest invokers and scoped view transitions. Several demos run live (popover preview, hidey‑bar, swipeable menu); some APIs land in Chrome only, some have polyfills, and many work cross‑browser — practical patterns, where they work and where a polyfill or Chrome waits are required.
AI-written summary · about
chapters (9)
- 0:00Modern UI patterns intro
- 7:05Clean interfaces and popovers
- 13:07Layered UI and tooltips
- 20:26Interest invokers for popovers
- 23:14Physics in UI animations
- 30:17Scroll-driven navigation
- 35:15Morphing animations
- 39:31UI for form factors
- 42:19Summary and future of web design
related talks
41mBack to the future: of web development
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
47mThe future of UI is "open"
38mI Can’t Believe It’s Not JavaScript
35mWhat's new in Web UI
39mModern CSS Layout is Awesome!
36mStop using JS for that: moving features from JS to CSS & HTML
51mStyling new HTML UI capabilities