about:HTML&Firefox

3,083 views

Published on

WDF vol.3 で使用したスライド

Published in: Technology, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,083
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
9
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

about:HTML&Firefox

  1. 1. about:HTML&Firefox —Past, Now & Future— Slides @ WDF vol.3 by Tomoya ASAI (dynamis) last update on 2011.12.10 see also: http://dynamis.jp/r
  2. 2. see also: http://dynamis.jp/r
  3. 3. http:// dynamis.jp @dynamitter facebook.com/ dynamismailto: Tomoya ASAI (dynamis) <dynamis@mozilla-japan.org>
  4. 4. SlideShare github
  5. 5. ISBN978-4-87311-497-2
  6. 6. Agenda Rapid Release & ESR Key Point HTML5 Firefox in 2011 Firefox in 2012
  7. 7. Rapid ReleaseRelease every 6 weeks...
  8. 8. http://mozilla.jp/firefox/preview/faq/
  9. 9. http://mozilla.jp/firefox/preview/faq/
  10. 10. http://mozilla.jp/firefox/preview/faq/
  11. 11. http://mozilla.jp/firefox/preview/faq/
  12. 12. ESR Proposalfor Enterprise Users...
  13. 13. https://wiki.mozilla.org/Enterprise/Firefox/ExtendedSupport:Proposal
  14. 14. Key Point "HTML5"understanding html5...
  15. 15. : Opus IETF
  16. 16. HTML5 SVG SVG
  17. 17. ...
  18. 18. The term "HTML5" is widelyused as a buzzword to refer to modern Web technologies...
  19. 19. http://foxkeh.jp/downloads/
  20. 20. http://foxkeh.jp/downloads/
  21. 21. Firefox XHTML 1.1 XForms ...
  22. 22. It is necessary to evolve HTML incrementally. The attempt toget the world to switch to XML, ... all at once didnt work.
  23. 23. The drag-and-drop API is horrible, but it has one thing going for it: IE6implements it, as do Safari and Firefox. Ian Hickson http://twitter.com/Hixie/status/4075253361
  24. 24. Ian Hickson http://twitter.com/Hixie/status/4075253361
  25. 25. Semantic Multimedia HTML5 CSS GeolocationElements Elements FormsOffline User HTML5 DOM MathMLSupport Interaction Parser WebCanvas Microdata SVG XHR Messaging Web Web WebRTC WebGL ECMA5thWorkers Sockets ( ) : WHATWG W3C Other
  26. 26. HTML Living Standard - WHATWG W3CSemantic Multimedia HTML5 HTML - W3C CSSElements Elements FormsOffline User HTML5 DOM "HTML"Support Interaction Parser WebCanvas Microdata SVG Messaging Web Web more...Workers Sockets WebRTC WebGL
  27. 27. HTML Living Standard - WHATWGSemantic HTML5 HTML5 MultimediaElements Elements Forms HTMLOffline User HTML5 Canvas 2DSupport Interaction Parser Context Web HTML5Canvas Microdata Messaging Microdata Web Web more... HTML5 WebWorkers Sockets Messaging
  28. 28. Semantic Elements CSS Transforms ECMA5thMultimedia Elements CSS Animations WebM Codec Canvas 2D API SVG WebGL Forms WOFF (Web Fonts) WebCL Offline Events Event Listener (DOM) Typed Array Drag & Drop API XHR Level 2 Audio Data API Web Storage Indexed DB SQL DB (obsolate) HTML5 Parser File API River Trail Web Workers Geolocation SPDY Microdata Device Orientation ContentSecurityPolicy Web Sockets API Server-Sent Events Web Socket Protocol Web RTC Device API ICC Color Profile
  29. 29. Semantic Elements CSS Transforms ECMA5thMultimedia Elements CSS Animations WebM Codec Canvas 2D API SVG WebGL Forms WOFF (Web Fonts) WebCL Offline Events Event Listener (DOM) Typed Array Drag & Drop API XHR Level 2 Audio Data API Web Storage Indexed DB SQL DB (obsolate) HTML5 Parser File API River Trail Web Workers Geolocation SPDY Microdata Device Orientation ContentSecurityPolicy Web Sockets API Server-Sent Events Web Socket Protocol Web RTC Device API ICC Color Profile
  30. 30. Semantic Elements CSS Transforms ECMA5thMultimedia Elements CSS Animations WebM Codec Canvas 2D API SVG WebGL Forms WOFF (Web Fonts) WebCL Offline Events Event Listener (DOM) Typed Array Drag & Drop API XHR Level 2 Audio Data API Web Storage Indexed DB SQL DB (obsolate) HTML5 Parser File API River Trail Web Workers Geolocation SPDY Microdata Device Orientation ContentSecurityPolicy Web Sockets API Server-Sent Events Web Socket Protocol Web RTC Device API ICC Color Profile
  31. 31. Semantic Elements CSS Transforms ECMA5thMultimedia Elements CSS Animations WebM Codec Canvas 2D API SVG WebGL Forms WOFF (Web Fonts) WebCL Offline Events Event Listener (DOM) Typed Array Drag & Drop API XHR Level 2 Audio Data API Web Storage Indexed DB SQL DB (obsolate) HTML5 Parser File API River Trail Web Workers Geolocation SPDY Microdata Device Orientation ContentSecurityPolicy Web Sockets API Server-Sent Events Web Socket Protocol Web RTC Device API ICC Color Profile
  32. 32. Semantic Elements CSS Transforms ECMA5thMultimedia Elements CSS Animations WebM Codec Canvas 2D API SVG WebGL Forms WOFF (Web Fonts) WebCL Offline Events Event Listener (DOM) Typed Array Drag & Drop API XHR Level 2 Audio Data API Web Storage Indexed DB SQL DB (obsolate) HTML5 Parser File API River Trail Web Workers Geolocation SPDY Microdata Device Orientation ContentSecurityPolicy Web Sockets API Server-Sent Events Web Socket Protocol Web RTC Device API ICC Color Profile
  33. 33. Semantic Elements CSS Transforms ECMA5thMultimedia Elements CSS Animations WebM Codec Canvas 2D API SVG WebGL Forms WOFF (Web Fonts) WebCL Offline Events Event Listener (DOM) Typed Array Drag & Drop API XHR Level 2 Audio Data API Web Storage Indexed DB SQL DB (obsolate) HTML5 Parser File API River Trail Web Workers Geolocation SPDY Microdata Device Orientation ContentSecurityPolicy Web Sockets API Server-Sent Events Web Socket Protocol Web RTC Device API ICC Color Profile
  34. 34. Firefox in 2011Firefox 5, 6, 7, 8, 9
  35. 35. WHATWG HTML
  36. 36. W3C CSS DOM
  37. 37. Firefox 5~ https://developer.mozilla.org/en/CSS/CSS_animations
  38. 38. Firefox 4~ https://developer.mozilla.org/en/CSS/CSS_transitions
  39. 39. #somebox { color: black; background-color: yellow; /* すべてのスタイルを2秒かけて変化、開始はなめらかに */ -moz-transition: all 2s ease-in; transition: all 2s ease-in;}#somebox:hover { /* マウスオーバーで配色、サイズ、角度を変化 */ color: white; background-color: red; -moz-transform: rotate(-60deg) scale(1.5); transform: rotate(-60deg) scale(1.5);} http://hacks.mozilla.org/2010/07/firefox4-beta2/
  40. 40. W3C IETF Khronos ...
  41. 41. WebDev : http://www.slideshare.net/dynamis/firefox-security-features
  42. 42. Firefox in 2012Firefox 10 & later
  43. 43. Firefox 11 Native UI
  44. 44. UI
  45. 45. http://arewemobileyet.com/
  46. 46. https://github.com/mozilla/pdf.js
  47. 47. Firefox Hacks Rebooted PDF
  48. 48. https://wiki.mozilla.org/B2G
  49. 49. UI API
  50. 50. UStream
  51. 51. Open Web AppsWeb Apps Ecosystem

×