The Input Shouldn't Matter - Building for Adaptive Input Experiences
summary
Argues that input must be engineered, not guessed: browsers need less than 50 ms response plus 60fps and under ~3 mm lag to preserve direct-manipulation feel. Shows practical tools—pointer events + touch-action to avoid main-thread blocking, device-fixed positioning, a gesture object for scale/rotate/velocity, and CSS snap points demo used for photo galleries and drawer UIs. Demonstrates a canvas paint app, pressure/tilt pen handling, and Leap Motion input; the demos run and expose remaining cross‑browser gaps.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 1:51Why touch
- 4:42Commanding Vocabulary
- 5:57Stick to the Basics
- 7:14Color Picker
- 8:08CSS Snap Points
- 11:00Android Drawer Control
- 12:31Fixed Position Elements
- 14:43Fixed vs NonFixed Content
- 15:58Device Fixed
- 16:48Pointer Events
- 18:06Touch Events
- 18:33Share Code
- 19:24Demo
- 20:10Touch Actions
- 25:11Multitouch
- 28:03Tilt
- 29:20Pointer
- 30:48Gesture
- 33:02CSS Transforms
- 34:53Houdini
