Pointer events

1,211 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,211
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Intro code / dev
  • Pointer events

    1. 1. Découverte du modèle PointerEvents dIE10 et de son polyfillHandJSDavid RoussetTechnical EvangelistMicrosoft France@davroushttp://blogs.msdn.com/davrous
    2. 2. Pointer Events (touch, stylet, souris)• Ecrivez votre code une seule fois pour le tactile, lestylet et la souris• Les sites écrits uniquement pour la souris fonctionnentautomatiquement• Patterns connus d’évènements DOM de la souris, avecdes extensions pour le touch
    3. 3. Pour faire de belles applications webtactiles• Évènements MSPointer pour cibler le tactile, la souriset le stylet de manière unifiée• Évènements MSGesture pour facilement reconnaitrecertaines manipulations (zoom, rotation, hold, etc.)• Propriétés CSS -ms-touch-action pour indiquercomment chaque zone doit se comporter face au touch• Microsoft a soumis la spécification au W3C:– http://www.w3.org/Submission/pointer-events/
    4. 4. Démo: utilisation desPointer Events
    5. 5. Pour aller plus loin…• Mon blog: aka.ms/davrous Vous retrouverez toutes les démos de cettesession et des liens vers des articles• Le blog de David Catuhe: aka.ms/david Développeur du polyfill HandJS
    6. 6. Questions ?

    ×