Slide 1

Novinky v Vclav Dajbych Microsoft Student Partner http://dajbych.net Slide 2 Pinned Site GPU Chakra HTML5 CSS3 SVG Prezentace ke staen na ie.dajbych.net Slide 3 Slide 4 Jmno aplikace Vchoz URL lohy Akce Tlatka v nhledu Barva tlatek Pekryvn ikona Velikost okna Slide 5 Demo 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 Demo 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 Demo Slide 18 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 19 Getter, setter Reflexe Detekce pole Readonly, sealed Slide 20 Slide 21 Pro streamovn Silverlight Nativn H.264 DirectShow Ogg WebM Slide 22 Space Shuttle Atlantis Demo Slide 23 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 24 if (window.DOMParser) { // Code relying on DOMParser support } else { // Fallback code } Slide 25 if (window.XMLSerializer) { // Code relying on XMLSerializer support } else { // Fallback code } Slide 26 if (localStorage) { var data1 = 'zapamatovnhodn data'; var key = 'data'; localStorage.setItem(key, data1); var data2 = localStorage.getItem(key); } Slide 27 if (window.addEventListener) { window.addEventListener('load', Init, false); } else if (window.attachEvent) { window.attachEvent('onload', Init); } function Init() { } Slide 28 window.addEventListener Slide 29 Canvas Pad Demo Slide 30 2D Transforms Backgrounds & Borders Color Fonts Media Queries Namespaces Selectors Slide 31 Moraine Lake Demo Slide 32 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 33 Mozilla, Opera, Microsoft Podpora ve vech hlavnch prohlech WOFF TrueType OpenType Open Font Format Slide 34 Ubuntu font Demo Slide 35 @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 36 CSS3 Selectors Test Demo Slide 37 Kd v HTML i XHTML Pstup pes DOM pomoc JavaScript Slide 38 The Microsoft Dynamics Customer Model Demo Slide 39 http://netstudent.cz Slide 40 Pinned Site GPU Chakra HTML5 CSS3 SVG Prezentace ke staen na ie.dajbych.net Slide 41 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.