1 / 49

M artin Beeby @ thebeebs @ ubelly IE the story so far martin.beeby@microsoft

M artin Beeby @ thebeebs @ ubelly IE the story so far martin.beeby@microsoft.com. f ollow me @ thebeebs. p eople like to shout at me. Why do we build a browser?. The browser is the most used application on a PC We want to make sure we deliver the best experience to Windows users

najila
Download Presentation

M artin Beeby @ thebeebs @ ubelly IE the story so far martin.beeby@microsoft

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Martin Beeby@thebeebs @ubellyIE the story so farmartin.beeby@microsoft.com

  2. follow me@thebeebs

  3. people like to shout at me

  4. Why do we build a browser? • The browser is the most used application on a PC • We want to make sure we deliver the best experience to Windows users • Have our previous browsers delivered the best experience?

  5. video:http://bit.ly/puyBN9

  6. we all make mistakes • We didn’t listen enough to other opinions • We locked ourselves away

  7. thank you

  8. ie6countdown.com

  9. Our Browser is released in 3 channels • The released browser • Platform Previews • http://html5labs.com

  10. The released browser • Stable implementations of standards ready for mass consumption. • No implementation is better than a bad one

  11. Platform Previews • No chrome just the browser • Shipped every 8-12 weeks

  12. Html5labs.com • Early Prototypes • Not guaranteed to be in our final browser • A place to play with volatile standards • IndexedDB • WebSockets- WebSocketsIETF 09 Protocol Spec as of the 22nd of June. • FileAPI • Media Capture API

  13. W3C HTML Working Group Chair Sam Ruby (IBM) Paul Cotton (Microsoft) MaciejStachowiak (Apple) 40 Member Organizations, 411 Participants, 280 Invited Experts 16 people from Microsoft teams 9 Publications • HTML5 • HTML Canvas 2D Context • HTML: The Markup • HTML5 diffs from HTML4 • Polyglot Markup Recommendations produced under Royalty-Free basis

  14. CandidateRecommendation First Published Working Draft Recommendation Working Draft Last Call

  15. Last Update: 13th June 2011 CSS GENERATED CONTENT FOR PAGED MEDIA PROGRAMMABLE HTTP CACHING & SERVING CSS CASCADING & INHERITANCE CSS BACKGROUNDS & BORDERS DOM L2 TRAVERSAL AND RANGE UNIFORM MESSAGING POLICY CSS MULTI-COLUMN LAYOUT DOM L3 VIEWS & FOMUTING DOM L3 ABSTRACT SCHEMAS CSS 2D TRANSFORMATIONS CSS 3D TRANSFORMATOINS CSS BASIC USER INTERFACE CSS FLEXIBLE BOX LAYOUT PAINTING, FILLING, COLOR HTML5 DIFF FROM HTML4 DOCUMENT STRUCTURE CSS GRID POSITIONING CSS TEMPLATE LAYOUT CSS BASIC BOX MODEL DOM L3 LOAD & SAVE CANVAS 2D CONTEXT XMLHTTPREQUEST L2 SERVER-SENT EVENTS WEB SQL DATABASDE CSS WRITING MODES ELEMENT TRAVERSAL CSS VALUES & UNITS DOM L3 VALIDATION CSS SNAPSHOT 2007 CSS MEDIA QUERIES TEXT ALTERNATIVES POLYGLOT MARKUP CSS IMAGE VALUES CSS PRINT PROFILE XMLHTTPREQUEST PROGRESS EVENTS CSS PAGED MEDIA CSS TRANSITIONS CSS ANIMATIONS CSS NAMESPACES WEB SOCKETS API SELECTORS API L2 ECMASCRIPT 5 WEB DOM CORE DOM L3 EVENTS HTML5 MARKUP DOM L2 EVENTS SELECTORS API DOM L3 XPATH WEB STORAGE WEB WORKERS DOM L2 VIEWS DOM L2 HTML DOM L2 STYLE CSS LINE GRID BASIC SHAPES TRANSFORMS CSS SCOPING DOM L3 CORE DOM L2 CORE HTML + RDFA CSS SPEECH MICRODATA GRADIENTS CSS COLOR CSS FONTS SCRIPTING INDEXED DB CSS RUBY CSS TEXT STYLING WEB IDL FILE API DOM L1 GEO-LOCATION FILTERS HTML5 FONTS PATHS CORS TEXT SMIL ECMA Geolocation HTML CSS SVG Web Apps CandidateRecommendation First Published Working Draft Recommendation Working Draft Last Call

  16. Microsofts Approach with HTML5 IE9 IE Platform Previews HTML5 Labs Site Ready HTML5 Under Development Features Emerging Standards html5labs.com beautyoftheweb.com ietestdrive.com

  17. HTML5 in IE9 http://bit.ly/IE9Guide Hardware Acceleration

  18. Platform Preview 1 – Mar 2010 • CSS3- Border-Radius, Selectors, Colour • SVG- Hardware Accelerated. • Commitment to update every 8 weeks • Acid 3 Score 55/100 http://bit.ly/platformpreview1

  19. Platform Preview 2 – May 2010 • CSS3 Media Queries • Hardware Accelerated HTML5 • Acid Score 68/100 http://bit.ly/platformpreview2

  20. Platform Preview 3 – June 2010 • Canvas, Video, Audio • WOFF • ACID3 83/100 http://bit.ly/platformpreview3

  21. Platform Preview 4 – Aug 2010 • Audio, Video, Text and graphics now Hardware Accelerated • 95/100 Acid 3 Score- • The failing 5 tests test two technologies: • SVG Fonts and • SMIL animation of SVG http://bit.ly/platformpreview4

  22. PP5 - IE9 Beta– Sep 2010 • Interface • Site Pinning • Tabs

  23. Platform Preview 6 – Nov 2010 • CSS3 2d transforms • HTML5 Semantic Tags http://bit.ly/platformpreview6

  24. Platform Preview 7 – Nov 2010 • JavaScript Performance http://bit.ly/platformpreview7

  25. IE9 Release Candidate– Feb 2011 • GeoLocation • Tracking Protection • UI Improvements like tabs http://bit.ly/platformpreview8

  26. IE9 Release – March 2011 • Faster JavaScript • Addressed 17,000 externally reported bugs http://www.beautyoftheweb.co.uk

  27. http://www.beautyoftheweb.co.uk

  28. http://getie9.com

  29. I know what you’re thinking

  30. microsofthave a standards based browser?

  31. yeah right!

  32. next you’ll be telling me they bought skype

  33. Similarities not our differences sundarksom http://crazymultimedia.blogspot.com/

  34. @charliejennings

  35. -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg);

  36. The future • IE10 release every 8-12 weeks • Expect us to use the power of the machine more and more

  37. IE10 - Platform Preview 1 – April 2011 • CSS3 multi-column layout • CSS3 grid layout • CSS3 flexible box layout • CSS3 gradients • ES5 strict mode. http://bit.ly/platformpreview7

  38. IE10 - Platform Preview 1 – April 2011 • CSS3 multi-column layout • CSS3 grid layout • CSS3 flexible box layout • CSS3 gradients • ES5 strict mode. http://bit.ly/platformpreview7

  39. IE10 - Platform Preview 2 – June 2011 • CSS3 Floats, • HTML5 Drag-drop, • File reader API, • Media Query Listeners • Initial support for HTML5 Forms. • Web Workers with Channel Messaging, Async script support, and others. • HTML5 Sandbox and iframe isolation. • setImmediate, requestAnimationFrame, and PageVisibility • HTML5 Parsing Promise

  40. If IE <!--[if IE 6]> <p>You are using Internet Explorer 6: Seriously? It’s 2011</p> <![endif]--> <!--[if IE]> <p>This is the number 1 issue we get with IE9… Feeding hacked CSS to IE9</p> <![endif]-->

  41. http://ie.microsoft.com/testdrive/

  42. How can you help? • Try IE9 and IE10 • Feedback bugs • Talk to me about joining my IE Council

  43. thankyou

  44. p.s. follow me@thebeebsand visit us at the ubelly stand…you can shout at me if you like

More Related