Getting Touchy Feely with the Mobile Web
summary
Covers the concrete Web Touch API: touchstart touchmove touchend events and the three touch lists touches targetTouches changedTouches, showing canvas demos that plot finger points, a working pinch‑to‑zoom built by measuring distance and applying CSS transforms with snapback, and drag/carousel examples. Notes limits: iPad only supports three simultaneous touches and 70% of users still run older browsers; recommends preventDefault for OS gestures and warns about patent review but asserts the API is usable in production now.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:24Events
- 1:53Touch Lists
- 3:20Touch Objects
- 3:50Supported Devices
- 4:41Patents
- 6:49Multitouch
- 8:20Multiple Touches
- 8:43Touch Arrangements
- 9:43Gesture
- 11:17Move
- 12:03Demonstration
- 12:34Applications
- 13:13Demos
- 15:56Resources
- 16:57Wrap up
related talks
44mDeveloping for touch
18mThe Untouchable Web
28mTricks and hacks for a more native feel in a mobile browser
55mPanel 5: Input
17mPointing Forward (updated)
44mThe Input Shouldn't Matter - Building for Adaptive Input Experiences
37mBuzz It For Real ! ... the tortuous road to Mobile HTML5 Apps
07mLightning talk from Andy Matuschak