HTML5 & Web Platform
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

HTML5 & Web Platform

  • 3,670 views
Uploaded on

SwapSkills2010 vol.3 浅井智也...

SwapSkills2010 vol.3 浅井智也

1. HTML5 のホントとウソ
2. いま使える技術、次に来る技術
3. アプリケーションプラットフォーム
4. ネイティブマルチメディア機能
5. HTML5 の彼方に

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,670
On Slideshare
3,668
From Embeds
2
Number of Embeds
1

Actions

Shares
Downloads
42
Comments
0
Likes
4

Embeds 2

http://www.techgig.com 2

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML5 & Web Platform Presentation @ SwapSkills by Tomoya Asai (aka. dynamis)
  • 2. Agenda:
  • 3. Share and Active Users
  • 4. Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
  • 5. Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
  • 6. Browser MarketShare Data by NetApplications http://marketshare.hitslink.com/
  • 7. http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
  • 8. http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
  • 9. HTML5 is...
  • 10. photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
  • 11. photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
  • 12. HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
  • 13. 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?
  • 14. 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?
  • 15. 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?
  • 16. This specification evolves HTML and its related APIs to ease the authoring of Web-based applications. http://whatwg.org/html5 - Abstract
  • 17. Technology Status
  • 18. CSS, Image, Fonts...
  • 19. ✴ ✴ ✴ ✴ ✴ ... https://developer.mozilla.org/en/Upcoming_Firefox_features_for_developers
  • 20. ✴ ✴ ✴ ✴ ✴ ... https://developer.mozilla.org/en/Upcoming_Firefox_features_for_developers
  • 21. JS APIs for Web Apps...
  • 22. photo by Aron http://www.flickr.com/photos/aarongustafson/2491839081/
  • 23. : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
  • 24. https://wiki.mozilla.org/User:Mounir.lamouri/ HTML5_Forms : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
  • 25. photo by 5500 http://www.flickr.com/photos/5500/303849123/
  • 26. ( ) ...
  • 27. Web Sockets API
  • 28. photo by californiaAmy http://www.flickr.com/photos/amyandthomas/3865411819/
  • 29. https://developer.mozilla.org/en/Using_files_from_web_applications                                 
  • 30. Firefox3.6~ http://r.dynamis.jp/fontdropdemo
  • 31. http://hacks.mozilla.org/2009/12/uploading-files-with-xmlhttprequest/
  • 32. http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html
  • 33. https://dev.mozilla.jp/hacksmozillaorg/firefox-4-the-html5-parser-inline-svg-speed-and-more/
  • 34. Video, Animation, 3D ...
  • 35. Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis
  • 36. Theora Firefox 3.5~, WebM Firefox4~
  • 37. 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/
  • 38. Firefox.next~ http://24ways.org/2009/going-nuts-with-css-transitions
  • 39. Firefox.next~ http://24ways.org/2009/going-nuts-with-css-transitions
  • 40. http://media.24ways.org/2009/14/5/index.html
  • 41. SVG Test Suite : http://www.codedread.com/svg-support.php
  • 42. http://people.mozilla.com/~dynamis/demo/smil/
  • 43. Firefox.next~ http://www.khronos.org/webgl/wiki/Demo_Repository
  • 44. Firefox.next~ https://developer.mozilla.org/en/WebGL
  • 45. https://developer.mozilla.org/en/WebGL/Getting_started_with_WebGL                                
  • 46. Future Web Platform
  • 47. Firefox3.6~ http://r.dynamis.jp/oryzeademo
  • 48.   Firefox3.6~ http://hacks.mozilla.org/2009/10/orientation-for-firefox/
  • 49. https://developer.mozilla.org/en/Detecting_device_orientation                                              
  • 50.   https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish
  • 51. http://www.mgalli.com/development/drawing/demoapp.html   https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish/DOM_Events/Examples
  • 52. for more information...
  • 53. http://hacks.mozilla.org/ https://dev.mozilla.jp/hacksmozillaorg/ https://developer.mozilla.org/en/ Upcoming_Firefox_features_for_developers https://developer.mozilla.org/ja/Firefox_3.6_for_developers http://www.whatwg.org/html5 http://www.slideshare.net/myakura/presentations
  • 54. 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/
  • 55. http://www.w3.org/TR/css3-fonts/ http://code.google.com/webfonts http://typekit.com/ http://decomoji.jp/ http://www.fontsquirrel.com/fontface/generator
  • 56. https://cvs.khronos.org/svn/repos/registry/trunk/public/ webgl/doc/spec/WebGL-spec.html https://developer.mozilla.org/en/WebGL http://learningwebgl.com/cookbook/ http://www.khronos.org/webgl/ http://www.khronos.org/webgl/wiki/Demo_Repository
  • 57. http://www.w3.org/TR/FileAPI/ http://www.w3.org/TR/file-writer-api/ http://www.w3.org/TR/geolocation-API/ https://wiki.mozilla.org/Audio_Data_API https://developer.mozilla.org/en/DOM/ window.onmozorientation