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

ニュース

HTML5+CSS3+JavaScriptでiOS/Android向けネイティブアプリが作れるクラウドベースのサービス「Brightcove App Cloud」

もうJavaもRubyも要らない？ - JavaScriptオンリーの未来派WebアプリフレームワークMeteorがデビュー (TechCrunch)

http://jp.techcrunch.com/archives/20120411meteor-launch/

http://www.meteor.com/

メテオと呼ぶらしい。気になる。

新日鉄ソリューションズがHTML5スマホアプリ開発基盤をOSSとして公開へ (ITpro)

http://itpro.nikkeibp.co.jp/article/NEWS/20120411/390658/

JavaFXをマルチプラットフォームUIとして再定義 - JavaOne 2012 Tokyoから (Publickey)

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

書籍

HTML5の絵本

http://www.amazon.co.jp/dp/4798126179?tag=dothtml5-22

1,974円／出版社：翔泳社／著：アンク

サイト・アプリ

MMOsteroids (Seb Lee-Delisle)

http://seb.ly/demos/MMOsteroids.html

http://seb.ly/2012/04/node-js-experiment-mmo-asteroids/

いわゆるアステロイドのゲームのマルチプレイヤー版。HTML5 canvas+WebSockets+Node.jsあたりで作られている。

Microsoft launches 'The Hunger Games' minisite to show off latest HTML5 features (The Verge)

http://www.theverge.com/2012/3/20/2887354/the-hunger-games-microsoft-internet-explorer-site

http://thecapitoltour.pn/

http://creativejs.com/2012/04/multiplayer-asteroids-with-node-js/

「The Hunger Games」という映画？のプロモサイトがHTML5 canvasなどで作られている。Microsoftが作っている？

ツール

Kickstrap: Enhancements for Bootstrap (ajkochanowicz)

http://ajkochanowicz.github.com/Kickstrap/

https://github.com/ajkochanowicz

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

Twitter Bootstrap + HTML5 Boilerplate + 他いろいろなマッシュアップ (英語)

sigma.js | a lightweight JavaScript graph drawing library (Alexis Jacomy)

http://sigmajs.org/

http://github.com/jacomyal/sigma.js

http://phpspot.org/blog/archives/2012/04/jssigmajs.html

HTML5 canvasを使ったグラフやビジュアライゼーションのJavaScriptライブラリ。ライセンスはMIT。

TIPS

固定レイアウトのEPUBって何なのよ？ (ITmedia)

http://ebook.itmedia.co.jp/ebook/articles/1204/12/news019.html

これからHTML5をはじめるならぜひ読みたい「Dive Into HTML5」 (MOONGIFT)

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

http://diveintohtml5.info/

https://github.com/diveintomark/diveintohtml5

jQueryMobileでHTML5の入力ボックスを試す (ノーティス)

http://www.notice.co.jp/archives/1296

PhoneGapでも使えるというHTML5のWeb SQL Databaseを試してみた (present)

http://d.hatena.ne.jp/griefworker/20120412/html5_web_sql_database

HTML5時代のJavaScriptとハッシュオブジェクトの苦悩 (C++ときどきごはん、わりとてぃーぶれいく)

http://usagi.hatenablog.jp/entry/2012/04/06/195259

CSS3

HTML5とあわせて知りたい周辺技術第1回 CSS3の新機能に触れる - モジュール化とマルチカラムレイアウト (Think IT)

http://thinkit.co.jp/story/2012/04/12/3515

モーダルウインドウをCSS3アニメーションを使ってエレガントに表示するチュートリアル (コリス)

http://coliss.com/articles/build-websites/operation/css/css-tutorial-elegant-modal-window-using-scale-transform-by-webstuffshare.html

http://www.webstuffshare.com/2012/04/create-elegant-modal-window-using-css-scale-transform/

カッコいいティーザーページ作成用CSS3テンプレート (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/04/css3_47.html

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quickly-build-a-swish-teaser-page-with-css3/

http://tympanus.net/codrops/2012/03/27/login-and-registration-form-with-html5-and-css3/

HTML5/CSS3を使ったログイン／サインインのフォーム (英語)

Animated Content Tabs with CSS3 (Codrops)

http://tympanus.net/codrops/2012/04/12/animated-content-tabs-with-css3/

http://blog.creamu.com/mt/2012/04/animated_content_tabs_with_css.html

http://phpspot.org/blog/archives/2012/04/css3_48.html

http://coliss.com/articles/build-websites/operation/css/css-tutorial-animated-content-tabs-by-codrops.html

JavaScriptナシのCSS3だけで作られた、ページ遷移なしのタブ４種。切り替える際にアニメーションする。

SVG

ベクタ形式(svg)ファイルをWordやExcelに貼り付けるちょっと強引で簡単な方法 (チラシの裏すらもったいない)

http://d.hatena.ne.jp/jasmine_88/20120401/1333268128

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