Autopsy of a Widget
summary
Builds a widget toolkit that composes UI from browser primitives and demonstrates a working spinner built from text input plus two buttons, using 2–3 DOM elements per widget with a separate decorator node. Layout runs in JavaScript via layout managers that compute fixed sizes and absolute positions, trading native CSS speed for features. DOM wrappers batch changes and cache reads. Events go through a centralized document handler to normalize quirks. Theming works by swappable decorators; resizing shows measurable lag and keyboard handling is expensive.
AI-written summary · about
chapters (15)
- 0:00Start
- 1:17Welcome! Your Ultimate Choice for Web
- 2:59TREE OF PRIMITIVES
- 4:03THE WIDGET
- 4:50GOAL
- 15:18DOM STRUCTURE
- 17:39THE DOM IS A MESS
- 20:59DOM WRAPPER
- 22:23INITIAL SIZES
- 22:50DYNAMIC UPDATE
- 23:47ALGORITHM
- 26:42LAYOUT SUMMARY
- 30:16DIFFERENT API
- 30:35DIFFERENT FEATURES
- 32:01DIFFERENT BEHAVIOR
related talks
15mBuilding a desktop design language with Flutter
20mBuilding custom widgets with the closure library
31mI Can't Believe It's Not JavaScript!
36mStop using JS for that: moving features from JS to CSS & HTML
57mDo It With Style: Rethinking CSS
41mBack to the future: of web development
36mThe State of Web Components
29mInspector Web and the Mystery of the Shadow DOM