Drive through IE9Aditee ReleArchitect Evangelist

aditeer@microsoft.com

AgendaAll about Internet Explorer 9

2

57% of time on a PC is spent in the web browser

The Web and Windows

3

Web Browsing is Core to the Windows Experience

The Role of the Browserenabling WHAT we experience and HOW we experience it

More Web Browser Choice than Ever

Internet Explorer 9 Makes Your Web Look and Perform as if it Were Native to Windows

CleanPutting the focus on your sites

TrustedSecure, reliable, and private

InteroperableHTML5 & same markup

Full hardware acceleration of all graphics and textNew JavaScript engine

Clean web-centric UI Seamless with Windows 7New tab page experienceOne BoxQuieter notifications

Download manager with SmartScreen protectionHang resistanceAdd-on performance protection

HTML 5 and modern web standards supportLeading with the W3CComprehensive standards tests

FastAll around fast using the power of your whole PC

6

All Around Fast, Using the power of your whole PC

New engine under the hoodNew JavaScript engine: ChakraNew DOMLayout optimizationHTML & CSS parsing

Focus is on making the real world sites fast

All Around Fast Using the power of your whole PC

GPU Powered HTML5

Fully hardware accelerated graphics and text through Windows

CleanPutting the focus on your sites

One BoxTab Tear Off / Aero

Native Web, through WindowsPutting the focus on your sites

Your sites shineSeamless with Windows 7

10

Behind The Scenes: Pinned SitesCreates an isolated instance of Internet Explorer

Generates an AppID for a specific URL

BHOs and other toolbars are not enabled

Share the same real estate as Windows applications11

12

Enhance your Pinned Site

More with Win 7 integration

Provide custom information

Add the site as a Pinned Site programmatically

Customize the icon

Define Jump List tasks

Add additional Jump List items in a custom list

Show thumbbar buttons

Notify users that interaction is needed

Modify the navigation button colors

Pinned Site mode requires no changes to your site

TrustedSecure, reliable, and private

Industry leading securityEminently reliable Users in control of their privacy

TrustworthySecure, reliable, and private

Leading malware protection

Over 1 billion malware blocks

Always improving efficiency

160 million phishing blocks

SmartScreen download reputationInternet Explorer 9

FirefoxSafari

ChromeOpera

0%20%40%60%80%

100%

85%

29% 29% 17% 0.5%

Malware Block RateSource: NSS Labs Socially En-gineered Malware Test Report

Interoperable Enabling “same markup”

HTML5 at the center

Co-chair W3C HTML5, CSS3, SVG

Creating impressive standards tests with the W3C - leading HTML5 testing task force

16

Web API Usage 7000 top sites

API (by rank)1 50 700

Num

ber

of

site

s

7000

0

API Rank Percent of SitesindexOf 1 94%getElementById 13 80%addEventListener 27 65%getComputedStyle 62 26%

17

The HTML Working Group

Working With Standards Bodies

Member of many W3C

Working Groups

Leading the W3C HTML5 Testing Task

Force

40 W3C Member Organizations

411 group participants280 invited experts

9 mailing lists~4000 emails on

public-html

18

Defining Same Markup

19

Internet Explorer Testing Center

http://samples.msdn.microsoft.com/ietestcenter/

20

HTML5: A Quick OverviewCommonly used to refer to modern open web standards like HTML5, CSS3, and more.Adds new rich media and graphics support (canvas, video, audio, inline SVG…)Standardizes behavior for browser vendors, enabling same markup.The W3C HTML5 specification is still a draft, it’s over 1100 pages and keeps evolving.

Specification Status

First Public Working Draft Working Draft

Last call

Candidate Recommendatio

n

Call to implement

Proposed Recommendatio

n

Recommendation

HTML5

W3CHTML

HTML5

Canvas 2D ContextM

icrodataHTM

L+RDFaHTM

L5 Markup

HTML5 Diff from

HTML4

Polyglot Markup

Text alternatives

CSS

CSS Snapshot 2007CSS Nam

espacesCSS Paged M

ediaCSS Print Profile

CSS Values and UnitsCSS Cascading and

InheritanceCSS Text

CSS Writing M

odesCSS Line Grid

CSS RubyCSS Generated Content for Paged

Media

CSS Backgrounds and Borders

CSS FontsCSS Basic Box M

odelCSS M

ulti-column Layout

CSS Template Layout

CSS Media Queries

CSS SpeechCSS Color

CSS Basic User Interface CSS Scoping

CSS Grid PositioningCSS Flexible Box Layout

CSS Image Values

CSS 2D Transformations

CSS 3D Transformations

CSS TransitionsCSS Anim

ations

Web Apps

CORSElem

ent TraversalFile API

Index DBProgram

mable HTTP Caching and

Serving

Progress EventsSelectors API

Selectors API L2Server-Sent EventsUniform

Messaging

PolicyW

eb DOM Core

Web SQL Database

Web IDL

Web Sockets APIW

eb StorageW

eb Workers

XmlHttpRequest

XmlHttpRequest L2

DOM L1

DOM L2 Core

DOM L2 Views

DOM L2 Events

DOM L2 Style

DOM L2 Traversal and

RangeDOM

L2 HTML

DOM L3 Core

DOM L3 Events

DOM L3 Load and Save

DOM L3 Validation

DOM L3 XPath

DOM L3 Views and

Formatting

DOM L3 Abstract

Schemas

SVG

Docum

ent StructureBasic Shapes

PathsText

Transforms

Painting, Filling, ColorScriptingStyling

Gradients and Patterns

SMIL

FontsFilters

GeolocationGeolocation API

ECMA

ECMA Script

262

ECMAScript 262

The map of “HTML5”

First Public Working Draft

Working Draft Last Call

Candidate Recommenda

tionRecommenda

tion

HTML5 <Canvas> <Audio> <Video> Markup Elements

Article, Section, Nav Aside, Hgroup, Header, Footer Figure, Figcaption Address

SVG Basic Shapes Paths Text Transforms Painting, Filling, Color Scripting Styling Gradients, Patterns

CSS Complete CSS 2.1 support Selectors Border Radius Backgrounds Color & Opacity WOFF Fonts Box Shadow 2D Transforms

26

DOM and JavaScript FeaturesaddEventListener DOMContentLoaded

Full DOM Level 2 and Level 3 Event Support

New ECMAScript 5 Features

DOM StyleDOM Core

DOM Traversal and Range

HTML5 and XHTML Parsing EnhancementsgetComputedStyle(element, pseudoElement)

getSelection()getElementsByClassName(class)

27

F12 Developer ToolsA built in, visual interface to the Document Object Model

Fast experimentation

New for Internet Explorer 9Network inspectionUA String PickerConsole TabSVG Support

Internet Explorer 9 Makes Your Web Look and Perform as if it Were Native to Windows

CleanPutting the focus on your sites

TrustedSecure, reliable, and private

InteroperableHTML5 & same markupFull hardware

acceleration of all graphics and textNew JavaScript engine

Clean web-centric UI Seamless with Windows 7New tab page experienceOne BoxQuieter notifications

Download manager with SmartScreen protectionHang resistanceAdd-on performance protection

HTML 5 and modern web standards supportLeading with the W3CComprehensive standards tests

FastAll around fast using the power of your whole PC

29

Enhance your Pinned Site

More with Win 7 integration

Provide custom information

Add the site as a Pinned Site programmatically

Customize the icon

Define Jump List tasks

Add additional Jump List items in a custom list

Show thumbbar buttons

Notify users that interaction is needed

Modify the navigation button colors

Pinned Site mode requires no changes to your site

aditeer@microsoft.com

Questions

Unlock a More Beautiful Web

Get Started…http://msdn.com/ie

31

Resources

32

Internet Explorer Developer Center on MSDNhttp://msdn.com/ie

Windows User Experience Interaction Guidelineshttp://msdn.microsoft.com/en-us/library/aa511446.aspx

Channel 9 Taskbar related videoshttp://channel9.msdn.com/tags/Taskbar/ http://channel9.msdn.com/Search/?Term=taskbar

Icon Guidelineshttp://msdn.microsoft.com/en-us/library/aa511280.aspx

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Internet Explorer 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.