pointer events

6
Découverte du modèle Pointer Events d'IE10 et de son polyfill HandJS David Rousset Technical Evangelist Microsoft France @davrous http://blogs.msdn.com/davrous

Upload: davrous

Post on 02-Dec-2014

576 views

Category:

Documents


0 download

DESCRIPTION

Présentation utilisée lors du ParisJS du 24/04/2013

TRANSCRIPT

Page 1: Pointer events

Découverte du modèle Pointer Events d'IE10 et

de son polyfill HandJS

David RoussetTechnical Evangelist

Microsoft France

@davroushttp://blogs.msdn.com/davrous

Page 2: Pointer events

Pointer Events (touch, stylet, souris)

• Ecrivez votre code une seule fois pour le tactile, le stylet et la souris

• Les sites écrits uniquement pour la souris fonctionnent automatiquement

• Patterns connus d’évènements DOM de la souris, avec des extensions pour le touch

Page 3: Pointer events

Pour faire de belles applications web tactiles

• Évènements MSPointer pour cibler le tactile, la souris et le stylet de manière unifiée

• Évènements MSGesture pour facilement reconnaitre certaines manipulations (zoom, rotation, hold, etc.)

• Propriétés CSS -ms-touch-action pour indiquer comment chaque zone doit se comporter face au touch

• Microsoft a soumis la spécification au W3C:– http://www.w3.org/Submission/pointer-events/

Page 4: Pointer events

Démo: utilisation des Pointer Events

Page 5: Pointer events

Pour aller plus loin…• Mon blog: aka.ms/davrous

Vous retrouverez toutes les démos de cette session et des liens vers des articles

• Le blog de David Catuhe: aka.ms/david Développeur du polyfill HandJS

Page 6: Pointer events

Questions ?