第11回 HTML5とか勉強会でのプレゼン資料 http://atnd.org/events/8427 デモの中でお見せしたビデオはこちら: http://people.mozilla.com/~dynamis/video/fennec4b1/

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

8. ( )

9. ...

10. ä
Nokia Maemo 1.0 1.1

12. Beta 2

16. "Firefox"

18. Nokia Maemo

23. 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

25. Firefox3.6~ http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/
CSS : http://css-tricks.com/examples/ButtonMaker/

26. Firefox3.6~ http://dev.w3.org/csswg/css3-images/#gradients-

27. http://people.mozilla.org/~blizzard/2009-11-gradient-button/sample.html

28. Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions

29. Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions

30. http://media.24ways.org/2009/14/5/index.html
-webkit- -o- prefix

32. SVG Test Suite : http://www.codedread.com/svg-support.php

33. http://people.mozilla.com/~dynamis/demo/smil/

43. ...

44. http://www.fractalbrew.com/labs/prefox/

48. https://wiki.mozilla.org/Labs/Weave/User/1.0/API
https://wiki.mozilla.org/Labs/Weave/Sync/1.0/API

53. http://mozillalabs.com/seabird