HTML5 & Web Platform
4 likes1,022 views
The document is a presentation on HTML5 and web technologies by Tomoya Asai, detailing various features and specifications such as forms, canvas graphics, and the WebSockets API. It includes links to resources for browser market share, upcoming Firefox features, and references for deeper understanding of HTML5 functionalities. The presentation aims to inform about advancements in web application development and the evolution of standards related to HTML and its APIs.
HTML5 & Web Platform
- 1. HTML5 & Web Platform Presentation @ SwapSkills by Tomoya Asai (aka. dynamis)
- 3. Agenda:
- 4. Share and Active Users
- 6. Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
- 7. Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
- 9. Browser MarketShare Data by NetApplications http://marketshare.hitslink.com/
- 10. http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
- 11. http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
- 12. HTML5 is...
- 15. photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
- 18. photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
- 21. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
- 22. 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?
- 23. 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?
- 24. 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?
- 25. This specification evolves HTML and its related APIs to ease the authoring of Web-based applications. http://whatwg.org/html5 - Abstract
- 36. JS APIs for Web Apps...
- 37. photo by Aron http://www.flickr.com/photos/aarongustafson/2491839081/
- 40. https://wiki.mozilla.org/User:Mounir.lamouri/ HTML5_Forms : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
- 41. photo by 5500 http://www.flickr.com/photos/5500/303849123/
- 42. ( ) ...
- 43. Web Sockets API
- 44. photo by californiaAmy http://www.flickr.com/photos/amyandthomas/3865411819/
- 52. Video, Animation, 3D ...
- 53. Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis
- 54. Theora Firefox 3.5~, WebM Firefox4~
- 55. 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/
- 60. SVG Test Suite : http://www.codedread.com/svg-support.php
- 73. http://www.mgalli.com/development/drawing/demoapp.html https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish/DOM_Events/Examples
- 78. http://tools.mozilla.com/ http://processingjs.org/ http://code.google.com/p/uupaa-js/ Cappuccino: http://objective-j.org/ Sproutcore: http://www.sproutcore.com/ JavaScriptMVC: http://javascriptmvc.com/