Ie9 overview

Giorgio Sardo,[object Object],IE Technical Evangelist, Microsoft Corp,[object Object],gisardo@microsoft.com,[object Object],Internet Explorer 9 Overview,[object Object]

IE9 At-A-Glance,[object Object],Developers Platform,[object Object], HTML5 and Microsoft,[object Object], Performance,[object Object],Q&A,[object Object],Agenda,[object Object]

Internet Explorer 8,[object Object],Demo,[object Object]

Demos/Script:,[object Object],IE8 & HTML5 and IE8 & Web Standards,[object Object],Network connectivity (HTML 5),[object Object],DOM Storage (HTML 5),[object Object],Ajax Navigation (HTML 5),[object Object],Native JSON (ECMA Script 5),[object Object],CSS Selectors (Web Applications),[object Object],Cross Domain Request (Web Applications),[object Object],Cross Document Messaging (Web Applications),[object Object],DOM Prototypes (DOM),[object Object],IE8 and HTML 5,[object Object]

Expression Web SuperPreview,[object Object]

Internet Explorer 9,[object Object],Welcome to the future,[object Object]

Engineering for IE9 is about delivering:,[object Object],[object Object]

A highly interoperable platform for developers to build compelling, graphically rich site and applications, powered by WindowsIE9 At-A-Glance,[object Object]

HTML5 and Internet Explorer 9,[object Object]

Participation to W3C Working Groups,[object Object],HTML 5 WG,[object Object],DOM WG,[object Object],CSS WG,[object Object],SVG WG,[object Object],SVG Testing Task Force,[object Object],HTML Testing Task Force,[object Object],Accessibility Task Force,[object Object],…,[object Object],Microsoft and Web Standards,[object Object]

Paul Cotton (Microsoft), co-chair,[object Object],40 W3C Member organizations,[object Object],411 group participants,[object Object],280 invited Experts,[object Object],9 mailing lists (~4000 emails on public-html),[object Object],As of March 15th:,[object Object],153 unresolved bugs, 34 unresolved issues (e.g. decentralized extensibility, document license…),[object Object],HTML Working Group,[object Object]

HTML 5,[object Object],XHTML,[object Object],CSS 3,[object Object],SVG,[object Object],DOM Level2 and Level3,[object Object],Microsoft commitments with IE9 PPB1,[object Object]

HTML5 ,[object Object],Defines the behavior at seams of other specs,[object Object],Parsing unknown elements,[object Object],Integrated SVG,[object Object],XHTML/XML,[object Object],Namespaces for using custom elements,[object Object],Strict, fail-fast parsing helps developers find errors quickly,[object Object],SVG,[object Object],Standalone XML-based document (.svg file),[object Object],Inline in an XHTML document,[object Object],Inline in an HTML5 document,[object Object],Markup Languages in IE9,[object Object]

Interpret the same HTML and CSS markup the same way,[object Object],Always some differences on the edges ,[object Object],Standards evolve,[object Object],Browsers implement in different order,[object Object],Contributing DOM, CSS3 Standards Compliance Tests to W3C,[object Object],Interoperable HTML5 Markup,[object Object]

Interoperable Markup,[object Object],Demo,[object Object]

W3C Test Suites,[object Object],Source: http://samples.msdn.microsoft.com/ietestcenter/,[object Object]

Real World Scenarios,[object Object]

HTML5 <video> element,[object Object],Industry-standard MPEG-4/H.264 video,[object Object],Video can be composited with anything else on the page,[object Object],HTML content, images, SVG graphics,[object Object],GPU-based implementation capable of maintaining 60fps full-screen at full HD resolution,[object Object],Supports both DXVA and full hardware video decoders,[object Object],HTML5 <audio> element,[object Object],Industry-standard MP3 and AAC audio,[object Object],HTML 5 Video,[object Object],<video width="800" height="450" src="myvideo.mp4" autoplay>,[object Object],No video for you</video>,[object Object]

Video Tag,[object Object],Demo,[object Object]

Markup-/DOM-based graphics: SVG 1.1,[object Object],“View source” simplicity—aids learning,[object Object],Easy server-side generation—it’s just XML,[object Object],Easy client-side debugging—it’s in the DOM,[object Object],Supported by popular graphics programs,[object Object],Easy integration with HTML5,[object Object],SVG (Scalable Vector Graphics),[object Object],<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg">,[object Object],<rect fill="red" x="20" y="20" width="100" height="75" />,[object Object],<rectfill="blue" x="50" y="50" width="100" height="75" />,[object Object],</svg>,[object Object]

SVG,[object Object],Demo,[object Object]

SVG in IE9 Platform Preview,[object Object]

CSS3 Color,[object Object],Alpha color with rgba() and hsla() color functions,[object Object],Transparency control with the opacity property,[object Object],CSS3 Backgrounds and Borders,[object Object],Round corners with the border-radius property,[object Object],Multiple background images per element,[object Object],box-shadow property on block elements,[object Object],Graphically-rich Styling with CSS3,[object Object]

CSS3 Selectors,[object Object],Help you do more on your site with less script,[object Object],Make it easier to use new graphics capabilities,[object Object],CSS3 Namespaces,[object Object],Style elements with namespaces in XHTML documents,[object Object],CSS Infrastructure,[object Object]

CSS 3 Selectors,[object Object]

CSS 3,[object Object],Demo,[object Object]

Central part of web platform used to manipulate the DOM,[object Object],DOM Core,[object Object],DOM Events,[object Object],DOM Style,[object Object],DOM HTML,[object Object],DOM Range,[object Object],HTML5 Selection ,[object Object],IE9 Programming Model,[object Object]

DOM Events,[object Object],Demo,[object Object]

IE9 and Performance,[object Object],HW-Accelerated HTML5,[object Object]

Page load in slow motion,[object Object],Demo,[object Object]

Scenario – Wall Street Journal,[object Object],Starting with Bing,[object Object]

Scenario – Wall Street Journal,[object Object],Blank Background,[object Object]

Scenario – Wall Street Journal,[object Object],Initial HTML,[object Object]

Scenario – Wall Street Journal,[object Object],Heading Appears,[object Object]

Scenario – Wall Street Journal,[object Object],Initial Content,[object Object]

Scenario – Wall Street Journal,[object Object],Right Column Lays Out,[object Object]

Scenario – Wall Street Journal,[object Object],Media Appears,[object Object]

Scenario – Wall Street Journal,[object Object],Customized Content,[object Object]

Scenario – Wall Street Journal,[object Object],Advertisements,[object Object]

Five Popular News Sites,[object Object],JQuery,[object Object],Prototype,[object Object],MooTools,[object Object],Scriptaculous,[object Object],Other (JS Lib),[object Object],YUI,[object Object]

Five Popular News Sites – The best,[object Object],JQuery,[object Object],Prototype,[object Object],MooTools,[object Object],Scriptaculous,[object Object],Other (JS Lib),[object Object],YUI,[object Object]

Five Popular News Sites – The worst,[object Object],JQuery,[object Object],Prototype,[object Object],MooTools,[object Object],Scriptaculous,[object Object],Other (JS Lib),[object Object],YUI,[object Object]

News site 1,[object Object],News site 2,[object Object],Time spent in IE subsystems differs greatly by site function and coding pattern,[object Object],Performance is multi-dimensional,[object Object]

WSJ – Before and After,[object Object],IE8,[object Object],IE8,[object Object],IE9,[object Object],IE9,[object Object],43,[object Object]

Performance,[object Object],Demo,[object Object]

Web API Usage 7000 top sites,[object Object],7000,[object Object],Number of sites,[object Object],0,[object Object],API (by rank),[object Object],1,[object Object],50,[object Object],700,[object Object]

JavaScript PerformanceWebKit.org’sSunSpider v0.9 Benchmark,[object Object],Dell OptiPlex, Microsoft Windows 7 Enterprise 6.1.7600, 64-bit, 3.0GHz Intel Core 2 Duo, 4GB RAM, Intel Integrated Video,[object Object]

GPU on Every Machine,[object Object]

Ie9 overview

Ie9 overview

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados(20)

Similar a Ie9 overview

Similar a Ie9 overview(20)

Mais de 裕波周

Mais de 裕波周(18)

Último

Último(20)

Ie9 overview

Ie9 overview

Ie9 overview

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados(20)

Similar a Ie9 overview

Similar a Ie9 overview(20)

Mais de 裕波 周

Mais de 裕波 周(18)

Último

Último(20)

Ie9 overview

Mais de 裕波周

Mais de 裕波周(18)