The Deal with multiple types of input in your HTML5/JavaScript code page at OSCON.
Olivier Bloch (Microsoft)
11:30am Thursday, 07/25/2013
Pointer Events
average finger width
threshold for finger is 11mm which is 40px
avoid hiding content behind :hover
use HTML5 input types
switches keyboard based on input type
Pointer Events
an event model for touch, pen, mouse, and more
- simplicity of mouse events
- with support for multiple device types
including multi-touch (even multi-user)
device-specific peroperties like pressure or touch contact size
hand.js - pointer events pollyfill
touchcontrol.js
example of single canvas with virtual joystick
Example of node server communicating with copter
resources:
w3.org/TR/pointerevents/
bit.ly/win8touchguidance
docs.webplatform.org/wiki/concepts/PointerEvents
github.com/jacobrossi/PointerPaint/
Olivier Bloch (Microsoft)
11:30am Thursday, 07/25/2013
Pointer Events
average finger width
threshold for finger is 11mm which is 40px
avoid hiding content behind :hover
use HTML5 input types
switches keyboard based on input type
Pointer Events
an event model for touch, pen, mouse, and more
- simplicity of mouse events
- with support for multiple device types
including multi-touch (even multi-user)
device-specific peroperties like pressure or touch contact size
hand.js - pointer events pollyfill
touchcontrol.js
example of single canvas with virtual joystick
Example of node server communicating with copter
resources:
w3.org/TR/pointerevents/
bit.ly/win8touchguidance
docs.webplatform.org/wiki/concepts/PointerEvents
github.com/jacobrossi/PointerPaint/
No comments:
Post a Comment