Scribd Logo
Upload

Welcome to Scribd!

  • Ashish Jaiman Architect Evangelist Microsoft

    Uploaded by

    Animesh Singh
    6 views13 pages

    Original Title

    AshishJaiman_IE8

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views13 pages

    Ashish Jaiman Architect Evangelist Microsoft

    Uploaded by

    Animesh Singh

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 13

    ashish jaiman architect evangelist Microsoft ashishja@microsoft.

    com

    Notable new CSS features


    Generated content and counters Outlines New display values for tables

    CSS 3.0 Features


    Box-sizing property Vertical text

    You can specify the versions of IE your site is designed to support


    Content Value IE=5 IE=7 IE=EmulateIE7 Meaning Display in Quirks mode Display in IE7 Standards mode Display standards DOCTYPEs in IE7 Standards mode; Display quirks DOCTYPEs in Quirks mode Display in IE8 Standards mode Display in latest mode; In the IE8 release, this is equivalent to IE=8

    IE=8 IE=Edge

    Declared <META> overrides <!DOCTYPE> The mode specified on page takes precedence over mode specified by server

    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>

    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>

    Beta 1: EmulateIE7 Button

    Beta 2: Compatibility View 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+%

    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

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

    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

    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()

    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

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

    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.

    You might also like