1 / 25

In-Depth Look at Internet Explorer 9

In-Depth Look at Internet Explorer 9. Ted Johnson, Lead Program Manager, Internet Explorer John Hrvatin , Lead Program Manager, Internet Explorer. Welcome. Top Objectives of Internet Explorer 9’s Web Platform Interoperable HTML5 Markup Interpret the same HTML and CSS markup the same way

brendon
Download Presentation

In-Depth Look at Internet Explorer 9

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. In-Depth Look at Internet Explorer 9 Ted Johnson, Lead Program Manager, Internet Explorer John Hrvatin, Lead Program Manager, Internet Explorer

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

  3. A Browser Decomposed

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

  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. GPU-Powered HTML5

  7. Interoperable HTML5 Markup Interpret the same HTML, CSS, and JavaScript the same way

  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. Markup Languages in IE9 • HTML5 • 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

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

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

  12. Markup and Programming Model in Internet Explorer Platform Preview

  13. Demo Same Markup using Internet Explorer 9

  14. GPU-powered HTML5 Graphics

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

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

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

  18. 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" /> <rectfill="blue" x="50" y="50" width="100" height="75" /> </svg>

  19. SVG in Internet Explorer Platform Preview

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

  21. Demos

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

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

More Related