HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)

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

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

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

about:mozilla
.com brain .org heart

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

Firefox.Future
Rapid Release...

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

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

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

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

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

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

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

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

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://freesoft.tvbok.com/tips/net_tips/ie9_doctype.html

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

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

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

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

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

http://css-tricks.com/examples/ButtonMaker/

http://gradients.glrzad.com/

http://www.patternify.com/

http://ie.microsoft.com/testdrive/Graphics/
CSSGradientBackgroundMaker/Default.html

http://hacks.mozilla.org/2009/11/css-gradients-ﬁrefox-36/

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

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

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

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

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

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

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

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

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

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

http://hacks.mozilla.org/2010/07/ﬁrefox4-beta2/

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

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

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

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

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

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

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

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

HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)

More Related Content

HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)