PowerPoint Presentation

Vclav DajbychMicrosoft Student Partner

dajbych.net

@Dajbychfeed.dajbych.net

events.dajbych.netNovinky vObsahPinned SiteGPUChakraHTML5CSS3SVGdajbych.net

@Dajbychfeed.dajbych.net

events.dajbych.netDesktopov aplikace

Pipnut weby

Jmno aplikaceVchoz URLlohyAkce

Tlatka v nhleduBarva tlatekPekryvn ikonaVelikost okna

Pipnut webyDemohttp://ie.dajbych.netVykreslovac reimy v IE9HTMLCSSCollectionsMarshallingDOMFormattingHTMLCSSCollectionsMarshallingDOMFormattingHTMLCSSCollectionsMarshallingDOMFormattingBlock BuildingLayoutHTMLCSSCollectionsDOMFormattingBlock BuildingLayoutNetworkingJavaScriptJavaScriptRenderingRenderingIE 4/5 QuirksIE 6/7 StrictIE 8 HybridIE 9 StandardsLayoutPepnn vykreslovacch reim

X-UA-Compatible: IE=8

application/xhtml+xmlIE=5IE=EmulateIE7IE=7IE=EmulateIE8IE=8IE=edgeVykreslovn na GPUFlying ImagesDemoBn vykreslovn

Images

TextVideoSVGCSS3CanvasIE9 vykreslovn na GPU

Images

TextVideoSVGCSS3CanvasDirectX, Direct2D a DirectWriteFlying Images IE8

Flying images IE8 vs IE9

JavaScriptCOM callLayoutDisplay subsystemCompositionInternet Explorer 9Internet Explorer 8Flying Images IE9

Jin HW akcelerovan prohle

Images

TextVideoSVGCSS3CanvasJin HW akcelerovan prohle

Images

TextVideoSVGCSS3CanvasJin HW akcelerovan prohle

Images

TextVideoSVGCSS3CanvasVykreslovn na GPUSpeed ReadingDemoSilverlight & FlashVechny ActiveX prvky mohou bt vykreslovny pes GPU (ISurfacePresenter)Silverligh 3 Flash 10.2 Beta

Javascriptov engine ChakraBez COM callSdlen DOMECMAScript 5Bh v UI ThreadOptimalizace na pozadVBScriptInternet Explorer 9DOMJavaScript(Chakra)DOM

ES5COMECMAScript 5Getter, setterReflexeDetekce poleReadonly, sealed

ECMAScript 5var people = ["Bob", "Jane", "Mary", "Chris"];for (var person in people) processPerson(people[i]);people.forEach(processPerson);Array.prototype.indexOfArray.prototype.lastIndexOfArray.prototype.everyArray.prototype.someArray.prototype.forEachArray.prototype.mapArray.prototype.filterArray.prototype.reduceArray.prototype.reduceRight

HTML5

Pro streamovn SilverlightNativnH.264DirectShowOggWebM

Space Shuttle AtlantisDemo

Nov monosti pes JavaScriptgetElementsByClassNamewindow.location.hashwindow.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);Feature detectionif (window.DOMParser) {// Code relying on DOMParser support} else {// Fallback code}Feature detectionif (window.XMLSerializer) {// Code relying on XMLSerializer support} else {// Fallback code}Feature detectionif (localStorage) { var data1 = 'zapamatovnhodn data'; var key = 'data'; localStorage.setItem(key, data1); var data2 = localStorage.getItem(key);}Feature detectionif (window.addEventListener) { window.addEventListener('load', Init, false); } else if (window.attachEvent) { window.attachEvent('onload', Init); }

function Init() { }

Document Object Model Eventswindow.addEventListener

2DGrafyDiagramyAnimace3DTechnologick demonstrtoryCanvas PadDemo

CSS32D TransformsBackgrounds & BordersColorFontsMedia QueriesNamespacesSelectorsMoraine LakeDemoCSS3 2D TransformsCSS3 Color Modulebackground-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%;Web Open Font FormatMozilla, Opera, MicrosoftPodpora ve vech hlavnch prohlechWOFFTrueTypeOpenTypeOpen Font FormatUbuntu fontDemoWeb Open Font FormatCSS3 Media Queries Module@media screen and (max-width:400px)@media screen and (max-width:400px) and min- / max-widthheightdevice-widthdevice-heightresolutionaspect-ratiodevice-aspect-ratiocolorcolor-indexmonochromeorientationscangridCSS3 Selectors TestDemoCSS3 SelectorsSVGKd v HTML i XHTMLPstup pes DOM pomoc JavaScriptThe Microsoft Dynamics Customer ModelDemoSVGhttp://netstudent.czShrnut a dotazyPinned SiteGPUChakraHTML5CSS3SVGdajbych.net

@Dajbychfeed.dajbych.net

events.dajbych.net 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.