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

HTML5 & Web Platform

on

  • 3,549 views

SwapSkills2010 vol.3 浅井智也...

SwapSkills2010 vol.3 浅井智也

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

Statistics

Views

Total Views
3,549
Views on SlideShare
3,547
Embed Views
2

Actions

Likes
4
Downloads
41
Comments
0

1 Embed 2

http://www.techgig.com 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML5 & Web Platform HTML5 & Web Platform Presentation Transcript

  • HTML5 & Web Platform Presentation @ SwapSkills by Tomoya Asai (aka. dynamis)
  • Agenda:
  • Share and Active Users
  • Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
  • Browser MarketShare Graph by AXIIS http://www.axiis.org/examples/BrowserMarketShare.html
  • Browser MarketShare Data by NetApplications http://marketshare.hitslink.com/
  • http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
  • http://weblogs.mozillazine.org/asa/archives/2010/05/firefox_and_chrome_u.html
  • HTML5 is...
  • photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
  • photo by Horia http://www.flickr.com/photos/horiavarlan/4273168957/
  • HTML5 Forms Canvas 2D Graphics Context Microdata Microdata vocabularies Cross-document messaging Channel messaging ref. http://whatwg.org/html5 - 1.1 Is this HTML5?
  • 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?
  • 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?
  • 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?
  • This specification evolves HTML and its related APIs to ease the authoring of Web-based applications. http://whatwg.org/html5 - Abstract
  • Technology Status
  • CSS, Image, Fonts...
  • ✴ ✴ ✴ ✴ ✴ ... https://developer.mozilla.org/en/Upcoming_Firefox_features_for_developers
  • ✴ ✴ ✴ ✴ ✴ ... https://developer.mozilla.org/en/Upcoming_Firefox_features_for_developers
  • JS APIs for Web Apps...
  • photo by Aron http://www.flickr.com/photos/aarongustafson/2491839081/
  • : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
  • https://wiki.mozilla.org/User:Mounir.lamouri/ HTML5_Forms : https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms
  • photo by 5500 http://www.flickr.com/photos/5500/303849123/
  • ( ) ...
  • Web Sockets API
  • photo by californiaAmy http://www.flickr.com/photos/amyandthomas/3865411819/
  • https://developer.mozilla.org/en/Using_files_from_web_applications                                 
  • Firefox3.6~ http://r.dynamis.jp/fontdropdemo
  • http://hacks.mozilla.org/2009/12/uploading-files-with-xmlhttprequest/
  • http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html
  • https://dev.mozilla.jp/hacksmozillaorg/firefox-4-the-html5-parser-inline-svg-speed-and-more/
  • Video, Animation, 3D ...
  • Xiph.Org On2 Tech. Google VP3 Ogg Theora VP4 Vorbis VP5 VP6 WebM VP7 Matroska VP8 VP8 Vorbis
  • Theora Firefox 3.5~, WebM Firefox4~
  • 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/
  • Firefox.next~ http://24ways.org/2009/going-nuts-with-css-transitions
  • Firefox.next~ http://24ways.org/2009/going-nuts-with-css-transitions
  • http://media.24ways.org/2009/14/5/index.html
  • SVG Test Suite : http://www.codedread.com/svg-support.php
  • http://people.mozilla.com/~dynamis/demo/smil/
  • Firefox.next~ http://www.khronos.org/webgl/wiki/Demo_Repository
  • Firefox.next~ https://developer.mozilla.org/en/WebGL
  • https://developer.mozilla.org/en/WebGL/Getting_started_with_WebGL                                
  • Future Web Platform
  • Firefox3.6~ http://r.dynamis.jp/oryzeademo
  •   Firefox3.6~ http://hacks.mozilla.org/2009/10/orientation-for-firefox/
  • https://developer.mozilla.org/en/Detecting_device_orientation                                              
  •   https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish
  • http://www.mgalli.com/development/drawing/demoapp.html   https://wiki.mozilla.org/Firefox/Projects/Multitouch_Polish/DOM_Events/Examples
  • for more information...
  • 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
  • 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/
  • http://www.w3.org/TR/css3-fonts/ http://code.google.com/webfonts http://typekit.com/ http://decomoji.jp/ http://www.fontsquirrel.com/fontface/generator
  • 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
  • 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