• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
 

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

on

  • 6,784 views

Firefox Developer Conference 2011 in Osaka で使用したスライド

Firefox Developer Conference 2011 in Osaka で使用したスライド
http://mozilla.jp/events/2011/fxdevcon-osaka/

公開用に一部修正やスライド追加しました

Statistics

Views

Total Views
6,784
Views on SlideShare
6,700
Embed Views
84

Actions

Likes
8
Downloads
44
Comments
0

6 Embeds 84

http://notnil-creative.com 59
http://s.deeeki.com 17
http://twitter.com 4
http://ponsukez.tumblr.com 2
https://twitter.com 1
http://paper.li 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • HTML5 for Designers Slides @ Firefox DevCon 2011 in Osaka by Tomoya ASAI (dynamis) last update on 2011.05.20
    • Tomoya ASAI (dynamis) Mozilla Japan - Technical mktg. http://dynamis.jp/ http://facebook.com/dynamis http://twitter.com/dynamitter dynamis@mozilla-japan.orgdynamis ( dunamis)
    • Facebook Twitter
    • Agenda
    • Agenda about:Mozilla Firefox.Future CSS Design Mobile Web Animation Security plus alpha
    • about:mozilla.com brain .org heart
    • http://www.flickr.com/photos/intothefuzz/5577427601/
    • http://royal.pingdom.com/2011/03/24/firefox-infographic/
    • http://royal.pingdom.com/2011/03/24/firefox-infographic/
    • http://royal.pingdom.com/2011/03/24/firefox-infographic/
    • http://blog.mozilla.com/blog/2011/03/25/
    • http://blog.mozilla.com/blog/2011/03/25/
    • http://www.flickr.com/photos/intothefuzz/5578011308/
    • : http://www.mozilla.org/about/manifesto.ja.html
    • http://www.flickr.com/photos/intothefuzz/5577430083/
    • Firefox.FutureRapid Release...
    • http://blog.mozilla.com/channels/
    • https://dev.mozilla.jp/2011/04/add-on-compatibility-rapid-releases/
    • 5/14 Aurora Betahttps://developer.mozilla.org/en/Firefox_5_for_developers
    • https://developer.mozilla.org/en/Firefox_5_for_developers
    • https://developer.mozilla.org/en/Firefox_5_for_developers
    • 5/7 Nightly
    • https://developer.mozilla.org/en/Firefox_6_for_developers
    • https://developer.mozilla.org/en/Firefox_6_for_developers
    • 5/7
    • https://apps.mozillalabs.com/
    • : UI
    • 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://decomoji.jp/
    • http://webfonts.fonts.com/
    • http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html
    • 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://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-firefox-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
    • Firefox3.6~ http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/
    • http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/
    • Firefox3.5~ http://hacks.mozilla.org/2009/06/text-shadow-spotlight/
    • http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html
    • https://developer.mozilla.org/en/CSS/-moz-transform
    • https://developer.mozilla.org/En/CSS/Using_CSS_transforms
    • IE9 ...
    • http://hacks.mozilla.org/2010/06/css3-calc/
    • :link :visited :-moz-any-link
    • 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/
    • JS mozSetImageElement()
    • http://hacks.mozilla.org/2010/08/mozelement/
    • http://hacks.mozilla.org/2010/08/mozelement/
    • https://developer.mozilla.org/en/CSS/Media_queries
    • cm iPhone
    • http://www.alistapart.com/articles/responsive-web-design/
    • http://www.alistapart.com/articles/responsive-web-design/
    • http://www.alistapart.com/articles/responsive-web-design/
    • http://colly.com/
    • http://colly.com/
    • https://developer.mozilla.org/en/Mobile/Viewport_meta_tag
    • WebKit DL
    • WebKit DL
    • setTimeout()/setInterval()
    • http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html
    • http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html
    • http://weblogs.mozillazine.org/roc/archives/2010/08/mozrequestanima.html
    • https://developer.mozilla.org/en/Canvas_tutorial
    • http://www.w3.org/TR/html5/the-canvas-element.html#security-with-canvas-elements
    • http://googlecode.blogspot.com/2011/05/creating-2d-games-with-javascript-html5.html
    • http://muizelaar.blogspot.com/2011/02/drawing-sprites-canvas-2d-vs-webgl.html
    • http://processingjs.org/http://code.google.com/p/cakejs/http://graph.tk/http://d.hatena.ne.jp/uupaa/searchdiary?word=*[uupaa.js]http://www.canvasdemos.com/
    • https://developer.mozilla.org/en/SVG/SVG_animation_with_SMIL
    • http://dynamis.jp/demo/smil/
    • animateColor https://bugzilla.mozilla.org/show_bug.cgi?id=436296
    • http://raphaeljs.com/http://g.raphaeljs.com/http://blogs.msdn.com/b/ie/archive/2011/04/22/thoughts-on-when-to-use-canvas-and-svg.aspxhttp://www.codedread.com/svg-support.php
    • Firefox 4~ http://24ways.org/2009/going-nuts-with-css-transitions
    • http://hacks.mozilla.org/2010/07/firefox4-beta2/
    • https://developer.mozilla.org/en/CSS/CSS_animations
    • http://www.khronos.org/webgl/
    •               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/firefox-4-http-strict-transport-security-force-https/
    • http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html
    • 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/Security/CSP/Using_Content_Security_Policy
    • https://developer.mozilla.org/en/http_access_control
    • https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
    • http://dl.dropbox.com/u/130643/dih5ja/history.html https://github.com/
    • https://dev.mozilla.jp/hacksmozillaorg/history-api-changes-in-firefox-4/
    • https://dev.mozilla.jp/hacksmozillaorg/history-api-changes-in-firefox-4/
    • Any Question ?