IE9:Power, Performance and StandardsedUi 2011Richmond, VAOctober 13, 2011Frank La Vigne | FrankLa@Microsoft.comDeveloper Evangelist | DPE US Public Sector | Microsoft Corpwww.franksworld.com/blog | @tableteer | 202-643-XAML
I used to live here.
In 2006, I moved here.
Got married.
Had a baby boy.
But before all that.
Frank’s World Started Today in 1995
A Brief History of Browsinghttp://frnk.us/BrowserTimeline
The Web has Evolved
…Windows and the web1 billion Windows customers
DEMOwww.beautyoftheweb.com
12
W3C HTML Working GroupChairSam Ruby (IBM)Paul Cotton (Microsoft)MaciejStachowiak (Apple)40 Member Organizations, 411 Participants, 280 Invited Experts16 people from Microsoft teams9 PublicationsHTML5HTML Canvas 2D ContextHTML: The MarkupHTML5 diffs from HTML4Polyglot MarkupRecommendations produced under Royalty-Free basis
CandidateRecommendationFirst Published Working DraftRecommendationWorking DraftLast Call
Last Update: 13th June 2011CSS GENERATED CONTENT FOR PAGED MEDIAPROGRAMMABLE HTTP CACHING & SERVINGCSS CASCADING & INHERITANCECSS BACKGROUNDS & BORDERSDOM L2 TRAVERSAL AND RANGEUNIFORM MESSAGING POLICYCSS MULTI-COLUMN LAYOUTDOM L3 VIEWS & FOMUTINGDOM L3 ABSTRACT SCHEMASCSS 2D TRANSFORMATIONSCSS 3D TRANSFORMATOINSCSS BASIC USER INTERFACECSS FLEXIBLE BOX LAYOUTPAINTING, FILLING, COLORHTML5 DIFF FROM HTML4DOCUMENT STRUCTURECSS GRID POSITIONINGCSS TEMPLATE LAYOUTCSS BASIC BOX MODELDOM L3 LOAD & SAVECANVAS 2D CONTEXTXMLHTTPREQUEST L2SERVER-SENT EVENTSWEB SQL DATABASDECSS WRITING MODESELEMENT TRAVERSALCSS VALUES & UNITSDOM L3 VALIDATIONCSS SNAPSHOT 2007CSS MEDIA QUERIESTEXT ALTERNATIVESPOLYGLOT MARKUPCSS IMAGE VALUESCSS PRINT PROFILEXMLHTTPREQUESTPROGRESS EVENTSCSS PAGED MEDIACSS TRANSITIONSCSS ANIMATIONSCSS NAMESPACESWEB SOCKETS APISELECTORS API L2ECMASCRIPT 5WEB DOM COREDOM L3 EVENTSHTML5 MARKUPDOM L2 EVENTSSELECTORS APIDOM L3 XPATHWEB STORAGEWEB WORKERSDOM L2 VIEWSDOM L2 HTMLDOM L2 STYLECSS LINE GRIDBASIC SHAPESTRANSFORMSCSS SCOPINGDOM L3 COREDOM L2 COREHTML + RDFACSS SPEECHMICRODATAGRADIENTSCSS COLORCSS FONTSSCRIPTINGINDEXED DBCSS RUBYCSS TEXTSTYLINGWEB IDLFILE APIDOM L1GEO-LOCATIONFILTERSHTML5FONTSPATHSCORSTEXTSMILECMAGeolocationHTMLCSSSVGWeb AppsCandidateRecommendationFirst Published Working DraftRecommendationWorking DraftLast Call
Microsoft Approach with HTML5IE9IE Platform PreviewsHTML5 LabsSite Ready HTML5Under DevelopmentFeaturesEmerging Standardshtml5labs.combeautyoftheweb.comietestdrive.com
HTML5 in IE9http://frnk.us/IE9DeveloperGuideHardware Acceleration
HTML5 in IE10 Platform PreviewsCSS3 GridCSS3 FlexboxCSS3 GradientCSS3 Multi-ColumnECMAScript5 Strict ModeAnd more IE10 Platform Previews are coming!http://frnk.us/IE10DeveloperGuide
Looking forward
Site Pinninghttp://buildmypinnedsite.com/
ResourcesWeb Matrix: http://bit.ly/WhatIsWebMatrixNews: blogs.msdn.com/IEDemos: www.beautyoftheweb.comTechnical samples: www.ietestdrive.comHTML5 Labs: www.html5labs.com
The End – Thank YouFrank La Vignewww.FranksWorld.comfrank@franksworld.com@Tableteer
Q&A

IE9: Power, Peformance and Standards

  • 1.
    IE9:Power, Performance andStandardsedUi 2011Richmond, VAOctober 13, 2011Frank La Vigne | FrankLa@Microsoft.comDeveloper Evangelist | DPE US Public Sector | Microsoft Corpwww.franksworld.com/blog | @tableteer | 202-643-XAML
  • 2.
    I used tolive here.
  • 3.
    In 2006, Imoved here.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
    A Brief Historyof Browsinghttp://frnk.us/BrowserTimeline
  • 9.
  • 10.
    …Windows and theweb1 billion Windows customers
  • 11.
  • 12.
  • 13.
    W3C HTML WorkingGroupChairSam Ruby (IBM)Paul Cotton (Microsoft)MaciejStachowiak (Apple)40 Member Organizations, 411 Participants, 280 Invited Experts16 people from Microsoft teams9 PublicationsHTML5HTML Canvas 2D ContextHTML: The MarkupHTML5 diffs from HTML4Polyglot MarkupRecommendations produced under Royalty-Free basis
  • 14.
    CandidateRecommendationFirst Published WorkingDraftRecommendationWorking DraftLast Call
  • 15.
    Last Update: 13thJune 2011CSS GENERATED CONTENT FOR PAGED MEDIAPROGRAMMABLE HTTP CACHING & SERVINGCSS CASCADING & INHERITANCECSS BACKGROUNDS & BORDERSDOM L2 TRAVERSAL AND RANGEUNIFORM MESSAGING POLICYCSS MULTI-COLUMN LAYOUTDOM L3 VIEWS & FOMUTINGDOM L3 ABSTRACT SCHEMASCSS 2D TRANSFORMATIONSCSS 3D TRANSFORMATOINSCSS BASIC USER INTERFACECSS FLEXIBLE BOX LAYOUTPAINTING, FILLING, COLORHTML5 DIFF FROM HTML4DOCUMENT STRUCTURECSS GRID POSITIONINGCSS TEMPLATE LAYOUTCSS BASIC BOX MODELDOM L3 LOAD & SAVECANVAS 2D CONTEXTXMLHTTPREQUEST L2SERVER-SENT EVENTSWEB SQL DATABASDECSS WRITING MODESELEMENT TRAVERSALCSS VALUES & UNITSDOM L3 VALIDATIONCSS SNAPSHOT 2007CSS MEDIA QUERIESTEXT ALTERNATIVESPOLYGLOT MARKUPCSS IMAGE VALUESCSS PRINT PROFILEXMLHTTPREQUESTPROGRESS EVENTSCSS PAGED MEDIACSS TRANSITIONSCSS ANIMATIONSCSS NAMESPACESWEB SOCKETS APISELECTORS API L2ECMASCRIPT 5WEB DOM COREDOM L3 EVENTSHTML5 MARKUPDOM L2 EVENTSSELECTORS APIDOM L3 XPATHWEB STORAGEWEB WORKERSDOM L2 VIEWSDOM L2 HTMLDOM L2 STYLECSS LINE GRIDBASIC SHAPESTRANSFORMSCSS SCOPINGDOM L3 COREDOM L2 COREHTML + RDFACSS SPEECHMICRODATAGRADIENTSCSS COLORCSS FONTSSCRIPTINGINDEXED DBCSS RUBYCSS TEXTSTYLINGWEB IDLFILE APIDOM L1GEO-LOCATIONFILTERSHTML5FONTSPATHSCORSTEXTSMILECMAGeolocationHTMLCSSSVGWeb AppsCandidateRecommendationFirst Published Working DraftRecommendationWorking DraftLast Call
  • 16.
    Microsoft Approach withHTML5IE9IE Platform PreviewsHTML5 LabsSite Ready HTML5Under DevelopmentFeaturesEmerging Standardshtml5labs.combeautyoftheweb.comietestdrive.com
  • 17.
  • 18.
    HTML5 in IE10Platform PreviewsCSS3 GridCSS3 FlexboxCSS3 GradientCSS3 Multi-ColumnECMAScript5 Strict ModeAnd more IE10 Platform Previews are coming!http://frnk.us/IE10DeveloperGuide
  • 19.
  • 20.
  • 21.
    ResourcesWeb Matrix: http://bit.ly/WhatIsWebMatrixNews:blogs.msdn.com/IEDemos: www.beautyoftheweb.comTechnical samples: www.ietestdrive.comHTML5 Labs: www.html5labs.com
  • 22.
    The End –Thank YouFrank La Vignewww.FranksWorld.comfrank@franksworld.com@Tableteer
  • 23.

Editor's Notes

  • #2 Key messages of this presentation:HTML5 is the next evolution of HTML, or Hyper Text Markup Language, which forms the backbone of most sites on the Internet.Microsoft is working closely with W3C and other standards bodies to build HTML5.Today IE9 offers the best HTML5 experience on Windows, with an interoperable implementation powered by hardware acceleration.Microsoft is leading the next generation of web standards, implementing specifications under development in IE10Platform Previews and experimenting edge features through the HTML5 Labs.
  • #11 It all starts with our view of the web and Windows. Microsoft has more than 1 billion Windows customers around the world. From SQM data and research, we know they spend more than 60% of their time browsing the Web.With Internet Explorer, we want to offer them the best web experience. IE9 is focused on four pillars:StandardsPerformanceUser ExperienceSecurity & Privacy
  • #12 Check out the “Amazing Sites” section on beautyoftheweb.com. There are a lot of beautiful HTML5 demos to chose from – targeting a variety of different scenarios:-PAC-Man: game scenario- Disney: comic book- AP: news- The Killers: mediaRemember: you can pin any of those sites to your taskbar in Windows 7!
  • #13 Microsoft is actively engaged with three large standards organizations: W3C, IETF and ECMA International. Each organization is divided into Working Groups.
  • #14 Taking the HTML5 Working Group as an example, Paul Cotton (Microsoft Corp) is a co-chair of the group – we’ve been leading this space for many years!In addition to Paul, more than 16 people from Microsoft are working just on this working group – plus many others involved in other WGs.
  • #15 Building a standard is like planning a building. You go through different steps and it’s important to plan all levels carefully – or you risk to hit issues along the road.
  • #16 If we look at the broad spectrum, today there are more than 100 specifications that fall under the “HTML5” umbrella. As you can see, all of them follow a different status.Some of them are mature (Recommendation), some are still work in progress (Working Draft) and some just submitted (First Published WD)As we will see later, with Internet Explorer we wanted to provide an interoperable implementation of these standards – with clear expectations and deliverables for the developer community.
  • #17 Microsoft has three channels:IE9 is all about “Site Ready HTML5”. It’s based on a stable and interoperable implementation of HTML5. It offers the best experience to Windows users, thanks to the native hardware acceleration support.IE Platform Previews focus on under development features. With PP, we wanted to be transparent with the community over the internal progress – allowing them to provide feedbacks and us to act on these feedbacksHTML5 Labs are about emerging standards that still require more time and further analysis before they can be safely and interoperably adopted across browsers.
  • #18 List of the main (not all!) HTML5 features supported in IE9.More info at: http://bit.ly/IE9Guide
  • #19 Released every 10-12 weeks during IE10 developmentRefine proposed standards with quality implementationGet and act on community feedbacksMore info at: http://bit.ly/IE10Guide
  • #20 At this point, there should be no doubt that Microsoft is seriously committed to HTML5. Today you can start building HTML5 applications on top of IE9, leveraging the hardware acceleration and the integration with Windows 7.With Mango, (the same!) IE9 will be available to Windows Phone 7 devices.On Windows 8, you will be able to build Windows applications using HTML5 and JavaScript.Come to the Build conference (www.buildwindows.com) in September to learn more about the new exciting Windows8 platform.