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

ニュース

モバイル専用クラウドをAppceleratorが提供開始。新登場の「Titanium 2.0」と統合 (Publickey)
http://www.publickey1.jp/blog/12/appceleratortitanium_20.html
http://www.appcelerator.com/
74% Of The Browser Market Supports HTML5 Video (The Next Web)
http://thenextweb.com/dd/2012/04/19/74-of-the-browser-market-supports-html5-video-but-flashs-death-will-take-time/
HTML5 videoに対応するブラウザのシェアが74%に。１月は66%だったらしい (英語)
HTML5の電子雑誌を作りたい人を募集します (ASCII)
http://ascii.jp/elem/000/000/682/682692/
HTML5関連の情報源のまとめ 2012年4月版 (KAYAC DESIGNER'S BLOG)
http://design.kayac.com/topics/2012/04/html5news.php

書籍

HTML5 ファイルシステムAPI 日本語版 (オライリー)
http://www.oreilly.co.jp/books/9784873115399/
1,365円、出版社：オライリー、著：Eric Bidelman、訳：山田修司／トップスタジオ (電子書籍)

サイト・アプリ

HTML5 Platformer
http://david.blob.core.windows.net/modernhtml5platformer/index.html
http://www.sitepoint.com/modernize-your-html5-canvas-game/
http://blogs.msdn.com/b/davrous/archive/2012/03/21/html5-platformer-the-complete-port-of-the-xna-game-to-lt-canvas-gt-with-easeljs.aspx
HTML5 canvasなどで作られた宝石を集めるパズルゲーム。A,W,Dキーで操作。XNAゲームの移植でIE9に最適化されている？制作のチュートリアルもある (英語)
Score Rush (Turbulenz)
https://turbulenz.com/#!games/scorerush
http://indiegames.com/2012/04/bullet_hell_twin-stick_shooter.html
http://creativejs.com/2012/04/score-rush/
HTML5 canvasで作られたシューティングゲーム。要ユーザ登録 (英語)

ツール

EmacsのFlymakeでHTML5の構文チェックを「Validator.nu (X)HTML5 Validator」使ってやってみるメモ (牌語備忘録 - pygo)
http://d.hatena.ne.jp/CortYuming/20120415/p3
撮った写真にコメントを追記できるHTML5ドローツール (ナカシャクリエイテブ)
http://webapp.nakasha.co.jp/site1/services/gis/html5.html

TIPS

HTML5 Kaleidoscope Experiment (Experience Bureau)
http://www.experiencebureau.com/toys/kaleidoscope/
HTML5 canvasで作られたリアルタイムに動く万華鏡。Flickrの画像を利用できる (英語)
DOMオブジェクトをCanvasに描画する (MDN)
https://developer.mozilla.org/ja/HTML/Canvas/Drawing_DOM_objects_into_a_canvas
HMTL4からHTML5への移行 (俺日記)
http://might1976.doorblog.jp/archives/53806583.html
HTML5 Full Screen (Motyar)
http://motyar.blogspot.jp/2012/04/html5-full-screen.html
HTML5フルスクリーンのチュートリアル (英語)

CSS3

HTML5とあわせて知りたい周辺技術 第2回 CSS3だけで実現するアニメーションとは？ (Think IT)
http://thinkit.co.jp/story/2012/04/19/3527
リッチなレイアウトの出版物をHTML5とCSS3、そしてMathMLを使用してEPUB 3で作成する (IBM developerWorks)
http://www.ibm.com/developerworks/jp/xml/library/x-richlayoutepub/
CSS3 Menu and Navigation Tutorials (Speckyboy Design Magazine)
http://speckyboy.com/2012/04/18/css3-menu-and-navigation-tutorials/
CSS3で作られたメニューいろいろ (英語)
How to Create an Image Slider using jQuery and CSS3 (joomlavision)
http://www.joomlavision.com/how-to-create-an-image-slider-using-jquery-and-css3-tutorial/
CSS3+jQueryで作る画像スライド (英語)
CSS3 loading animation experiment (RedTeamDesign)
http://www.red-team-design.com/css3-loading-animation-experiment
CSS3で作るトライアングルなローディングアイコン (英語)

SVG

デモSVG (浜インテリア)
http://hama-i.co.jp/demo/svg/
SVGの話 (hail2u)
http://hail2u.net/blog/webdesign/on-svg.html

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