Firefox 4 & Web
Slides @ Mozilla Workshop @ Nagoya
  by Tomoya ASAI (aka. dynamis)




          Fractal Firefox Backgroun...
...
Agenda
Web Design
CSS, Image, Fonts...
Firefox3.5~ https://developer.mozilla.org/ja/CSS/@font-face
http://decomoji.jp/
http://www.motoya.co.jp/business/news/openhandsetalliance/
Firefox3.5~ http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
: http://people.mozilla.org/~jdaggett/webfontsfuture.pdf
http://hacks.mozilla.org/2009/10/font-control-for-designers/
http://hacks.mozilla.org/2010/07/firefox4-beta2/
http://hacks.mozilla.org/2010/06/css3-calc/
http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
http://hacks.mozilla.org/2010/08/mozelement/
http://webkit.org/blog/176/css-canvas-drawing/
http://webkit.org/blog/176/css-canvas-drawing/
JS   mozSetImageElement()
http://hacks.mozilla.org/2010/08/mozelement/
http://hacks.mozilla.org/2010/08/mozelement/
Native Multimedia
Video, Audio, 3D ...
Firefox   <video>
VLC Web Browser Plugin: http://www.videolan.org/vlc/download-macosx.html
autobuffer   preload
   




http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/
http://shaver.off.net/diary/2010/08/27/free-as-in-smokescreen/
                         OSS
http://www.w3.org/2005/Incubator/audio/
http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/
http://twitter.com/cherenkov/status/21614170698
http://www.khronos.org/webgl/
                                      

         


   




            http://webos-goodies.jp/archives/getting_started_w...
Application Platform
JS APIs for Web Apps...
http://d.hatena.ne.jp/javascripter/20100404/
http://host/path?query#fragment
 




    http://hacks.mozilla.org/2009/10/multi-touch/
https://dev.mozilla.jp/hacksmozillaorg/websockets-in-firefox/
http://r.dynamis.jp/mozhacks
References
for more information...
http://hacks.mozilla.org/
https://dev.mozilla.jp/hacksmozillaorg/


https://developer.mozilla.org/en/
Upcoming_Firefox_fea...
http://www.slideshare.net/myakura/presentations


http://www.slideshare.net/myakura/microdata-a-primer


http://people.moz...
http://www.whatwg.org/html5


http://caniuse.com/
http://caniuse.com/#cats=HTML5&statuses=rec,pr,cr,wd,ietf


http://wiki....
http://hacks.mozilla.org/


http://html5rocks.com/


http://developer.apple.com/safaridemos/


http://ie.microsoft.com/tes...
http://html5gallery.com/


http://www.scribd.com/doc/30964170/Scribd-in-HTML5


http://280slides.com/


http://www.youtube...
https://gaming.mozillalabs.com/


http://www.canvasdemos.com/type/games/


http://benfirshman.com/projects/jsnes/


http://...
http://tools.mozilla.com/


http://processingjs.org/


http://azarask.in/projects/algorithm-ink/
http://code.google.com/p/...
http://d.hatena.ne.jp/uupaa/searchdiary?word=*[uupaa.js]


http://raphaeljs.com/
http://g.raphaeljs.com/


Cappuccino: htt...
http://www.w3.org/TR/css3-fonts/


http://code.google.com/webfonts


http://typekit.com/
http://decomoji.jp/


http://www....
http://www.khronos.org/webgl/
http://www.khronos.org/webgl/wiki/Demo_Repository


https://developer.mozilla.org/en/WebGL

...
http://www.w3.org/TR/FileAPI/
http://www.w3.org/TR/file-writer-api/


http://www.w3.org/TR/geolocation-API/


https://wiki....
http://www.w3.org/Style/CSS/current-work


https://cvs.khronos.org/svn/repos/registry/trunk/public/
webgl/doc/spec/WebGL-s...
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Firefox 4 & web
Upcoming SlideShare
Loading in...5
×

Firefox 4 & web

1,734

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,734
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Firefox 4 & web"

  1. 1. Firefox 4 & Web Slides @ Mozilla Workshop @ Nagoya by Tomoya ASAI (aka. dynamis) Fractal Firefox Background Image: http://r.dynamis.jp/fractalfx
  2. 2. ...
  3. 3. Agenda
  4. 4. Web Design CSS, Image, Fonts...
  5. 5. Firefox3.5~ https://developer.mozilla.org/ja/CSS/@font-face
  6. 6. http://decomoji.jp/ http://www.motoya.co.jp/business/news/openhandsetalliance/
  7. 7. Firefox3.5~ http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
  8. 8. : http://people.mozilla.org/~jdaggett/webfontsfuture.pdf
  9. 9. http://hacks.mozilla.org/2009/10/font-control-for-designers/
  10. 10. http://hacks.mozilla.org/2010/07/firefox4-beta2/
  11. 11. http://hacks.mozilla.org/2010/06/css3-calc/
  12. 12. http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
  13. 13. http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
  14. 14. http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
  15. 15. http://hacks.mozilla.org/2010/08/mozelement/
  16. 16. http://webkit.org/blog/176/css-canvas-drawing/
  17. 17. http://webkit.org/blog/176/css-canvas-drawing/
  18. 18. JS mozSetImageElement()
  19. 19. http://hacks.mozilla.org/2010/08/mozelement/
  20. 20. http://hacks.mozilla.org/2010/08/mozelement/
  21. 21. Native Multimedia Video, Audio, 3D ...
  22. 22. Firefox <video> VLC Web Browser Plugin: http://www.videolan.org/vlc/download-macosx.html
  23. 23. autobuffer preload
  24. 24.     http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/
  25. 25. http://shaver.off.net/diary/2010/08/27/free-as-in-smokescreen/ OSS
  26. 26. http://www.w3.org/2005/Incubator/audio/
  27. 27. http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/
  28. 28. http://twitter.com/cherenkov/status/21614170698
  29. 29. http://www.khronos.org/webgl/
  30. 30.               http://webos-goodies.jp/archives/getting_started_with_webgl.html
  31. 31. Application Platform JS APIs for Web Apps...
  32. 32. http://d.hatena.ne.jp/javascripter/20100404/
  33. 33. http://host/path?query#fragment
  34. 34.   http://hacks.mozilla.org/2009/10/multi-touch/
  35. 35. https://dev.mozilla.jp/hacksmozillaorg/websockets-in-firefox/
  36. 36. http://r.dynamis.jp/mozhacks
  37. 37. References for more information...
  38. 38. 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://w3g.jp/blog/studies/html5report
  39. 39. http://www.slideshare.net/myakura/presentations http://www.slideshare.net/myakura/microdata-a-primer http://people.mozilla.org/~jdaggett/webfontsfuture.pdf http://www.slideshare.net/beltzner/firefox- roadmap-2010-0510
  40. 40. http://www.whatwg.org/html5 http://caniuse.com/ http://caniuse.com/#cats=HTML5&statuses=rec,pr,cr,wd,ietf http://wiki.whatwg.org/wiki/Implementations_in_Web_browsers http://www.codedread.com/svg-support.php
  41. 41. http://hacks.mozilla.org/ http://html5rocks.com/ http://developer.apple.com/safaridemos/ http://ie.microsoft.com/testdrive/ http://twitter.com/paulrouget/ Web
  42. 42. http://html5gallery.com/ http://www.scribd.com/doc/30964170/Scribd-in-HTML5 http://280slides.com/ http://www.youtube.com/html5
  43. 43. https://gaming.mozillalabs.com/ http://www.canvasdemos.com/type/games/ http://benfirshman.com/projects/jsnes/ http://www.dextrose.com/en/projects/aves-engine http://www.kesiev.com/akihabara/ Web
  44. 44. http://tools.mozilla.com/ http://processingjs.org/ http://azarask.in/projects/algorithm-ink/ http://code.google.com/p/contextfree/source/browse/trunk/ contextfree.js http://code.google.com/p/cakejs/
  45. 45. http://d.hatena.ne.jp/uupaa/searchdiary?word=*[uupaa.js] http://raphaeljs.com/ http://g.raphaeljs.com/ Cappuccino: http://objective-j.org/ Sproutcore: http://www.sproutcore.com/ JavaScriptMVC: http://javascriptmvc.com/ Ample SDK: http://www.amplesdk.com/ Gianduia
  46. 46. http://www.w3.org/TR/css3-fonts/ http://code.google.com/webfonts http://typekit.com/ http://decomoji.jp/ http://www.fontsquirrel.com/fontface/generator
  47. 47. http://www.khronos.org/webgl/ http://www.khronos.org/webgl/wiki/Demo_Repository https://developer.mozilla.org/en/WebGL http://www.gatk.net/webgl/ http://webos-goodies.jp/archives/ getting_started_with_webgl.html http://learningwebgl.com/cookbook/
  48. 48. 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
  49. 49. http://www.w3.org/Style/CSS/current-work https://cvs.khronos.org/svn/repos/registry/trunk/public/ webgl/doc/spec/WebGL-spec.html https://cvs.khronos.org/svn/repos/registry/trunk/public/ webgl/doc/spec/TypedArray-spec.html http://www.whatwg.org/specs/web-apps/current-work/ multipage/introduction.html#is-this-html5?

×