In-Depth Look at Internet Explorer 9 Windows 7 | Presenter Mode Saturday, November 17, 2018 In-Depth Look at Internet Explorer 9 Ted Johnson, Lead Program Manager, Internet Explorer John Hrvatin, Lead Program Manager, Internet Explorer Microsoft Confidential

Windows 7 | Presenter Mode Saturday, November 17, 2018 Welcome Top Objectives of Internet Explorer 9’s Web Platform Interoperable HTML5 Markup Interpret the same HTML and CSS markup the same way Run the same JavaScript the same way GPU-powered HTML5 Graphics and Media HTML5 demands a high-performance graphics subsystem Across-the-board High Performance HTML5 JavaScript execution Page layout Page display Microsoft Confidential

A Browser Decomposed

Windows 7 | Presenter Mode Saturday, November 17, 2018 Evolution of the Web The HTML5 Web: Graphically- and Media-Rich The AJAX Web: JavaScript + DOM + Asynchronous Requests Web “2.0” The Content Web: HTML & CSS Web “1.0” Microsoft Confidential

GPU-powered HTML5 Graphics and Media HTML5’s graphical richness demands a high- performance graphics subsystem By harnessing the power of the GPU we Allow features such as alpha-channel blending to be implemented with high performance Deliver the frame rates needed for smooth animation and video playback Reduce CPU load from graphics allowing other systems to perform faster

Windows 7 | Presenter Mode Saturday, November 17, 2018 GPU-Powered HTML5 High Performance JavaScript execution DOM interaction and layout GPU-powered rendering Cross-browser Interoperability HTML5 markup CSS3 markup DOM programmability Graphics Capabilities Alpha color & opacity Round corners & multiple backgrounds HTML5-integrated SVG graphics Media Capabilities <video> element with MPEG-4/H.264 <audio> element with MP3/AAC <img> with JPEG-XR, color profiles Microsoft Confidential

Interoperable HTML5 Markup Windows 7 | Presenter Mode Saturday, November 17, 2018 Interoperable HTML5 Markup Interpret the same HTML, CSS, and JavaScript the same way Microsoft Confidential

Interoperable HTML5 Markup Interpret HTML, CSS, and JavaScript the same way Always some differences on the edges Standards evolve Browsers implement in different order Core platform must be interoperable

API Rank Percent of Sites indexOf 1 94% getElementById 13 80% addEventListener 27 65% getComputedStyle 62 26%

Markup Languages in IE9 HTML5 XHTML/XML SVG Defines the behavior at seams of other specs Parsing unknown elements Inline SVG XHTML/XML Strict, fail-fast parsing helps developers find errors quickly Easier to process outside the browser Namespaces for safely using custom elements SVG Standalone XML-based document (.svg file) Inline in an XHTML document Inline in an HTML5 document

CSS Infrastructure CSS3 Selectors CSS3 Namespaces Help you do more on your site with less script, simpler markup CSS3 Namespaces Style elements with namespaces in XHTML documents

IE9 Programming Model Central part of web platform used to manipulate the DOM DOM Core DOM Events DOM Style DOM HTML DOM Range HTML5 Selection

Markup and Programming Model in Internet Explorer Platform Preview Category Feature Today Coming Markup Inline SVG in HTML  XHTML/XML CSS Infrastructure CSS3 Selectors CSS3 Namespaces DOM Core Events Style Range HTML5 Selection

Same Markup using Internet Explorer 9 Demo Same Markup using Internet Explorer 9

GPU-powered HTML5 Graphics

Rich Graphics: A Cornerstone of HTML5 Graphically-rich styling Enhanced image support Scalable vector graphics Media elements To deliver consistent high quality and high performance, IE9 builds these capabilities on the GPU-powered graphics of Windows 7

Graphically-rich Styling with CSS3 CSS3 Color Alpha color with rgba() and hsla() color functions Transparency control with the opacity property CSS3 Backgrounds and Borders Round corners with the border-radius property Multiple background images per element box-shadow property on block elements

Enhanced Image Support ICC version 4 and version 2 color profiles Images with embedded color profiles are correctly displayed New JPEG XR format Higher compression ratios that JPEG Higher quality with the same file size Equal quality with smaller file sizes JPEG XR also supports lossless compression Valuable for exchanging high-resolution original photography TIFF image format Popular for lossless image exchange, black & white images, scanned documents and faxes

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

SVG in Internet Explorer Platform Preview SVG Feature Today Coming Document Structure  Basic Shapes Paths Text Transforms Painting, Filling, Color Scripting Styling Gradients and Patterns Clipping and Masking Markers and Symbols

Rich Media Integration—Without Plugins HTML5 <video> element Industry-standard MPEG-4/H.264 video Video can be composited with anything else on the page HTML content, images, SVG graphics GPU-based implementation capable of maintaining 60fps full-screen at full HD resolution Supports both DXVA and full hardware video decoders HTML5 <audio> element Industry-standard MP3 and AAC audio <video width="800" height="450" src="myvideo.mp4" autoplay> No video for you</video>

Demos

Download the Internet Explorer 9 Platform Preview www.IETestDrive.com Meet the team in the Internet Explorer Lounge located in The Commons! Keep up on the latest http://blogs.msdn.com/ie

11/17/2018 2:56 AM © 2009 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.

11/17/2018 2:56 AM © 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. © 2009 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.