Téléchargé 51 fois
Contenu connexe
Similaire à Webinar HTML5 Microsoft Intel
Webinar HTML5 Microsoft Intel
- 1. Slim Soussi Vladimir Kostarev David Catuhe David Rousset Intel Intel Microsoft Microsoft
- 2. David Catuhe /Microsoft David Rousset / Microsoft http://blogs.msdn.com/eternalcoding http://blogs.msdn.com/davrous davca@microsoft.com davrous@microsoft.com
- 3. Agenda • C’est quoiHTML5 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
- 5. HTML5: un termegé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.
- 6. « The World ismoving to HTML5 » Steve Jobs Apple CEO
- 7. “We’re betting big on HTML5” Vic Gundotra GoogleVice President, Engineering
- 8. “The future of theWeb is HTML5” Dean Hachamovitch Microsoft Corporate Vice President of Internet Explorer
- 9. ~94%* * Dont 89%tournent sous Windows
- 10. ~6%* * Ce chiffrea doublé en 12 mois !
- 12. L’approche de Microsoftautour d’HTML5 HTML5 Travail en // Investissement Travail sur avec les sur les standards prêt pour la l’intéropérabilité émergeants production développeurs
- 13. Des applications HTML5performantes • 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
- 14.
- 16. Progressive Graceful Enhancement Degradation
- 17.
- 19. Les dernières avancéesHTML5 • 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
- 20.
- 21. David Catuhe :davca@microsoft.com - http://blogs.msdn.com/eternalcoding David Rousset : davrous@microsoft.com – http://blogs.msdn.com/davrous
Notes de l'éditeur
- #15 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/
- #17 Design by Mark McCorkell
- #18 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)
- #20 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