HTML5/CSS3のニュースやTIPSなどのまとめ (2012年5月3日)

ニュース

「HTML5アプリを制作するためのSDKも公開」

レスポンシブWebデザインと「最適化」 (覚え書き@kazuhi.to)

http://kidachi.kazuhi.to/blog/archives/037488.html

イベント・セミナー

W3C日本語組版ノートとCSS3 (SlideShare)

http://www.slideshare.net/kojiishi/w3ccss3-201203-jagat

2012/3に行われたJAGAT主催のセミナーのプレゼン資料。

サイト・アプリ

ASK KEN - Visual Knowledge Browser

http://askken.heroku.com/

http://creativejs.com/2012/04/go-ahead-askken/

HTML5 canvasで作られた、ビジュアルな検索ツール。まずは画面右上の検索ボックスにキーワードを入れる。サークル状のものから関連キーワードを検索できる (英語)

「毎日jp」4月5日にリニューアル、ソーシャルに最適化、HTML5全面サポート (INTERNET Watch)

http://internet.watch.impress.co.jp/docs/news/20120322_520580.html

http://mainichi.jp/

ツール

Brackets - An open source code editor for the web, written in JavaScript, HTML and CSS (GitHub)

https://github.com/adobe/brackets

http://www.publickey1.jp/blog/12/htmlbrackets.html

ブラウザで動作するHTML/CSS/JavaScriptエディタ。アドビ製らしい (英語)

これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成「Fire.app」 (MOONGIFT)

http://www.moongift.jp/2012/04/20120430/

https://github.com/handlino/fireapp/

ファイルが更新されたら、自動でCoffeeScriptなどでコンパイルしてくれるらしい。

ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト「Koottam」 (コリス)

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-koottam.html

http://jobyj.in/koottam-jquery-plugin/

http://phpspot.org/blog/archives/2012/05/jquerykoottam.html

TIPS

JavaScriptで、もう連想配列の最後のカンマに悩まない！ (DQNEO起業日記)

http://dqn.sakusakutto.jp/2012/05/javascript-last-comma.html

最後に dummy: null を追記するだけでいいらしい。プロトタイプで定義してしまえばより良し。length は変わらいと。

[HTML5 Dev] パソコン用Webサイトのモバイル化 - パート1 (インターネットコム)

http://japan.internet.com/webtech/20120502/1.html

What’s the Deal With Display: Inline-Block? (Design Shack)

http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/

inline-blockのTIPSいくつか (英語)

CSS3

CSS pointer-events and a pure CSS3 animating tooltip (Viget)

http://viget.com/inspire/css-pointer-events-and-a-pure-css3-animating-tooltip

よくあるツールチップは要素からマウスが外れると消えるけど、これはツールチップ自体にもマウスを乗せられる。CSS3の pointer-events: none; を使うらしい (英語)

「えっ？ん、うん知ってるよ・・・」じゃそろそろすまされないCSS3 (Create Assembly)

http://www.createassembly.com/css173.html

アニメーションする3Dなグラフを描画するチュートリアル (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/05/3d_2.html

http://net.tutsplus.com/tutorials/javascript-ajax/create-an-animated-3d-bar-chartgraph/

http://sergeylukin.com/css-3d-bar-graph/

Fun with menus: Navigation using jQuery, CSS3, and HTML5 (TechRepublic)

http://www.techrepublic.com/blog/webmaster/fun-with-menus-navigation-using-jquery-css3-and-html5/1532

CSS3+jQueryで作るアコーディオンメニューのチュートリアル (英語)

（＊価格は掲載時のものです。購入時にご確認ください。）