Thursday, July 25, 2013

OSCON Deal with multiple types of input in your HTML5/JavaScript code

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/










No comments:

Post a Comment