Mozilla & Mobile
   Slides @ HTML5-toka 11th
  by Tomoya ASAI (dynamis)
(   )
...
ä




Nokia Maemo   1.0   1.1
Beta   2
"Firefox"
Nokia Maemo
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries
   /* iPads (portrait and landscape) ----------- */...
Firefox3.6~ http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/
CSS                       : http://css-tricks.com/ex...
Firefox3.6~ http://dev.w3.org/csswg/css3-images/#gradients-
http://people.mozilla.org/~blizzard/2009-11-gradient-button/sample.html
Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions
Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions
http://media.24ways.org/2009/14/5/index.html




                                 -webkit-   -o- prefix
SVG Test Suite   : http://www.codedread.com/svg-support.php
http://people.mozilla.com/~dynamis/demo/smil/
...
http://www.fractalbrew.com/labs/prefox/
https://wiki.mozilla.org/Labs/Weave/User/1.0/API
https://wiki.mozilla.org/Labs/Weave/Sync/1.0/API
http://mozillalabs.com/seabird
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Mozilla & Mobile
Upcoming SlideShare
Loading in...5
×

Mozilla & Mobile

2,414

Published on

第11回 HTML5とか勉強会でのプレゼン資料
http://atnd.org/events/8427

デモの中でお見せしたビデオはこちら:
http://people.mozilla.com/~dynamis/video/fennec4b1/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Mozilla & Mobile

  1. 1. Mozilla & Mobile Slides @ HTML5-toka 11th by Tomoya ASAI (dynamis)
  2. 2. ( )
  3. 3. ...
  4. 4. ä Nokia Maemo 1.0 1.1
  5. 5. Beta 2
  6. 6. "Firefox"
  7. 7. Nokia Maemo
  8. 8. http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ } /* iPhone 4 and high pixel ratio devices ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ } cm
  9. 9. Firefox3.6~ http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/ CSS : http://css-tricks.com/examples/ButtonMaker/
  10. 10. Firefox3.6~ http://dev.w3.org/csswg/css3-images/#gradients-
  11. 11. http://people.mozilla.org/~blizzard/2009-11-gradient-button/sample.html
  12. 12. Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions
  13. 13. Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions
  14. 14. http://media.24ways.org/2009/14/5/index.html -webkit- -o- prefix
  15. 15. SVG Test Suite : http://www.codedread.com/svg-support.php
  16. 16. http://people.mozilla.com/~dynamis/demo/smil/
  17. 17. ...
  18. 18. http://www.fractalbrew.com/labs/prefox/
  19. 19. https://wiki.mozilla.org/Labs/Weave/User/1.0/API https://wiki.mozilla.org/Labs/Weave/Sync/1.0/API
  20. 20. http://mozillalabs.com/seabird

×