Building for Adaptive Input Experiences - From Mouse to Touch and Beyond

Explore adaptive input experiences for web development in this 44-minute conference talk from Mobilism 2015. Learn essential tips and techniques for accommodating various input types across devices, from traditional mouse and keyboard to touch interfaces and motion controllers like Leap or Kinect. Dive into the Pointer Events standard and discover alternatives when only Touch or Mouse Events are available. Examine key differences in input behavior, including concepts such as virtual viewport, hover, input precision, and latency. Gain insights into the future of browser input and how web developers can contribute to shaping it. Cover topics like touch commands, CSS snap points, Android drawer control, fixed position elements, pointer and touch events, multitouch, tilt, gestures, and CSS transforms. Includes a practical demonstration and discussion on emerging technologies like Houdini.

Introduction
Why touch
Commanding Vocabulary
Stick to the Basics
Color Picker
CSS Snap Points
Android Drawer Control
Fixed Position Elements
Fixed vs NonFixed Content
Device Fixed
Pointer Events
Touch Events
Share Code
Demo
Touch Actions
Multitouch
Tilt
Pointer
Gesture
CSS Transforms
Houdini