SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Slim Soussi   Vladimir Kostarev   David Catuhe   David Rousset
    Intel           Intel          Microsoft       Microsoft
David Catuhe / Microsoft                    David Rousset / Microsoft
http://blogs.msdn.com/eternalcoding   http://blogs.msdn.com/davrous
davca@microsoft.com                          davrous@microsoft.com
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
Webinar HTML5 Microsoft Intel
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.
« The World
is moving to
HTML5 »
Steve Jobs
Apple CEO
“We’re
betting
big on
HTML5”
Vic Gundotra
Google Vice
President,
Engineering
“The future
of the Web
is HTML5”
Dean Hachamovitch
Microsoft Corporate Vice President of Internet Explorer
~94%*
* Dont 89% tournent sous
        Windows
~6%*
* Ce chiffre a doublé en 12 mois !
Webinar HTML5 Microsoft Intel
L’approche de Microsoft autour 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
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
14
Webinar HTML5 Microsoft Intel
Progressive    Graceful
Enhancement    Degradation
17
Webinar HTML5 Microsoft Intel
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
20
David Catuhe : davca@microsoft.com - http://blogs.msdn.com/eternalcoding
  David Rousset : davrous@microsoft.com – http://blogs.msdn.com/davrous

Contenu connexe

En vedette

Herramientas de Google nivel básico
Herramientas de Google nivel básicoHerramientas de Google nivel básico
Herramientas de Google nivel básicoOlga Navarro
 
Marsella laura 2ºa bto
Marsella laura 2ºa btoMarsella laura 2ºa bto
Marsella laura 2ºa btobetica17
 
Vorlesung 2009 biomasse2
Vorlesung 2009 biomasse2Vorlesung 2009 biomasse2
Vorlesung 2009 biomasse2arjun
 
Zimbabwe
ZimbabweZimbabwe
ZimbabweAllonsy
 
10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite
10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite
10 Tipps für mehr Pinterest-Traffic auf Ihrer WebseiteMelanie Grundmann
 
2443 photos aeriennes-du_11_sept.pps_
2443 photos aeriennes-du_11_sept.pps_2443 photos aeriennes-du_11_sept.pps_
2443 photos aeriennes-du_11_sept.pps_Manuel Santos
 
Academias EvaluacióN
Academias EvaluacióNAcademias EvaluacióN
Academias EvaluacióNangiesalgado
 
Nachhaltige Beschaffung von Lebensmitteln und Catering-Dienstleistungen
Nachhaltige Beschaffung von Lebensmitteln und Catering-DienstleistungenNachhaltige Beschaffung von Lebensmitteln und Catering-Dienstleistungen
Nachhaltige Beschaffung von Lebensmitteln und Catering-DienstleistungenOeko-Institut
 
Ingénierie agile : N’oubliez pas vos développeurs
Ingénierie agile : N’oubliez pas vos développeursIngénierie agile : N’oubliez pas vos développeurs
Ingénierie agile : N’oubliez pas vos développeursXavier NOPRE
 
Stephane J. Nicomaque
Stephane J. NicomaqueStephane J. Nicomaque
Stephane J. NicomaqueTerminales
 
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)Constanta Constantin
 
Heinrich Der Hund
Heinrich Der HundHeinrich Der Hund
Heinrich Der HundPGCEMaster
 
Violence
ViolenceViolence
ViolenceC.A.H.M
 
Ger Ks3 Past&Future Vw
Ger Ks3 Past&Future VwGer Ks3 Past&Future Vw
Ger Ks3 Past&Future VwPGCEMaster
 

En vedette (20)

Herramientas de Google nivel básico
Herramientas de Google nivel básicoHerramientas de Google nivel básico
Herramientas de Google nivel básico
 
Marsella laura 2ºa bto
Marsella laura 2ºa btoMarsella laura 2ºa bto
Marsella laura 2ºa bto
 
Vorlesung 2009 biomasse2
Vorlesung 2009 biomasse2Vorlesung 2009 biomasse2
Vorlesung 2009 biomasse2
 
Zimbabwe
ZimbabweZimbabwe
Zimbabwe
 
10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite
10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite
10 Tipps für mehr Pinterest-Traffic auf Ihrer Webseite
 
2443 photos aeriennes-du_11_sept.pps_
2443 photos aeriennes-du_11_sept.pps_2443 photos aeriennes-du_11_sept.pps_
2443 photos aeriennes-du_11_sept.pps_
 
Présentation creation pro vVv
Présentation creation pro vVvPrésentation creation pro vVv
Présentation creation pro vVv
 
Mis Mascotas
Mis MascotasMis Mascotas
Mis Mascotas
 
Academias EvaluacióN
Academias EvaluacióNAcademias EvaluacióN
Academias EvaluacióN
 
Nachhaltige Beschaffung von Lebensmitteln und Catering-Dienstleistungen
Nachhaltige Beschaffung von Lebensmitteln und Catering-DienstleistungenNachhaltige Beschaffung von Lebensmitteln und Catering-Dienstleistungen
Nachhaltige Beschaffung von Lebensmitteln und Catering-Dienstleistungen
 
Voyage en irlande 2015
Voyage en irlande 2015Voyage en irlande 2015
Voyage en irlande 2015
 
Ingénierie agile : N’oubliez pas vos développeurs
Ingénierie agile : N’oubliez pas vos développeursIngénierie agile : N’oubliez pas vos développeurs
Ingénierie agile : N’oubliez pas vos développeurs
 
Stephane J. Nicomaque
Stephane J. NicomaqueStephane J. Nicomaque
Stephane J. Nicomaque
 
7 actividad texto argumentativo
7 actividad texto argumentativo7 actividad texto argumentativo
7 actividad texto argumentativo
 
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
Saint Métropolite Varlaam de Moldavie - homélies (Cazanii)
 
Connaisseur
ConnaisseurConnaisseur
Connaisseur
 
Diapositiva
DiapositivaDiapositiva
Diapositiva
 
Heinrich Der Hund
Heinrich Der HundHeinrich Der Hund
Heinrich Der Hund
 
Violence
ViolenceViolence
Violence
 
Ger Ks3 Past&Future Vw
Ger Ks3 Past&Future VwGer Ks3 Past&Future Vw
Ger Ks3 Past&Future Vw
 

Similaire à Webinar HTML5 Microsoft Intel

Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)Chamseddine Ouerhani
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011Adrien Leygues
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologiewyggio
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
 
Node.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascriptNode.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascriptKhalid Jebbari
 
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitéeFront end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitéeOuadie LAHDIOUI
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSABNSA - Aquitaine
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...Horacio Gonzalez
 
Html5 par Florent Garin, au Toulouse JUG
Html5 par Florent Garin, au Toulouse JUGHtml5 par Florent Garin, au Toulouse JUG
Html5 par Florent Garin, au Toulouse JUGJUG Toulouse
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesTristan Nitot
 
Responsive design - Twitter Bootstrap [FR]
Responsive design - Twitter Bootstrap [FR]Responsive design - Twitter Bootstrap [FR]
Responsive design - Twitter Bootstrap [FR]Jean-Noël Aubry
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10davrous
 
Aspectize meetup
Aspectize meetupAspectize meetup
Aspectize meetupAspectize
 
Gab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderne
Gab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderneGab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderne
Gab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderneVincent Thavonekham-Pro
 
Découvrez les nouvelles fonctionnalités de Talend 6
Découvrez les nouvelles fonctionnalités de Talend 6Découvrez les nouvelles fonctionnalités de Talend 6
Découvrez les nouvelles fonctionnalités de Talend 6Jean-Michel Franco
 
CV_Youssouph_BARRY_DRUPAL
CV_Youssouph_BARRY_DRUPALCV_Youssouph_BARRY_DRUPAL
CV_Youssouph_BARRY_DRUPALYoussouph Barry
 

Similaire à Webinar HTML5 Microsoft Intel (20)

Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011
 
Nouveaux apis
Nouveaux apisNouveaux apis
Nouveaux apis
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
Node.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascriptNode.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascript
 
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitéeFront end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitée
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
 
Html5 par Florent Garin, au Toulouse JUG
Html5 par Florent Garin, au Toulouse JUGHtml5 par Florent Garin, au Toulouse JUG
Html5 par Florent Garin, au Toulouse JUG
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 
Responsive design - Twitter Bootstrap [FR]
Responsive design - Twitter Bootstrap [FR]Responsive design - Twitter Bootstrap [FR]
Responsive design - Twitter Bootstrap [FR]
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10
 
Aspectize meetup
Aspectize meetupAspectize meetup
Aspectize meetup
 
MGD Html5 pres fr
MGD Html5 pres frMGD Html5 pres fr
MGD Html5 pres fr
 
Gab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderne
Gab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderneGab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderne
Gab2015 aurelien regat-barrel_des applicationsclientesportablesgraceaucppmoderne
 
Découvrez les nouvelles fonctionnalités de Talend 6
Découvrez les nouvelles fonctionnalités de Talend 6Découvrez les nouvelles fonctionnalités de Talend 6
Découvrez les nouvelles fonctionnalités de Talend 6
 
CV_Youssouph_BARRY_DRUPAL
CV_Youssouph_BARRY_DRUPALCV_Youssouph_BARRY_DRUPAL
CV_Youssouph_BARRY_DRUPAL
 

Plus de davrous

Building a cross platforms tower defense game Dev Days 2016
Building a cross platforms tower defense game Dev Days 2016Building a cross platforms tower defense game Dev Days 2016
Building a cross platforms tower defense game Dev Days 2016davrous
 
Create fun & immersive audio experiences with web audio
Create fun & immersive audio experiences with web audioCreate fun & immersive audio experiences with web audio
Create fun & immersive audio experiences with web audiodavrous
 
Nouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde MicrosoftNouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde Microsoftdavrous
 
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsUnleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsdavrous
 
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esCreating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esdavrous
 
Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JS
Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JSIntroduction à TypeScript et retour d'expérience sur le portage de Babylon.JS
Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JSdavrous
 
Babylon.js WebGL Paris
Babylon.js  WebGL ParisBabylon.js  WebGL Paris
Babylon.js WebGL Parisdavrous
 
Microsoft et l'Open Source
Microsoft et l'Open SourceMicrosoft et l'Open Source
Microsoft et l'Open Sourcedavrous
 
Back from BUILD - WebGL
Back from BUILD -  WebGLBack from BUILD -  WebGL
Back from BUILD - WebGLdavrous
 
NGF2014 - Create a 3d game with webgl and babylon.js
NGF2014 - Create a 3d game with webgl and babylon.jsNGF2014 - Create a 3d game with webgl and babylon.js
NGF2014 - Create a 3d game with webgl and babylon.jsdavrous
 
Réaliser un jeu cross plateformes avec WebGL et babylon.js
Réaliser un jeu cross plateformes avec WebGL et babylon.jsRéaliser un jeu cross plateformes avec WebGL et babylon.js
Réaliser un jeu cross plateformes avec WebGL et babylon.jsdavrous
 
Pointer events
Pointer eventsPointer events
Pointer eventsdavrous
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8W3 cafe ie10etwindows8
W3 cafe ie10etwindows8davrous
 
Création d'une application html5 utilisant canvas, svg et les animations css3
Création d'une application html5 utilisant canvas, svg et les animations css3Création d'une application html5 utilisant canvas, svg et les animations css3
Création d'une application html5 utilisant canvas, svg et les animations css3davrous
 
Création d’une application gérant l’offline et le stockage
Création d’une application gérant l’offline et le stockageCréation d’une application gérant l’offline et le stockage
Création d’une application gérant l’offline et le stockagedavrous
 
Développement d'un jeu de plateforme en html5
Développement d'un jeu de plateforme en html5Développement d'un jeu de plateforme en html5
Développement d'un jeu de plateforme en html5davrous
 
AMDEV: Graphismes avec html5 grâce à canvas et svg
AMDEV: Graphismes avec html5 grâce à canvas et svgAMDEV: Graphismes avec html5 grâce à canvas et svg
AMDEV: Graphismes avec html5 grâce à canvas et svgdavrous
 
HTML5 pour l’écriture d’applications cross-devices
HTML5 pour l’écriture d’applications cross-devicesHTML5 pour l’écriture d’applications cross-devices
HTML5 pour l’écriture d’applications cross-devicesdavrous
 
WebCamp HTML5
WebCamp HTML5WebCamp HTML5
WebCamp HTML5davrous
 

Plus de davrous (20)

Building a cross platforms tower defense game Dev Days 2016
Building a cross platforms tower defense game Dev Days 2016Building a cross platforms tower defense game Dev Days 2016
Building a cross platforms tower defense game Dev Days 2016
 
Create fun & immersive audio experiences with web audio
Create fun & immersive audio experiences with web audioCreate fun & immersive audio experiences with web audio
Create fun & immersive audio experiences with web audio
 
Nouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde MicrosoftNouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde Microsoft
 
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.jsUnleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.js
 
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esCreating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
 
Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JS
Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JSIntroduction à TypeScript et retour d'expérience sur le portage de Babylon.JS
Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JS
 
Babylon.js WebGL Paris
Babylon.js  WebGL ParisBabylon.js  WebGL Paris
Babylon.js WebGL Paris
 
Microsoft et l'Open Source
Microsoft et l'Open SourceMicrosoft et l'Open Source
Microsoft et l'Open Source
 
Back from BUILD - WebGL
Back from BUILD -  WebGLBack from BUILD -  WebGL
Back from BUILD - WebGL
 
NGF2014 - Create a 3d game with webgl and babylon.js
NGF2014 - Create a 3d game with webgl and babylon.jsNGF2014 - Create a 3d game with webgl and babylon.js
NGF2014 - Create a 3d game with webgl and babylon.js
 
Réaliser un jeu cross plateformes avec WebGL et babylon.js
Réaliser un jeu cross plateformes avec WebGL et babylon.jsRéaliser un jeu cross plateformes avec WebGL et babylon.js
Réaliser un jeu cross plateformes avec WebGL et babylon.js
 
Pointer events
Pointer eventsPointer events
Pointer events
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
 
Création d'une application html5 utilisant canvas, svg et les animations css3
Création d'une application html5 utilisant canvas, svg et les animations css3Création d'une application html5 utilisant canvas, svg et les animations css3
Création d'une application html5 utilisant canvas, svg et les animations css3
 
Création d’une application gérant l’offline et le stockage
Création d’une application gérant l’offline et le stockageCréation d’une application gérant l’offline et le stockage
Création d’une application gérant l’offline et le stockage
 
Développement d'un jeu de plateforme en html5
Développement d'un jeu de plateforme en html5Développement d'un jeu de plateforme en html5
Développement d'un jeu de plateforme en html5
 
AMDEV: Graphismes avec html5 grâce à canvas et svg
AMDEV: Graphismes avec html5 grâce à canvas et svgAMDEV: Graphismes avec html5 grâce à canvas et svg
AMDEV: Graphismes avec html5 grâce à canvas et svg
 
HTML5 pour l’écriture d’applications cross-devices
HTML5 pour l’écriture d’applications cross-devicesHTML5 pour l’écriture d’applications cross-devices
HTML5 pour l’écriture d’applications cross-devices
 
WebCamp HTML5
WebCamp HTML5WebCamp HTML5
WebCamp HTML5
 

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 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
  • 5. 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.
  • 6. « The World is moving to HTML5 » Steve Jobs Apple CEO
  • 8. “The future of the Web is HTML5” Dean Hachamovitch Microsoft Corporate Vice President of Internet Explorer
  • 9. ~94%* * Dont 89% tournent sous Windows
  • 10. ~6%* * Ce chiffre a doublé en 12 mois !
  • 12. L’approche de Microsoft autour 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 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
  • 14. 14
  • 16. Progressive Graceful Enhancement Degradation
  • 17. 17
  • 19. 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
  • 20. 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

  1. 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/
  2. Design by Mark McCorkell
  3. 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)
  4. 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