The future of UI is "open"
summary
Open UI is a W3C community effort that ships concrete browser features: a popover API (popover/popover-target, actions toggle|show|hide, auto/manual/hint, popover-open and a top layer) already rolling into Chrome 139 with polyfills for older browsers; CSS anchor positioning and position-try-fallbacks let detached top-layer popovers align to anchors; new transition-behavior/at-starting-style animate entry/exit; experimental invoker commands let buttons control dialog/video/steppers/showPicker; details name groups create exclusive accordions and a customizable select (appearance: base-select, selected-content, picker styling) is landing in Canary.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 7:24Three pillars of good UI
- 13:24Limitations of UI libraries
- 15:37Open UI and its mission
- 20:12Popover API basics
- 29:23Popovers vs dialogues
- 35:47Exclusive accordions
- 38:17Customizable select elements
- 46:15Future of UI is open
related talks
44mModern UI Patterns
32mHow popovers are about to become a whole lot easier to build
44mDialog dilemmas and modal mischief: a deep dive into popovers
35mWhat's new in Web UI
48mThe New Frontend Toolkit: Popover API, Dialog, and Next-Gen CSS
21mInstall Nothing: App UIs With Native Browser APIs
31mDiving into the Toplayer: Where Dialogs, Popovers, and Modals Live
07mHidde de Vries at performance.sync()