ashish jaiman architect evangelist microsoft [email protected]
TRANSCRIPT
Notable new CSS featuresGenerated content and countersOutlinesNew ‘display’ values for tables
CSS 3.0 FeaturesBox-sizing propertyVertical text
You can specify the versions of IE your site is designed to support
Content Value MeaningIE=5 Display in Quirks modeIE=7 Display in IE7 Standards modeIE=EmulateIE7 Display standards DOCTYPEs in IE7
Standards mode; Display quirks DOCTYPEs in Quirks mode
IE=8 Display in IE8 Standards modeIE=Edge Display in latest mode; In the IE8
release, this is equivalent to IE=8
• 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
Required Browser RestartOnly 2 universal modes: On/OffUsability success rate: 25%
Beta 2: Compatibility View Button
Does NOT require restartCan apply per-tab, per-sessionOnce clicked for a domain it persistsPredicted success rate: 70+%
(main toolbar) (Address bar)
Security is keyDomain HighlightingImproved Add-On experience
Crash RecoveryBrowser tabs run independently
Feeds Platform adds authentication supportHTTP based authentication for Basic and DigestBasic authentication via SSLCan save credentials
A new rendering engine that runs side by side Users expect their sites to “just work” What do developers want?
IE6 RenderingIE7 RenderingIE8 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 JavaScriptExecution control, Variable Inspection,
Immediate Window
Easy rendering engine changingSwitch between layout modes without changing
the page source
Provides web services with a simple right clickMaps, Blogs, Email, Productivity, Social Networking
Quickly drive users back to your site Uses Open Service Format
Simple XML file
Easy to deploy to userswindow.external.IsServiceInstalled()window.external.AddService()
Users monitor lots of content on the webAuctions, 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.