Internet Explorer 10 と Windows ストアアプリ

PowerPoint: http://sdrv.ms/15XbQAu
PDF: https://speakerd.s3.amazonaws.com/presentations/7150b6c09c320130377362ecddd7671a/Internet_Explorer_10とWindowsストアアプリ.pdf

サンプル:
http://mayuki.github.io/Sample/Cod2013/
https://github.com/mayuki/Cod2013

Transcript

2. About Me
3. !
4. Internet Explorer 10 & Web Windows
5. CSS DOM HTML5 JavaScript/API
6. SVG Windows 8 http://msdn.microsoft.com/ja-jp/library/ie/hh673549.aspx
7. CSS CSS Device Adaptation CSS3 CSS3 ("Flexbox") CSS3 CSS3 CSS3 CSS3 3-D CSS3 CSS3 CSS3 CSS3 CSS3 DOM API CSSOM createContextualFragment XMLHttpRequest HTML5 Application Cache API ("AppCache") Drag and Drop API File API Web Workers WebSocket JavaScript/API IndexedDB ECMAScript5 strict
8. http://mayuki.github.io/Sample/Cod2013/ https://github.com/mayuki/Cod2013
9. CSS
10. #container { width: 300px; height: 300px; display: -ms-grid; -ms-grid-columns: 25% 75%; /* 25% 75% 2 */ -ms-grid-rows : 50% 50%; /* 50% 50% 2 */ } #box1 { background-color: #ffaaaa; -ms-grid-column: 1; -ms-grid-row : 1; } #box2 { background-color: #aaffaa; -ms-grid-column: 2; -ms-grid-row : 1; } #box3 { background-color: #aaaaff; -ms-grid-column : 1; -ms-grid-row : 2; -ms-grid-column-span: 2; } <div id="container"> <div id="box1"> Box1 (25%) </div> <div id="box2"> Box2 (50%) </div> <div id="box3"> Box3 (50%+50%) </div> <!-- /container --></div>
12. http://ie.microsoft.com/testdrive/graphics/hands-on- css3/hands-on_grid.htm
14. CSS Animations CSS Transitions
16. API Web (Candidate Recommendation)
20. API Internet Explorer
22. API Web
23. JavaScript API Internet Explorer
24. API Web
25. (draggable )
27. JavaScript
30. http://mayuki.github.io/Sample/Cod2013/HtmlApp/App.html
32. HTML, JavaScript, CSS ? HTML !
34. https://github.com/mayuki/Cod2013/blob/master/REA DME.md https://github.com/mayuki/Cod2013/tree/master/Cod2 013DemoApp
36. HTML, JavaScript, CSS ? HTML !
38. Internet Explorer 10 Web Windows
39. http://msdn.microsoft.com/ja-jp/library/ie/hh673549.aspx http://ie.microsoft.com/testdrive/ http://ie.microsoft.com/testdrive/graphics/hands-on-css3/