Pointer events

964 vues

Publié le

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

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
964
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • 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 ?

    ×