Alternative Reality DevTools
summary
History shows devtools copy a few long-lived patterns so research interviewed engineers, designers and filmmakers and builds prototypes that change that. Actual contributions already landed: a one‑line color picker and cookie editor in Chrome devtools. Working demos include a context-aware SVG editor, a component-focused workflow that reloads only a single web component, and a visual timeline that records DOM, storage and events for time-travel DOM debugging — feasible today though full DOM/time-travel across all APIs remains partly experimental.
AI-written summary · about
chapters (35)
- 0:00Intro
- 2:32Carrot Color
- 4:17Common Patterns
- 5:14JavaScript debugger
- 5:44Interdeath
- 6:36Alert
- 7:06Firefox
- 7:31Web Developer Toolbar
- 8:25Firebug
- 10:18Web Inspector
- 11:04Firefox DevTools
- 11:40Research
- 12:27Kasia
- 12:54AutoCAD
- 14:08Vinci Resolve
- 14:58Olam Ilias
- 15:33LabVIEW
- 15:56Real Dots
- 16:13The Echo
- 16:34Unity
- 16:59Inspector
- 17:19Infinite Canvas
- 17:42Behavior Tree
- 18:06Sketch
- 18:29Library
- 18:47Interview Highlights
- 19:27ContextAware Inspector
- 19:46Preview Elements
- 19:59SVG Editor
- 20:18Single Element
- 21:05Single Component
- 22:12Alternative Reality
- 24:18Multiple Devices
- 25:22Conclusion
- 26:14Questions
