Your SlideShare is downloading. ×
about:HTML&Firefox
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

about:HTML&Firefox

2,631
views

Published on

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

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

Published in: Technology, Design

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,631
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
3
Embeds 0
No embeds

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. 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. see also: http://dynamis.jp/r
  • 3. http:// dynamis.jp @dynamitter facebook.com/ dynamismailto: Tomoya ASAI (dynamis) <dynamis@mozilla-japan.org>
  • 4. SlideShare github
  • 5. ISBN978-4-87311-497-2
  • 6. Agenda Rapid Release & ESR Key Point HTML5 Firefox in 2011 Firefox in 2012
  • 7. Rapid ReleaseRelease every 6 weeks...
  • 8. http://mozilla.jp/firefox/preview/faq/
  • 9. http://mozilla.jp/firefox/preview/faq/
  • 10. http://mozilla.jp/firefox/preview/faq/
  • 11. http://mozilla.jp/firefox/preview/faq/
  • 12. ESR Proposalfor Enterprise Users...
  • 13. https://wiki.mozilla.org/Enterprise/Firefox/ExtendedSupport:Proposal
  • 14. Key Point "HTML5"understanding html5...
  • 15. : Opus IETF
  • 16. HTML5 SVG SVG
  • 17. ...
  • 18. The term "HTML5" is widelyused as a buzzword to refer to modern Web technologies...
  • 19. http://foxkeh.jp/downloads/
  • 20. http://foxkeh.jp/downloads/
  • 21. Firefox XHTML 1.1 XForms ...
  • 22. It is necessary to evolve HTML incrementally. The attempt toget the world to switch to XML, ... all at once didnt work.
  • 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. Ian Hickson http://twitter.com/Hixie/status/4075253361
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. Firefox in 2011Firefox 5, 6, 7, 8, 9
  • 35. WHATWG HTML
  • 36. W3C CSS DOM
  • 37. Firefox 5~ https://developer.mozilla.org/en/CSS/CSS_animations
  • 38. Firefox 4~ https://developer.mozilla.org/en/CSS/CSS_transitions
  • 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. W3C IETF Khronos ...
  • 41. WebDev : http://www.slideshare.net/dynamis/firefox-security-features
  • 42. Firefox in 2012Firefox 10 & later
  • 43. Firefox 11 Native UI
  • 44. UI
  • 45. http://arewemobileyet.com/
  • 46. https://github.com/mozilla/pdf.js
  • 47. Firefox Hacks Rebooted PDF
  • 48. https://wiki.mozilla.org/B2G
  • 49. UI API
  • 50. UStream
  • 51. Open Web AppsWeb Apps Ecosystem