Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Internet Explorer 10 と Windows ストアアプリ

Internet Explorer 10 と Windows ストアアプリ

Mayuki Sawatari

May 11, 2013
Tweet

More Decks by Mayuki Sawatari

Other Decks in Programming

Transcript

  1. !

  2. 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
  3. CSS

  4. #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>