Install Nothing: App UIs With Native Browser APIs
summary
Demos run entirely in HTML CSS and vanilla JS with no build step and show working modals using the dialog element 96% with built-in focus and ARIA behavior, animations from the Web Animations API, and fade transitions via view transitions 72%. Popovers use the top layer and keyboard handling and are shipping as popover 96%, while Anchor and CSS starting-style and allow-discreet are experimental but let menus and drawers position and animate without heavy JS.
AI-written summary · about
chapters (6)
- 0:00Introduction and motivation
- 3:22Modals and dialogue elements
- 10:12Menus and popovers
- 14:02Mobile navigation and drawers
- 16:13Accordions
- 18:10Swipers and slideshows
related talks
48mThe New Frontend Toolkit: Popover API, Dialog, and Next-Gen CSS
32mHow popovers are about to become a whole lot easier to build
44mDialog dilemmas and modal mischief: a deep dive into popovers
32mNative Popovers with the Popover API
24mI Can't Believe It's Not JS
31mI Can't Believe It's Not JavaScript!
47mThe future of UI is "open"
44mModern UI Patterns