Webinar HTML5 Microsoft Intel

3 829 vues

Publié le

C’est quoi HTML5 et pourquoi c’est important ?

La partie d’HTML5 la plus répandue et supportée

Comment supporter les anciens navigateurs ?

Les spécifications les plus récentes comme :

HTML5 : IndexedDB, AppCache, File APIs, HTML5 Forms, SVG Filters, WebSockets, WebWorkers, Drag’n’drop, HTML5 History, ECMAScript 5 Strict Mode

CSS3 : CSS3 Multi-column Layout, CSS3 Grid Layout, CSS3 Flexible Box Layout, CSS3 Gradients, CSS3 Transitions, CSS3 Animations, CSS3 3D Transforms, Text Shadow

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive
  • 1 – HTML5 Semantic tags basé sur le cahier de vacances: http://blogs.msdn.com/b/davrous/archive/2011/08/25/tutorial-html5-d-233-couverte-des-tags-s-233-mantiques-d-un-soup-231-on-de-css3-et-de-modernizr.aspx2 – SVG :SVG ThemeParksSVG Bing MapsHigh ChartsjsFiddle et Highcharts3 – Canvas :Canvas PadMosaique TelethonLibrairiegraphique The Jit4 – Accélération matérielle :Balise vidéo et carrousel imagesJeu vidéo Platformer5 – CSS3 : Borders & Shadow en reprenant l’exemple simple des cahiers de vacances + modif à coup de F12CSS3 Media Queries simplehttp://mediaqueri.es et http://foodsense.is/
  • Design by Mark McCorkell
  • Gracefulldegradation avec exemple cahier de vacances sur CSS3 borders & radiusProgressive enhancement avec Modernizr pour tags sémantique HTML5 et pour charger SVG ou PNG (cahier de vacances)
  • CSS3 Multi-colonnes CSS3 Grid simpleDémo CSS3 Transitions + Progressive enhancement avec librairie CSS3 Transitions (ton article)CSS3 Animation avec SVG + gracefulldegradation en IE9 (image statique) CSS3 Animation + Progressive enhancement avec CSS3 Animations (mon article)DemoWebWorkers avec RayTracer en mode IE9 puis IE10Demo AppCache + IndexDB
  • Webinar HTML5 Microsoft Intel

    1. 1. Slim Soussi Vladimir Kostarev David Catuhe David Rousset Intel Intel Microsoft Microsoft
    2. 2. David Catuhe / Microsoft David Rousset / Microsofthttp://blogs.msdn.com/eternalcoding http://blogs.msdn.com/davrousdavca@microsoft.com davrous@microsoft.com
    3. 3. Agenda• C’est quoi HTML5 et pourquoi c’est important ?• La partie d’HTML5 la plus répandue et supportée• Comment supporter les anciens navigateurs ?• Les spécifications les plus récentes
    4. 4. HTML5: un terme générique cool…mais fourre-tout !• HTML5 : Le markup de la future génération d’applications Web• CSS3 (Cascading Style Sheet) : permet d’appliquer des styles au document• SVG 1.1 (Scalable Vector Graphics) : moteur de dessin vectoriel• + plein d’autres technologies plus ou moins en rapport comme WebGL, géolocalisation, etc.
    5. 5. « The Worldis moving toHTML5 »Steve JobsApple CEO
    6. 6. “We’rebettingbig onHTML5”Vic GundotraGoogle VicePresident,Engineering
    7. 7. “The futureof the Webis HTML5”Dean HachamovitchMicrosoft Corporate Vice President of Internet Explorer
    8. 8. ~94%** Dont 89% tournent sous Windows
    9. 9. ~6%** Ce chiffre a doublé en 12 mois !
    10. 10. L’approche de Microsoft autour d’HTML5 HTML5 Travail en // Investissement Travail sur avec les sur les standardsprêt pour la l’intéropérabilité émergeantsproduction développeurs
    11. 11. Des applications HTML5 performantes• L’ensemble des éléments d’HTML5 sont « matériellement accélérés » par le GPU• Nouveau moteur JavaScript Chakra utilisant les processeurs multi-cœurs
    12. 12. 14
    13. 13. Progressive GracefulEnhancement Degradation
    14. 14. 17
    15. 15. Les dernières avancées HTML5• HTML5 : IndexedDB, AppCache, File APIs, HTML5 Forms, SVG Filters, WebSockets, WebWorkers, Drag’n’drop, HTML5 History, ECMAScript 5 Strict Mode• CSS3 : CSS3 Multi-column Layout, CSS3 Grid Layout, CSS3 Flexible Box Layout, CSS3 Gradients, CSS3 Transitions, CSS3 Animations, CSS3 3D Transforms, Text Shadow
    16. 16. 20
    17. 17. David Catuhe : davca@microsoft.com - http://blogs.msdn.com/eternalcoding David Rousset : davrous@microsoft.com – http://blogs.msdn.com/davrous

    ×