1 – Un retour sur les nouveautés dans IE102 – Quelques bonnes nouvelles pour les standards3 – Le modèle de développement H...
Internet Explorer 10
• IE10 arrivera sur Windows 8 ET Windows 7• Le même IE10 sera disponible sur Windows  Phone 8• Sur Windows 8, IE10 aura 2 ...
Handling Multi-touch and Mouse Input in All Browsers       Finger Paintinghttp://blog.jquery.com/2012/04/10/getting-touchy...
Demo du multitouch
Une planche de jeu
<style type="text/css">  #grid { display: grid;          grid-columns: auto 1fr;          grid-rows: auto 1fr auto;       ...
<style type="text/css"> @media (orientation: landscape) {    #title    { grid-column: 1; grid-row:    1 }    #score    { g...
Demo CSS3 Grid &CSS Exclusions
Demo SnapyX &mon jeu deplateforme
Vers un avenir + radieux
• Abandon des filtres DirectX en faveur de leurs  équivalent standard CSS: Legacy DX Filters Removed  from IE10 Release Pr...
HTML5 Metro Style Apps
Demo applicationsWindows 8 enHTML5
http://dev.windows.com             http://blogs.msdn.com/davroushttp://blogs.msdn.com/eternalcoding
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
W3 cafe ie10etwindows8
Upcoming SlideShare
Loading in …5
×

W3 cafe ie10etwindows8

1,020
-1

Published on

Présentation jouée lors du W3Cafe du 29 Juin 2012: http://france.w3cafe.org/w3cafe-paris/w3cafe-standards-web-du-29-06-12/article/programme autour des nouveautés HTML5/CSS3 dans IE10 et le modèle de développement HTML5 Metro dans Windows 8

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,020
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • T+4min
  • T+7min
  • http://ie.microsoft.com/testdrive/ieblog/2011/oct/samemarkuptouch.htmlhttp://ie.microsoft.com/testdrive/Browser/BrowserSurface/
  • T+13min
  • T+17min
  • http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_positionedfloats.htm
  • T+23min
  • T+30min
  • T+33min
  • T+38
  • T+42
  • T+45
  • W3 cafe ie10etwindows8

    1. 1. 1 – Un retour sur les nouveautés dans IE102 – Quelques bonnes nouvelles pour les standards3 – Le modèle de développement HTML5 dansWindows 8
    2. 2. Internet Explorer 10
    3. 3. • IE10 arrivera sur Windows 8 ET Windows 7• Le même IE10 sera disponible sur Windows Phone 8• Sur Windows 8, IE10 aura 2 modes de fonctionnement :• Un mode « desktop » avec support complet des plug-ins• Un mode « metro » avec un support partiel de Flash• Il y a un correcteur orthographique intégré
    4. 4. Handling Multi-touch and Mouse Input in All Browsers Finger Paintinghttp://blog.jquery.com/2012/04/10/getting-touchy-about-patents/
    5. 5. Demo du multitouch
    6. 6. Une planche de jeu
    7. 7. <style type="text/css"> #grid { display: grid; grid-columns: auto 1fr; grid-rows: auto 1fr auto; } #title { grid-column: 1; grid-row: 1 } #score { grid-column: 1; grid-row: 3 } #stats { grid-column: 1; grid-row: 2; grid-row-align: start } #board { grid-column: 2; grid-row: 1; grid-row-span: 2 } #controls { grid-column: 2; grid-row: 2; grid-column-align: center } </style><div id="grid"> <div id="title">Game Title</div> <div id="score">Score</div> <div id="stats">Stats</div> <div id="board">Board</div> <div id="controls">Controls</div></div>
    8. 8. <style type="text/css"> @media (orientation: landscape) { #title { grid-column: 1; grid-row: 1 } #score { grid-column: 1; grid-row: 3 } #stats { grid-column: 1; grid-row: 2; grid-row-align: start } #board { grid-column: 2; grid-row: 1; grid-row-span: 2 } #controls { grid-column: 2; grid-row: 2; grid-column-align: center } } @media (orientation: portrait) { #title { grid-column: 1; grid-row: 1 } #score { grid-column: 1; grid-row: 2 } #stats { grid-column: 2; grid-row: 1; grid-row-span: 2 } #board { grid-column: 1; grid-row: 3; grid-column-span: 2 } #controls { grid-column: 1; grid-row: 4; grid-column-span: 2; grid-column-align: center } }
    9. 9. Demo CSS3 Grid &CSS Exclusions
    10. 10. Demo SnapyX &mon jeu deplateforme
    11. 11. Vers un avenir + radieux
    12. 12. • Abandon des filtres DirectX en faveur de leurs équivalent standard CSS: Legacy DX Filters Removed from IE10 Release Preview• CSS Animations, Transitions, Gradients, Transforms et HTML5 Indexed DB & requestAnimationFrame en non préfixées: Moving the Stable Web Forward in IE10 Release Preview• HTML5 Quirks Mode dans IE10: Interoperable HTML5 Quirks Mode in IE10
    13. 13. HTML5 Metro Style Apps
    14. 14. Demo applicationsWindows 8 enHTML5
    15. 15. http://dev.windows.com http://blogs.msdn.com/davroushttp://blogs.msdn.com/eternalcoding

    ×