HTML5/CSS3のニュースやTIPSなどのまとめ (2012年9月21日) ニュース Facebook:「HTML5に賭けたのは間違い」発言の技術的な理由と反応 (InfoQ) http://www.infoq.com/jp/news/2012/09/Facebook-HTML5-Native イベント・セミナー CSS3を使ったウェブ表現の新しいカタチ (Eiji Kitamura) https://docs.google.com/presentation/d/1CqLKVi0WxS_vDSQVauWUZ9r_iljm93SM7cYf-osJk38/edit#slide=id.p http://atnd.org/event/myojowaraku2012googlecssworkshop 9/8-9に行われた「明星和楽」のプレゼン資料。Goolge Docsでこんな風にできるのかぁ。 サイト・アプリ 敵に見つからずに財宝を盗み出せ!! 「Creatures and Castles」 (Html5 Collect) http://jp.html5collect.net/%e6%95%b5%e3%81%ab%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%9a%e3%81%ab%e8%b2%a1%e5%ae%9d%e3%82%92%e7%9b%97%e3%81%bf%e5%87%ba%e3%81%9b%e3%80%8ecreatures-castles%e3%80%8f/ http://creaturesandcastles.hiive.com/ ツール HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト「Page Layers」が神 (fladdict) http://fladdict.net/blog/2012/09/pagelayers.html http://www.ralfebert.de/apps/page-layers-photoshop-osx-website-screenshots/ http://bit.ly/PDeEYd HTML5は全然関係ないけど凄い便利そうなMac用アプリ。2,500円。 ドラッグ&ドロップでレスポンシブなWebサイトを作れる「DIVSHOT」 (100SHIKI) http://www.100shiki.com/archives/2012/09/divshot.html http://divshot.com/ http://dothtml5.com/archives/20120915_clips.html#pickup3 「Twitter Bootstrapを使っているらしく、出来上がったサイトは自動的にレスポンシブデザインにもなる」 smart.js - スマホ対応アニメーション支援ライブラリ (UNIZONBEX) http://smartjs.net/ HTML5 canvasとCSS3の組み合わせ?タイトルの「smart.js」の部分にマウスを合わせたりクリックするとデモが見れる。 複数の指定した範囲ごとにスクロールに追従するパネルを設置するスクリプト「jQuery Stick 'em」 (コリス) http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-stick-em.html http://davist11.github.com/jQuery-Stickem/ https://github.com/davist11/jQuery-Stickem http://viget.com/inspire/jquery-stick-em http://phpspot.org/blog/archives/2013/01/jquerystick_em.html Haxe+NMEを使えば、FlashとHTML5とWindowsで動くゲームが一つのコードから作れる (ABA) http://d.hatena.ne.jp/ABA/20120918 http://abagames.sakura.ne.jp/nme/benchstg/ http://haxe.org/ http://www.haxenme.org/ TIPS 読込んだサウンドファイルをSoundJSで再生する (Fumio Nonaka) http://www.fumiononaka.com/Business/html5/FN1209007.html ペジェ曲線|HTML5 (Hiroshi Ogawa) http://wiredhiro.jp/blog/archives/1743 CSS3 そろそろ本気でCSS3アニメーション その1 Cap (OTCHY) http://www.otchy.net/20120915/css3-animation-1-cap/ CSS3を使ったナビゲーションメニュー作例色々 (mBlog) http://mantiddesign.com/archives/12684 http://designmodo.com/css3-menus/ 「Free CSS3 Menu and Navigation Tutorials (DesignModo) 」 (*価格は掲載時のものです。購入時にご確認ください。) 次のクリップ:HTML5/CSS3のニュースやTIPSなどのまとめ (2012年9月22日) 前のクリップ:HTML5/CSS3のニュースやTIPSなどのまとめ (2012年9月20日)