- IE9 provides faster performance for HTML5 features like video and audio as well as CSS3 capabilities. It supports standards like HTML5, CSS3, SVG and DOM more completely than previous versions of IE. - Microsoft is actively involved in the relevant standards bodies to help drive the evolution of web standards. Interoperable markup and a standards-aligned approach are priorities for IE9. - IE9 features hardware-accelerated rendering for graphics-intensive HTML5 capabilities, improving performance significantly over IE8 for sites using these new features.

1. Giorgio SardoIE Technical Evangelist, Microsoft Corpgisardo@microsoft.comInternet Explorer 9 Overview

2. IE9 At-A-GlanceDevelopers Platform HTML5 and Microsoft PerformanceQ&AAgenda

3. Internet Explorer 8Demo

4. Demos/Script:IE8 & HTML5 and IE8 & Web StandardsNetwork connectivity (HTML 5)DOM Storage (HTML 5)Ajax Navigation (HTML 5)Native JSON (ECMA Script 5)CSS Selectors (Web Applications)Cross Domain Request (Web Applications)Cross Document Messaging (Web Applications)DOM Prototypes (DOM)IE8 and HTML 5

5. Expression Web SuperPreview

6. Internet Explorer 9Welcome to the future

7. Engineering for IE9 is about delivering:A fast, clean experience that allows IE users to just browse

8. A highly interoperable platform for developers to build compelling, graphically rich site and applications, powered by WindowsIE9 At-A-Glance

9. HTML5 and Internet Explorer 9

10. Participation to W3C Working GroupsHTML 5 WGDOM WGCSS WGSVG WGSVG Testing Task ForceHTML Testing Task ForceAccessibility Task Force…Microsoft and Web Standards

11. Paul Cotton (Microsoft), co-chair40 W3C Member organizations411 group participants280 invited Experts9 mailing lists (~4000 emails on public-html)As of March 15th:153 unresolved bugs, 34 unresolved issues (e.g. decentralized extensibility, document license…)HTML Working Group

12. HTML 5XHTMLCSS 3SVGDOM Level2 and Level3Microsoft commitments with IE9 PPB1

13. HTML5 Defines the behavior at seams of other specsParsing unknown elementsIntegrated SVGXHTML/XMLNamespaces for using custom elementsStrict, fail-fast parsing helps developers find errors quicklySVGStandalone XML-based document (.svg file)Inline in an XHTML documentInline in an HTML5 documentMarkup Languages in IE9

14. Interpret the same HTML and CSS markup the same wayAlways some differences on the edges Standards evolveBrowsers implement in different orderContributing DOM, CSS3 Standards Compliance Tests to W3CInteroperable HTML5 Markup

15. Interoperable MarkupDemo

16. W3C Test SuitesSource: http://samples.msdn.microsoft.com/ietestcenter/

17. Real World Scenarios

18. HTML5 <video> elementIndustry-standard MPEG-4/H.264 videoVideo can be composited with anything else on the pageHTML content, images, SVG graphicsGPU-based implementation capable of maintaining 60fps full-screen at full HD resolutionSupports both DXVA and full hardware video decodersHTML5 <audio> elementIndustry-standard MP3 and AAC audioHTML 5 Video<video width="800" height="450" src="myvideo.mp4" autoplay>No video for you</video>

19. Video TagDemo

20. Markup-/DOM-based graphics: SVG 1.1“View source” simplicity—aids learningEasy server-side generation—it’s just XMLEasy client-side debugging—it’s in the DOMSupported by popular graphics programsEasy integration with HTML5SVG (Scalable Vector Graphics)<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg"><rect fill="red" x="20" y="20" width="100" height="75" /><rectfill="blue" x="50" y="50" width="100" height="75" /></svg>

21. SVGDemo

22. SVG in IE9 Platform Preview

23. CSS3 ColorAlpha color with rgba() and hsla() color functionsTransparency control with the opacity propertyCSS3 Backgrounds and BordersRound corners with the border-radius propertyMultiple background images per elementbox-shadow property on block elementsGraphically-rich Styling with CSS3

24. CSS3 SelectorsHelp you do more on your site with less scriptMake it easier to use new graphics capabilitiesCSS3 NamespacesStyle elements with namespaces in XHTML documentsCSS Infrastructure

25. CSS 3 Selectors

26. CSS 3Demo

27. Central part of web platform used to manipulate the DOMDOM CoreDOM EventsDOM StyleDOM HTMLDOM RangeHTML5 Selection IE9 Programming Model

28. DOM EventsDemo

29. IE9 and PerformanceHW-Accelerated HTML5

30. Page load in slow motionDemo

31. Scenario – Wall Street JournalStarting with Bing

32. Scenario – Wall Street JournalBlank Background

33. Scenario – Wall Street JournalInitial HTML

34. Scenario – Wall Street JournalHeading Appears

35. Scenario – Wall Street JournalInitial Content

36. Scenario – Wall Street JournalRight Column Lays Out

37. Scenario – Wall Street JournalMedia Appears

38. Scenario – Wall Street JournalCustomized Content

39. Scenario – Wall Street JournalAdvertisements

40. Five Popular News SitesJQueryPrototypeMooToolsScriptaculousOther (JS Lib)YUI

41. Five Popular News Sites – The bestJQueryPrototypeMooToolsScriptaculousOther (JS Lib)YUI

42. Five Popular News Sites – The worstJQueryPrototypeMooToolsScriptaculousOther (JS Lib)YUI

43. News site 1News site 2Time spent in IE subsystems differs greatly by site function and coding patternPerformance is multi-dimensional

44. WSJ – Before and AfterIE8IE8IE9IE943

45. PerformanceDemo

46. Web API Usage 7000 top sites7000Number of sites0API (by rank)150700

47. JavaScript PerformanceWebKit.org’sSunSpider v0.9 BenchmarkDell OptiPlex, Microsoft Windows 7 Enterprise 6.1.7600, 64-bit, 3.0GHz Intel Core 2 Duo, 4GB RAM, Intel Integrated Video

48. GPU on Every Machine