Download as PDF, PPTX
Uploaded bydynamis
HTML5 and web platform
The document discusses HTML5 and the web platform. It provides an agenda for a presentation on the topic including information on browser market share, what HTML5 is, features of HTML5 like forms, 2D graphics, microdata, messaging and more. It discusses the status and implementations of these features in browsers like Firefox and provides references for further information.
HTML5 and web platform
- 1. HTML5 & WebPlatform Presentation @ SwapSkills by Tomoya Asai (aka. dynamis)
- 2.
- 3. Agenda: Download Please! http://r.dynamis.jp/swapskills
- 4. Share and ActiveUsers
- 6. Browser MarketShare Graphby AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
- 7. Browser MarketShare Graphby AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
- 9.
- 10.
- 11.
- 12.
- 15. photo by Horiahttp://www.flickr.com/photos/horiavarlan/4273168957/
- 18. photo by Horiahttp://www.flickr.com/photos/horiavarlan/4273168957/
- 21. This specification evolvesHTML and its related APIs to ease the authoring of Web-based applications. http://whatwg.org/html5 - Abstract
- 22. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
- 23. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging device element ping attribute Next Generation of HTML ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
- 24. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging Web SQL Database device element Web Storage ping attribute Indexed Database API Next Generation of HTML The WebSockets API Web Workers Server-Sent Events The WebSocket protocol Geolocation API MathML SVG XMLHttpRequest Level 2 ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
- 25. HTML5 HTML5 Forms Forms Canvas 2D Graphics Context HTML Canvas 2D Context Microdata HTML5 Microdata Microdata vocabularies Cross-document messaging HTML5 Web Messaging Channel messaging device element Web Storage ping attribute Indexed Database API Next Generation of HTML The WebSockets API Web Workers Server-Sent Events The WebSocket protocol Geolocation API MathML SVG XMLHttpRequest Level 2 ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
- 26. HTML5 Markup Forms WebFonts The WebSockets API Canvas 2D Cross-document Messaging WebGL Server-Sent Events SVG XMLHttpRequest Level 2 Event Listener Indexed Database API Drag & Drop API Offline Events File API Web Storage Geolocation API Web Workers WebM (VP8) CSS3 Selectors Microdata CSS3 Transitions XPath ECMAScript 5th
- 27. HTML5 Markup Forms WebFonts The WebSockets API Canvas 2D Cross-document Messaging WebGL Server-Sent Events SVG XMLHttpRequest Level 2 Event Listener Indexed Database API Drag & Drop API Offline Events File API Web Storage Geolocation API Web Workers WebM (VP8) CSS3 Selectors Microdata CSS3 Transitions XPath ECMAScript 5th
- 32. Web Reference
- 33.
- 34.
- 35.
- 36. ✴ ✴ ✴ ✴ ✴ ... http://r.dynamis.jp/firefox.next
- 37. ✴ ✴ ✴ ✴ ✴ ... http://www.slideshare.net/dynamis
- 38. JS APIs forWeb Apps...
- 39. photo by Aronhttp://www.flickr.com/photos/aarongustafson/2491839081/
- 41.
- 42. https://wiki.mozilla.org/User:Mounir.lamouri/ HTML5_Forms : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
- 43. photo by 5500http://www.flickr.com/photos/5500/303849123/
- 44.
- 45.
- 46. photo by californiaAmyhttp://www.flickr.com/photos/amyandthomas/3865411819/
- 47.
- 48.
- 49.
- 50. The drag-and-drop APIis horrible, but it has one thing going for it: IE6 implements it, as do Safari and Firefox. Ian Hickson http://twitter.com/Hixie/status/4075253361
- 51.
- 52.
- 53.
- 54.
- 55.
- 56. Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis
- 57. Theora Firefox 3.5~, WebM Firefox4~
- 58. Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis Container Video Audio WebM FAQ: http://www.webmproject.org/about/faq/
- 59.
- 60.
- 61.
- 63. SVG Test Suite : http://www.codedread.com/svg-support.php
- 64.
- 67.
- 68.
- 69.
- 70.
- 71.
- 73.
- 74.
- 75.
- 76.
- 78.
- 79. http://www.mgalli.com/development/drawing/demoapp.html https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish/DOM_Events/Examples
- 83.
- 84.
- 85.
- 86.
- 87. http://raphaeljs.com/ Cappuccino: http://objective-j.org/ Sproutcore: http://www.sproutcore.com/ JavaScriptMVC:http://javascriptmvc.com/ Ample SDK: http://www.amplesdk.com/ Gianduia
- 88.
- 89.
- 90.