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

ニュース

The History of HTML5 (Visual.ly)
http://visual.ly/history-html5
http://www.wix.com/blog/2012/07/the-authentic-infographic-history-of-html5/
HTML5の歴史を１枚の図にまとめたインフォグラフィック (英語)
WebSharperについて - Adam Graniczに訊く (InfoQ)
http://www.infoq.com/jp/news/2012/07/WebSharper-Open-Source
http://websharper.com/home
「HTML5サポートの拡大」
HTML5が持つ「二つの構文」とは？ IT腕試し (日経BPネット)
http://www.nikkeibp.co.jp/article/column/20120627/313994/

イベント・セミナー

HTML5実践ゼミ - ワークショップで最新技術を学ぶ (NCF2012)
http://www.tokai.nttdocomo.co.jp/ncf/pc/html5/
2012/9/22(土) or 10/6(土) 10:00-17:00 両日とも同内容、エイチーム (名古屋市西区)、無料。

書籍

WebデザイナーのためのHTML5移行ガイド
http://www.amazon.co.jp/dp/484433235X?tag=dothtml5-22
1,575円、出版社：インプレスジャパン、著：こもりまさあき・岡部和昌

サイト・アプリ

WebSequencerを公開します (g200kg)
http://www.g200kg.com/archives/2012/07/websequencer.html
http://www.g200kg.com/websequencer/
HTML5+JavaScriptで作られたMIDIシーケンサー。WebMidiLinkと同じ作者さん。
ドラえもんの秘密道具のコエカタマリンを疑似体験 (蟻の実験工房)
http://antlabo.jp/html5/koekatamarin/
http://d.hatena.ne.jp/antlabo/20120716/1342454627
HTML5でつくったスネークゲーム、矢印キーでスネークを操作してドットにぶつけるやつ。やりだすとはまるので注意ｗ (@colisscom)
https://twitter.com/colisscom/status/225133954167095296
http://cssdeck.com/item/624/classic-snake-game-with-html5-canvas
http://www.ideaxidea.com/archives/2012/07/snake_html5.html

ツール

HTML5 Sortable (Ali Farhadi)
http://farhadi.ir/projects/html5sortable/
https://github.com/farhadi/html5sortable
http://www.moongift.jp/2013/01/20130129-3/
ソート可能なリストを実装できるjQueryプラグイン。ライセンスはMIT (英語)

TIPS

HTML5って本当にすごいの？３分でわかる！あかねのHTML5講座 入門編 (LIG)
http://liginc.co.jp/designer/archives/6401
JavaScriptでバイナリデータを処理する方法。HTML5のTyped Arraysを使う (@Inetgate)
https://twitter.com/Inetgate/statuses/225104245874110464
http://blog.varunkumar.me/2012/07/binary-data-processing-in-javascript.html

CSS3

シンプルなデザインが嬉しい、IE7もサポートしたレスポンシブデザイン用のHTML5フレームワーク「Wirefy」 (コリス)
http://coliss.com/articles/build-websites/operation/work/framework-wirefy-for-responsive-design.html
http://cjdsie.github.com/wirefy/
https://github.com/cjdsie/wirefy/
テキストを円形に描画するチュートリアル (phpspot開発日誌)
http://phpspot.org/blog/archives/2012/07/post_613.html
http://css-tricks.com/set-text-on-a-circle/
Modern CSS3 Calculator (Mozilla Developer Network)
https://developer.mozilla.org/ja/demosdetail/modern-css3-calculator/launch
https://developer.mozilla.org/ja/demosdetail/modern-css3-calculator
CSS3+JavaScriptで作られた計算機 (英語)

SVG

SVGをテンプレートとして使う (Enjoy*Study)
http://d.hatena.ne.jp/onozaty/20120715/p2
http://www.enjoyxstudy.com/misc/load_svg/load_svg.html

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