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

ニュース

お仕事としてHTML5とCSS3を見る (shape DESIGN)

http://shape-design.jp/blog/detail.php?id=33

イベント・セミナー

HTML5のメリットを活かしたコンテンツアイデア (SlideShare)

http://www.slideshare.net/tacamy/html5-2524853

http://cssnite.jp/mini/01/

古記事。2009/11に行われた「CSS Nite 4周年記念イベント」のプレゼン資料。

書籍

Mobageを支える技術 - ソーシャルゲームの舞台裏

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

2,919円、出版社：技術評論社、著：DeNA「開発：スマートフォン、HTML5、ngCore」

サイト・アプリ

ブラウザでゲームしよう - OperaでプレイできるHTML5ゲーム 1 (Opera Japanブログ)

http://my.opera.com/chooseopera-Japan/blog/2012/06/01/opera-html5

http://dothtml5.com/archives/20110714_emberwind.html

ツール

Chronoline.js - library for making a chronology timeline out of events on a horiz

http://stoicloofah.github.com/chronoline.js/

https://twitter.com/smashingmag/status/208860638141878272

https://github.com/StoicLoofah/chronoline.js

横向きのタイムラインが作れるJavaScriptライブラリ。ライセンスはMIT (英語)

サウンドプログラミング用のJavaScriptライブラリができた！ (音の鳴るブログ)

http://mohayonao.hatenablog.com/entry/2012/06/02/221251

http://mohayonao.github.com/timbre/

https://github.com/mohayonao/timbre/blob/master/timbre.js

サウンドを扱うJavaScriptライブラリ「timbre」。Web Audio APIを使ってるらしい。

gmaps.js - the easiest way to use Google Maps

http://hpneo.github.com/gmaps/examples.html

https://github.com/hpneo/gmaps

http://firegoby.jp/archives/3306

http://www.moongift.jp/2012/06/20120614-3/

Google Mapsが簡単に実装できるJavaScriptライブラリ。ライセンスはMIT (英語)

Slidify - Generate reproducible html5 slides from R markdown

http://ramnathv.github.com/slidify/

R markdownフォーマットの文章からHTML5なプレゼンスライドが生成できる。ライセンスはMIT (英語)

http://tmlife.net/programming/javascript/lasted-stats-js-usage.html

https://github.com/mrdoob/stats.js

ふつうのユーザが知らないHTML5コーディングツール10選 (YAMAGUCHI::weblog)

http://d.hatena.ne.jp/ymotongpoo/20110821/1313911550

古記事。

TIPS

HTML5で作るスマホWebアプリ開発チュートリアル (1) 「さよならFlash!」は本当か？HTML5トレンドに潜む5つの誤解 (マイナビ)

http://news.mynavi.jp/column/html5app/001/

HTML5でスマホアプリを作ってみよう第２回加速度センサー (もとまか日記)

http://d.hatena.ne.jp/moto_maka/20120604/1338752269

HTML5で追加されたタグと意味が変わったタグについて (memocarilog)

http://memocarilog.info/webdesign/4142

ペンローズタイルの楔形を５つ組み合せてプログラムする｜HTML5 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/2012/06/03/%e3%83%9a%e3%83%b3%e3%83%ad%e3%83%bc%e3%82%ba%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ae%e6%a5%94%e5%bd%a2%e3%82%92%ef%bc%95%e3%81%a4%e7%b5%84%e3%81%bf%e5%90%88%e3%81%9b%e3%81%a6%e3%83%97%e3%83%ad%e3%82%b0-2/

WindowsPhoneのWebBrowserコントロールでjQueryのajaxを使う (@thorikiriのてょりっき)

http://d.hatena.ne.jp/t-horikiri/20120531/1338473363

HTML5のlocalStorageを使用して簡単なToDoアプリを作ってみました (@cocoism)

https://twitter.com/cocoism/statuses/195103775898345472

http://phpjavascriptroom.com/demo/html5_todomemo.html

HTML5 Piano

http://www.html5piano.ilinov.eu/

HTML5で作られたピアノ (英語)

Html5 Jigsaw Puzzle (CodeProject)

http://www.codeproject.com/Articles/395453/Html5-Jigsaw-Puzzle

HTML5でジグソーパズルのゲームを作るチュートリアル (英語)

Flash？いいえHTML5です - ファイルのドラッグ＆ドロップによるフォトアップロード機能について (mixi Engineers' Blog)

http://alpha.mixi.co.jp/2011/10733/

古記事。

HTML5のDTDについて考えてみた (Chifffon Snow Blog)

http://chifffon.net/blog/web/entry-135.html

古記事。

CSS3

CSS3でアニメーションその２ (スマホ×HTML5 Web＆ハイブリッドアプリ開発者ブログ)

http://html5dev.jp/?p=234

The CSS3 Flex Box Specification | InsertHTML

http://www.inserthtml.com/2012/05/css3-flex-box-specification-change-layout-design/

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

A hexagonal menu version 2 (CSSplay)

http://www.cssplay.co.uk/menus/cssplay-hexagon.html

CSS3で六角形のメニュー (英語)

How to Flip an Image using CSS3

http://coding.designzzz.com/flip-image-css3/

http://coding.designzzz.com/demos/flip_image_css3/

CSS3だけで画像の反転 (英語)

電子書籍

EPUB3とKindle Format 8 (KF8) のHTML5＆CSS3コーディング入門 (電子書籍メディア論)

https://www.facebook.com/notes/%E9%9B%BB%E5%AD%90%E6%9B%B8%E7%B1%8D%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E8%AB%96/epub3-%E3%81%A8kindle-format-8-kf8-%E3%81%AEhtml5-css3%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80/363079620412325

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