1 / 23

“HTML5”: more than just HTML5

“HTML5”: more than just HTML5. Giorgio Sardo Sr. Technical Evangelist Microsoft Corp. What is “HTML5”?. HTML5 is the future of the Web HTML5 is not (only) a marketing message HTML5 is not complete, yet HTML5 is large: testing is not Boolean HTML5 needs to be done the right way.

affrica
Download Presentation

“HTML5”: more than just HTML5

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. “HTML5”: more than just HTML5 Giorgio Sardo Sr. Technical Evangelist Microsoft Corp

  2. What is “HTML5”? • HTML5 is the future of the Web • HTML5 is not (only) a marketing message • HTML5 is not complete, yet • HTML5 is large: testing is not Boolean • HTML5 needs to be done the right way

  3. The map of “HTML5”

  4. W3C HTML WG • Chair • Sam Ruby (IBM) • Paul Cotton (Microsoft) • MaciejStachowiak (Apple) • 40 Member Organizations, 411 Participants, 280 Invited Experts • 16 people from Microsoft teams • 8 Publications • HTML5 • HTML Canvas 2D Context • HTML: The Markup • HTML5 diffs from HTML4 • Polyglot Markup • Meetings over IRC, Phone, Face-to-face • Recommendations produced under Royalty-Free basis Link: www.w3.org/html/wg

  5. W3C HTML5 Specification • Editor document • Published document • ~1100 print pages • Mailing list: ~4000 emails/month • Issue Tracker: ~33 open • Bug Tracker: ~50 open Link: www.w3.org/TR/html5

  6. W3C HTML5 WG DEMO

  7. Specification Status • First Public Working Draft • Working Draft • Candidate Recommendation • Proposed Recommendation • Recommendation • Call to implement • Last call HTML5

  8. The map of “HTML5” • First Public Working Draft • Working Draft • Last Call • Candidate Recommendation • Recommendation

  9. Testing is not Boolean • Historically poor testing methodology • E.g. Acid1, Acid2, Acid3

  10. HTML5Test.commodernizr.com DEMO

  11. Modern Testing Approach • Comprehensive Tests Suite • Leaded by W3C and ECMA Groups • Open for external contribution • Thousands of tests • Goal: interoperable implementations • Microsoft already submitted 500+ tests for HTML5, Web Apps, CSS3 and other specs

  12. W3C CSS Test Suite • Leaded by W3C CSS WG • Release Candidate (~19000 tests) • Microsoft submitted ~14000 test cases • On 10/22/10: • IE9 Beta: 97.7% • Safari 5.0.2: 85.4% • Chrome, Firefox, Opera: N/A

  13. HTML Test ResultsCSS Test SuiteIE Test Center DEMO

  14. HTML5 • <Canvas> • <Audio> • <Video> • Markup Elements • Article, Section, Nav • Aside, Hgroup, Header, Footer • Figure, Figcaption • Address

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

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

  17. DOM/ECMA Script 262 • addEventListener • GetElementByClassName • New Array Methods • indexOf, lastIndexOf, forEach, every • Enhanced Object Model • defineProperty,create, getPrototypeOf • Computational Methods • string.Trim, toISOString, data.parse, date.now, bind

  18. The Beauty of the Web

  19. The Beauty Of The Web HTML5 demo

  20. What’s next?

  21. Summary • HTML5 is the future of the Web • It’s important to make it right • Try IE9 BETA and let us know your feedback!

  22. Resources • W3C • HTML5 Working Group • HTML5 Test Suite Conformance Results • Paul Cotton Interview • Microsoft • IE Blog • IE Test Drive • IE Test Center • HTML5 Gallery • This Presentation: blogs.msdn.com/Giorgio

  23. Questions? gisardo@microsoft.com Thank You

More Related