1. Novinky v Václav Dajbych Microsoft Student Partner http://dajbych.net

2.  Pinned Site  GPU  Chakra  HTML5  CSS3  SVG Prezentace ke stažení na ie.dajbych.net

4.  Jméno aplikace  Výchozí URL  Úlohy  Akce  Tlačítka v náhledu  Barva tlačítek  Překryvná ikona  Velikost okna

5. Demo

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

7.   X-UA-Compatible: IE=8   application/xhtml+xml  IE=5  IE=EmulateIE7  IE=7  IE=EmulateIE8  IE=8  IE=edge

8. Flying Images Demo

9. Images Text Video SVG CSS3 Canvas

10. Images Text Video SVG CSS3 Canvas DirectX, Direct2D a DirectWrite

12.  JavaScript  COM call  Layout  Display subsystem  Composition Internet Explorer 9 Internet Explorer 8

14. Images Text Video SVG CSS3 Canvas

15. Images Text Video SVG CSS3 Canvas

16. Images Text Video SVG CSS3 Canvas

17. Speed Reading Demo

18.  Bez COM call  Sdílený DOM  ECMAScript 5  Běh v UI Thread  Optimalizace na pozadí VBScript Internet Explorer 9 DOM JavaScript (Chakra) DOM ES5 COM

19.  Getter, setter  Reflexe  Detekce pole  Readonly, sealed

21.  Pro streamování Silverlight  Nativně  H.264  DirectShow  Ogg  WebM

22. Space Shuttle Atlantis Demo

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);

24. if (window.DOMParser) { // Code relying on DOMParser support } else { // Fallback code }

25. if (window.XMLSerializer) { // Code relying on XMLSerializer support } else { // Fallback code }

26. if (localStorage) { var data1 = 'zapamatováníhodná data'; var key = 'data'; localStorage.setItem(key, data1); var data2 = localStorage.getItem(key); }

27. if (window.addEventListener) { window.addEventListener('load', Init, false); } else if (window.attachEvent) { window.attachEvent('onload', Init); } function Init() { }

28.  window.addEventListener

29. Canvas Pad Demo

30.  2D Transforms  Backgrounds & Borders  Color  Fonts  Media Queries  Namespaces  Selectors

31. Moraine Lake Demo

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%;

33.  Mozilla, Opera, Microsoft  Podpora ve všech hlavních prohlížečích  WOFF  TrueType  OpenType  Open Font Format

34. Ubuntu font Demo

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

36. CSS3 Selectors Test Demo

37.  Kód v HTML či XHTML  Přístup přes DOM pomocí JavaScript

38. The Microsoft Dynamics Customer Model Demo

39. http://netstudent.cz

40.  Pinned Site  GPU  Chakra  HTML5  CSS3  SVG Prezentace ke stažení na ie.dajbych.net

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.