1. 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

2. 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

3. A Browser Decomposed

4. 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

5. 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

6. 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

7. 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

8. 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

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

10. 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

11. 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

12. 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

13. 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

14. Same Markup using Internet Explorer 9
Demo
Same Markup using Internet Explorer 9

15. GPU-powered HTML5 Graphics

16. 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

17. 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

18. 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

19. 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="
<rect fill="red" x="20" y="20" width="100" height="75" />
<rect fill="blue" x="50" y="50" width="100" height="75" />
</svg>

20. 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

21. 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>

22. Demos

23. 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

24. 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.

25. 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.