Slide 1

dajbych.net @Dajbych feed.dajbych.net events.dajbych.net N ovinky v Slide 2 Pinned Site GPU Chakra HTML5 CSS3 SVG dajbych.net @Dajbych feed.dajbych.net events.dajbych.net Slide 3 Slide 4 Jmno aplikace Vchoz URL lohy Akce Tlatka v nhledu Barva tlatek Pekryvn ikona Velikost okna Slide 5 http://ie.dajbych.net Slide 6 HTML CSS Collections Marshalling DOM Formatting HTML CSS Collections Marshalling DOM Formatting HTML CSS Collections Marshalling DOM Formatting Block Building Layout HTML CSS Collections DOM Formatting Block Building Layout Networking JavaScript Rendering IE 4/5 Quirks IE 6/7 Strict IE 8 Hybrid IE 9 Standards Layout Slide 7 X-UA-Compatible: IE=8 application/xhtml+xml IE=5 IE=EmulateIE7 IE=7 IE=EmulateIE8 IE=8 IE=edge Slide 8 Flying Images Slide 9 Images Text Video SVG CSS3 Canvas Slide 10 Images Text Video SVG CSS3 Canvas DirectX, Direct2D a DirectWrite Slide 11 Slide 12 JavaScript COM call Layout Display subsystem Composition Internet Explorer 9 Internet Explorer 8 Slide 13 Slide 14 Images Text Video SVG CSS3 Canvas Slide 15 Images Text Video SVG CSS3 Canvas Slide 16 Images Text Video SVG CSS3 Canvas Slide 17 Speed Reading Slide 18 Vechny ActiveX prvky mohou bt vykreslovny pes GPU (ISurfacePresenter) Silverligh 3 Flash 10.2 Beta Slide 19 Bez COM call Sdlen DOM ECMAScript 5 Bh v UI Thread Optimalizace na pozad VBScript Internet Explorer 9 DOM JavaScript (Chakra) DOM ES5 COM Slide 20 Getter, setter Reflexe Detekce pole Readonly, sealed Slide 21 var people = ["Bob", "Jane", "Mary", "Chris"]; for (var person in people) processPerson(people[i]); people.forEach(processPerson); Array.prototype.indexOf Array.prototype.lastIndexOf Array.prototype.every Array.prototype.some Array.prototype.forEach Array.prototype.map Array.prototype.filter Array.prototype.reduce Array.prototype.reduceRight Slide 22 Slide 23 Pro streamovn Silverlight Nativn H.264 DirectShow Ogg WebM Slide 24 Space Shuttle Atlantis Slide 25 getElementsByClassName window.location.hash window.addEventListener("hashchange", ) var parser = new DOMParser(); var xhr = new XMLHttpRequest(); var doc = parser.parseFromString(xhr.responseText, "text/xml"); var serializer = new XMLSerializer(); var xmlString = serializer.serializeToString(doc); Slide 26 if (window.DOMParser) { // Code relying on DOMParser support } else { // Fallback code } Slide 27 if (window.XMLSerializer) { // Code relying on XMLSerializer support } else { // Fallback code } Slide 28 if (localStorage) { var data1 = 'zapamatovnhodn data'; var key = 'data'; localStorage.setItem(key, data1); var data2 = localStorage.getItem(key); } Slide 29 if (window.addEventListener) { window.addEventListener('load', Init, false); } else if (window.attachEvent) { window.attachEvent('onload', Init); } function Init() { } Slide 30 window.addEventListener Slide 31 2D Grafy Diagramy Animace 3D Technologick demonstrtory Slide 32 Canvas Pad Slide 33 2D Transforms Backgrounds & Borders Color Fonts Media Queries Namespaces Selectors Slide 34 Moraine Lake Slide 35 background-color: rgba(255,0,0,0.5); background-color: rgba(100%,0%,0%,0.5); background-color: hsl(0,100%,50%); background-color: hsla(0,100%,50%,0.5); opacity: 0.6; opacity: 80%; Slide 36 Mozilla, Opera, Microsoft Podpora ve vech hlavnch prohlech WOFF TrueType OpenType Open Font Format Slide 37 Ubuntu font Slide 38 @media screen and (max-width:400px) @media screen and (max-width:400px) and min- / max- width height device-width device-height resolution aspect-ratio device-aspect-ratio color color-index monochrome orientation scan grid Slide 39 CSS3 Selectors Test Slide 40 Kd v HTML i XHTML Pstup pes DOM pomoc JavaScript Slide 41 The Microsoft Dynamics Customer Model Slide 42 http://netstudent.cz Slide 43 Pinned Site GPU Chakra HTML5 CSS3 SVG dajbych.net @Dajbych feed.dajbych.net events.dajbych.net Slide 44 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.