1 / 13

I nternet explorer 8

ashish jaiman architect evangelist Microsoft ashishja@microsoft.com. I nternet explorer 8. CSS 2.1 support. Notable new CSS features Generated content and counters Outlines New ‘display’ values for tables CSS 3.0 Features Box-sizing property Vertical text. Document compatibility .

brennan
Download Presentation

I nternet explorer 8

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. ashish jaimanarchitect evangelist Microsoft ashishja@microsoft.com Internet explorer 8

  2. CSS 2.1 support • Notable new CSS features • Generated content and counters • Outlines • New ‘display’ values for tables • CSS 3.0 Features • Box-sizing property • Vertical text

  3. Document compatibility You can specify the versions of IE your site is designed to support • Declared <META> overrides <!DOCTYPE> • The mode specified on page takes precedence over mode specified by server

  4. The X-UA-Compatible trigger 2 options for rendering your site as it did in IE7 On a per-site basis, add the custom HTTP Header: X-UA-Compatible: IE=EmulateIE7 <?xml version="1.0" encoding="utf-8"?> <configuration> <system.webServer> <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="IE=EmulateIE7"> </customHeaders> </httpProtocol> <system.webServer> </configuration>

  5. The X-UA-Compatible trigger On a per-page basis, add a tag right after the <head> tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <!– Tell IE8 to display in IE7 Strict mode --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>My Web Page</title> </head> <body> <p>Content goes here.</p> </body> </html>

  6. The compatibility button Beta 2: Compatibility View Button Beta 1: EmulateIE7 Button (main toolbar) (Address bar) Required Browser Restart Only 2 universal modes: On/Off Usability success rate: 25% Does NOT require restart Can apply per-tab, per-session Once clicked for a domain it persists Predicted success rate: 70+% Site doesn’t work? Click the button.

  7. Security and crash recovery • Security is key • Domain Highlighting • Improved Add-On experience • Crash Recovery • Browser tabs run independently • Feeds Platform adds authentication support • HTTP based authentication for Basic and Digest • Basic authentication via SSL • Can save credentials

  8. A new layout • A new rendering engine that runs side by side • Users expect their sites to “just work” • What do developers want? • IE6 Rendering • IE7 Rendering • IE8 Rendering • How do we give developers what they want? • Compatibility Meta Tag or HTTP Header <meta http-equiv=“X-UA-Compatible” content=“IE=7” />

  9. Developer tools • Tools ship in the box • Debugging HTML & CSS • View effective styles, Trace styles, View applied rules, View layout, Edit HTML and CSS • Debugging JavaScript • Execution control, Variable Inspection, Immediate Window • Easy rendering engine changing • Switch between layout modes without changing the page source

  10. Accelerators • Provides web services with a simple right click • Maps, Blogs, Email, Productivity, Social Networking • Quickly drive users back to your site • Uses Open Service Format • Simple XML file • Easy to deploy to users • window.external.IsServiceInstalled() • window.external.AddService()

  11. Web slices • Users monitor lots of content on the web • Auctions, Weather, Top News, Blogs… • Web Slices allow users to subscribe to content directly within a web page • Requires a developer to mark up their page with a couple of new CSS classes

  12. Demo • smart address bar • Accelerator • One click favorite • Search suggestions • Web slices • Tabs • Security and privacy • In private browsing • Crash recovery

  13. Thank you © 2008 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