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

ニュース

「開発環境であるWakanda StudioではグラフィカルにHTML5およびCSS3を使ったWebアプリケーションを設計・実装できる」

JSエンジニアがアドビに聞く「iPhoneでFlashが動いたらアドビはFlashの開発を続けたか」 (＠IT)

http://www.atmarkit.co.jp/fwcr/design/ux/d89clip51/01.html

イベント・セミナー

組込みにおけるHTML5の意味 (人と技術のマッシュアップ)

http://tomowatanabe.hatenablog.com/entry/2012/07/03/230852

http://www.slideshare.net/tomowatanabe/html5-13521970

http://hoshi.air-nifty.com/diary/2012/07/mobile5-17f1.html

7/2に行われた「Mobile5 - HTML5の現状とこれから」のプレゼン資料。

ShareWisをFirefoxで動かすためのSVG的とりくみ (SlideShare)

http://www.slideshare.net/kadoppe/sharewisfirefoxsvg

6/30に行われた「Firefox Developers Conference 2012 in Osaka」のプレゼン資料。

ツール

無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 (Publickey)

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

http://www.microsoft.com/web/webmatrix/

Chocolat - Text Editor for Mac

http://chocolatapp.com/

Mac用のテキストエディタ。HTML5の入力補完にも対応。ショコラと呼ぶらしい。ライセンスは49ドル (英語)

無料で使えるHTML5 JavaScriptゲームエンジンまとめ (ASCII)

http://ascii.jp/elem/000/000/706/706640/

Cocos2D JavaScript / Crafty / enchant.js / EntityJS / gameQuery / Gladius / Pulse

TIPS

クリエイターのためのWebテク講座第4回 HTML5の新要素videoタグについて知ろう動画ファイルの作成について (マイナビクリエイター)

http://creator.mynavi-agent.jp/jinzai/feature/webtech/0003.html

http://news.mynavi.jp/articles/2012/06/25/mc4/

TweenJSでHTML5/Canvasアニメーション (Masato WATANABE)

http://msto.jp/p/3/

HTML5とCSS3でグリッドベースのWEBデザインを作る！ (@WebyaInVan)

https://twitter.com/WebyaInVan/statuses/220349219175800832

http://line25.com/tutorials/create-a-grid-based-web-design-in-html5-css3

「Create a Grid Based Web Design in HTML5 & CSS3」

CSS3

簡単な記述で、軽快で滑らかなアニメーションが実装できるスクリプト「JSTween」 (コリス)

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

http://www.jstween.org/

ライセンスはBSD。

SimpLESS - Your LESS CSS Compiler

http://wearekiss.com/simpless

強力なLessツール。圧縮＆難読化やベンダープレフィックス自動付加なども。フリーでMac/Win/Linux版があり (英語)

ソースコピーで簡単に使えるCSS3とjQueryで作るローディングページ作りました (HTML5でサイトをつくろう)

http://www.html5-memo.com/webtips/jquery-loading/

An Introduction to the CSS Flexbox Module (Nettuts+)

http://net.tutsplus.com/tutorials/html-css-techniques/an-introduction-to-css-flexbox/

http://umaar.github.com/css-flexbox-demo/

CSS3のFlexboxのチュートリアル (英語)

電子書籍

Yahoo! JAPAN「Yahoo!ブックストア」に、EPUB 3対応HTML5ブラウザビューアーを追加 (MACお宝鑑定団 blog 羅針盤)

http://www.macotakara.jp/blog/index.php?ID=17044

http://bookstore.yahoo.co.jp/

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