Firefox Developer Conference 2011 in Osaka で使用したスライド http://mozilla.jp/events/2011/fxdevcon-osaka/ 公開用に一部修正やスライド追加しました

1. HTML5 for Designers
Slides @ Firefox DevCon 2011 in Osaka
by Tomoya ASAI (dynamis)

5. Tomoya ASAI (dynamis)
Mozilla Japan - Technical mktg.
http://dynamis.jp/
http://facebook.com/dynamis
http://twitter.com/dynamitter
dynamis@mozilla-japan.org
dynamis ( dunamis)

6. Agenda

7. Agenda
about:Mozilla
Firefox.Future
CSS Design
Mobile Web
Animation
Security

8. about:mozilla
.com brain .org heart

17. : http://www.mozilla.org/about/manifesto.ja.html

18. Firefox.Future
Rapid Release...

19. http://blog.mozilla.com/channels/

20. https://dev.mozilla.jp/2011/04/add-on-compatibility-rapid-releases/

22. 5/14 Aurora Beta
https://developer.mozilla.org/en/Firefox_5_for_developers

24. https://developer.mozilla.org/en/Firefox_5_for_developers

25. https://developer.mozilla.org/en/Firefox_5_for_developers

26. 5/7 Nightly

27. https://developer.mozilla.org/en/Firefox_6_for_developers

28. https://developer.mozilla.org/en/Firefox_6_for_developers

29. 5/7

30. : UI

31. https://wiki.mozilla.org/Labs/F1

32. http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/

33. http://blog.mozilla.com/dmandelin/2011/04/22/mozilla-javascript-2011/

38. Firefox3.5~ https://developer.mozilla.org/ja/CSS/@font-face

39. http://decomoji.jp/

40. http://webfonts.fonts.com/

42. http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html

43. http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html

46. Firefox3.5~ http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/

47. : http://people.mozilla.org/~jdaggett/webfontsfuture.pdf

48. http://hacks.mozilla.org/2009/10/font-control-for-designers/

49. http://hacks.mozilla.org/2009/10/font-control-for-designers/

50. http://freesoft.tvbok.com/tips/net_tips/ie9_doctype.html

51. http://subtech.g.hatena.ne.jp/mayuki/20110510/1304997242

54. https://bugzilla.mozilla.org/show_bug.cgi?id=574907

57. http://shopdd.blog51.fc2.com/blog-entry-932.html

58. Firefox3.6~ http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

59. http://dynamis.jp/demo/css-gradients/

60. http://css-tricks.com/examples/ButtonMaker/
http://gradients.glrzad.com/
http://www.patternify.com/
http://ie.microsoft.com/testdrive/Graphics/
CSSGradientBackgroundMaker/Default.html

61. Firefox3.6~ http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

62. http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

63. https://developer.mozilla.org/en/CSS/-moz-transform

64. https://developer.mozilla.org/En/CSS/Using_CSS_transforms

67. https://developer.mozilla.org/en/CSS/Media_queries

68. cm iPhone

69. http://www.alistapart.com/articles/responsive-web-design/

70. http://www.alistapart.com/articles/responsive-web-design/

71. http://www.alistapart.com/articles/responsive-web-design/

72. http://www.alistapart.com/articles/responsive-web-design/

73. http://colly.com/

74. http://colly.com/

75. https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

76. WebKit DL

78. WebKit DL

79. IE9 ...

80. http://hacks.mozilla.org/2010/06/css3-calc/

84. setTimeout()/setInterval()

85. http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html

86. http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html

87. http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html

88. https://developer.mozilla.org/en/Canvas_tutorial

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

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

95. http://hacks.mozilla.org/2010/07/firefox4-beta2/

96. https://developer.mozilla.org/en/CSS/CSS_animations

97. http://www.khronos.org/webgl/

98.
http://webos-goodies.jp/archives/getting_started_with_webgl.html

99. http://blog.jprosevear.org/2011/05/13/webgl-security/

107. http://hacks.mozilla.org/2010/08/firefox-4-http-strict-transport-security-force-https/

108. http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html

109. Fx 3.6.9 https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header

110. https://developer.mozilla.org/ja/Introducing_Content_Security_Policy

111. https://developer.mozilla.org/en/Security/CSP/Using_Content_Security_Policy

112. https://developer.mozilla.org/en/Security/CSP/Using_Content_Security_Policy

113. https://developer.mozilla.org/en/http_access_control

117. Any Question ?