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

ニュース

「HTML5/jQueryグリッドなど」

韓国の開発ツールベンダーTOBESOFTが日本での展開を本格化 (ITpro)

http://itpro.nikkeibp.co.jp/article/NEWS/20120516/397104/

http://www.tobesoft.jp/product/xpl01.jsp

「開発ツールXPLATFORM」「HTML5の機能を活用し、ユーザーエクスペリエンスを追求したアプリケーションを作成」

イベント・セミナー

HTML5で作るスマホブラウザゲーム (SlideShare)

http://www.slideshare.net/tkm64/html5-12938757

5/15にに行われた「第3回 SmartHacks - スマートフォンブラウザ技術勉強会 - スマートフォン上で動くhtml5+CSS3+Javascriptについてhackathon形式で学びます」のプレゼン資料。

サイト・アプリ

Google、「Gmailが届くまで」の図解と動画を公開 (ITmedia)

http://www.itmedia.co.jp/enterprise/articles/1205/16/news111.html

http://www.google.com/green/storyofsend/desktop/

Flashナシでもアニメーションしまくる。CSS3アニメかな？

GTA (Grand Theft Auto) in WebGL

http://niklasvh.github.com/WebGL-GTA/

https://github.com/niklasvh/WebGL-GTA

http://creativejs.com/2012/05/grand-theft-auto-webgl/

Grand Theft Auto (GTA) というクルマのゲームのWebGL移植途中版。まだクルマには乗れないらしい。ソースは公開されてる (英語)

Visible Geology

http://app.visiblegeology.com/

http://app.visiblegeology.com/profile.html

3Dなビジュアルを作れるウェブサービス。WebGLを使っている (英語)

アドスフィア (言語社)

http://www.adsphere.jp/

HTML5で作られた「読み進めるバナー」

ツール

Adobe Edgeプレビュー版6公開 (akihiro kamijo)

http://cuaoar.jp/2012/05/adobe-edge-6.html

http://dothtml5.com/archives/20110802_adobe_edge.html

sipml5 - The world's first HTML5 SIP client (Google Project Hosting)

http://code.google.com/p/sipml5/

http://news.mynavi.jp/news/2012/05/23/007/

http://www.moongift.jp/2012/05/20120529-3/

HTML5で作られたSIPのクライアント。SIPはIP電話やIMのプロトコル。ライセンスはGPL (英語)

TIPS

CREATEJSで遊んでみる (Classmethod.dev)

http://dev.classmethod.jp/ria/html5/createjs-1/

スマホのHTML5新要素の対応状況を調査しました (x-fit)

http://www.x-fit.jp/blog/x-fit-dev/190

HTTP Speed + Mobility (HTML5Labs)

http://html5labs.interoperabilitybridges.com/prototypes/http-speed-plus-mobility/http-speed-plus-mobility/info

https://twitter.com/#!/IE_Japan/statuses/202364269097005056

http://dothtml5.com/archives/20101224_ms_html5_labs.html

CSS3

CSS Only Loading Spinner

http://blog.crazyegg.com/demos/css_only_loading_spinner/

http://blog.crazyegg.com/2012/05/08/loading-spinners-css3-animation/

JavaScriptナシのCSS3だけで作る、アニメーションするローディングアイコン４種 (英語)

CSS3 Animation Generator

http://www.css3animationgenerator.com/

CSS3アニメーションのジェネレータ (英語)

簡単なサンプルで学ぶ！ゼロからはじめるレスポンシブWebサイト初級編 - メディアクエリを使ってCSSを分岐させる (HTML5でサイトをつくろう)

http://www.html5-memo.com/css3/mediaqueries-sample01/

サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう (CodeZine)

http://codezine.jp/article/detail/6574

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