IE9, IE10

Alex Mogilevsky

ArchitectInternet Explorer

HTML5: Native to Windows

HTML5: Native to Windows

Real-World HTML5 Applications

IE9 Patterns

Looking Forward

Native HTML5

demo

Demo Recap: Native HTML5

Foursquare Playground Kayac SVG Girl Bon Jovi Director’s Cut Namco PAC-MAN Paintball

Try these and more at:

beautyoftheweb.com

IE9 Patterns

Steps to progressMoving the Web Forward

Progress

Emerging

Web

Technologies

Competitive

with“Native

Application”

Hardware

AccelerationSite-Ready

Same

Markup

Web

StandardsCommunity

Engagement

Platform

Previews

MIX10

HTML5Inline SVG, Parsing Rules, XHTML, Selection APIs, Canvas, Audio & Video, Semantic tags, Geolocation

SVG 1.1 As document, as image or object, inline in HTML5

CSS 3Selectors, Namespaces, Colors, Values,Backgrounds and Borders, Fonts, Media Queries, 2D Transforms

DOM Core, Events, Style, and Range, WebIDL

ECMAScript 262 Faster JavaScript

Graphics and Fonts

JPEG-XR, TIFF, ICC Colors, WOFF Fonts

Web Performance

Navigation Timing

Privacy Tracking Protection

IE9 PatternsStandards Community

Hardware-Accelerated. Site-Ready HTML5. Same Markup.

Preview Builds

Updated approximately every 8 weeks

Forums and Community

New, more open feedback program; HTML5 Labs

Standards W3C participation

Open Testing

Cooperative W3C test suites

Native and Cross-Platform

Native and Cross-Platform

http://www.maximumpc.com/article/news/windows_7_market_share_us_passes_xp

Same Markup and Emerging W3C Standards

Site-Ready HTML5 Labs

Web Open Font Format (WOFF)

Navigation Timing Tracking Protection

IndexedDB WebSockets FileAPI Media Capture APIs

WebSockets

video

HTML5 Labs

Prototypes of experimental or unstable specifications

Prove out site-readiness of specifications before baking them into a release

Visit the site at:

html5labs.com

Progress, Substance, and Cadence

𝑝𝑟𝑜𝑔𝑟𝑒𝑠𝑠❑

An Early Look at Internet Explorer 10

Looking Forward

demo

Demo Recap: IE10

Performance: Fishbowl

CSS3 Multi-column Layout

CSS3 Grid Layout and CSS3 Flexible Box Layout

ECMAScript 5 Strict Mode

CSS3 Gradients

CSS3 Transitions and CSS3 3D Transforms

What’s Next?

Take Advantage of IE9 Today!

Emerging Standards at HTML5 Labs for your Experimentation

Take an Early Look at IE10

IE10 Platform Preview 1CSS3 GradientsCSS3 Grid, Flexbox, Multi-columnECMAScript 5 Strict Mode

ietestdrive.com

announcing

www.beautyoftheweb.comwww.ietestdrive.comwww.html5labs.com

alexmog@microsoft.com

Use, test, send feedback!IE9, IE10