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

ニュース

イベント・セミナー

ADC OnAir 特別編公開収録 (ATND)

http://atnd.org/events/29825

http://onair.adclounge.jp/

2012/6/19(火) 19:00-20:30、アドビシステムズ (品川区大崎)、無料

書籍

ゲームプログラミングのためのHTML5 Canvas入門 - JavaScriptの基本から本格的ゲームの作成まで

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

2,730円、出版社：日経BP社、著：ロブ・ホークス、訳：長尾高弘

サイト・アプリ

Soleil Noir 2012 - We believe in...

http://www.soleilnoir.net/believein/

HTML5で作られたコンテンツ。流行りのスクロールで見せるパララックスな作り (英語)

Breezi - Design & Build a Free Website Online - Site Creator

http://breezi.com/

ブラウザ上だけでページがデザインできるツール (英語)

ずんずんスクロールしたくなる、イラストを巧く使ったウェブデザイン「Anne Braithwaite」 (コリス)

http://coliss.com/articles/build-websites/operation/design/cool-site-abchambers-co-uk.html

http://abchambers.co.uk/

ツール

tablecloth.js

http://tableclothjs.com/

https://github.com/bwsewell/tablecloth

tableにいろいろな機能やデザインを追加できるjQueryプラグイン。ライセンスはMIT (英語)

グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 (Publickey)

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

http://angularjs.org/

http://googledevelopers.blogspot.jp/2012/06/better-web-templating-with-angularjs-10.html

スマホサイト＆PCサイト同時構築HTMLテンプレートダブルちゃん

http://double.super-sozai.com/

「次世代ウェブの標準規格HTML5＆CSS3で作られている」

iPad publishing on the web with jQuery PageSwipe (Firmhouse)

http://blog.firmhouse.com/ipad-publishing-on-the-web-with-jquery-pageswipe

https://github.com/michiels/jquery-pageswipe

ページスワイプを実装できるjQueryプラグイン。ライセンスはAGPL (英語)

Free Code Responsive Template | HTML5 CSS3 | WebCodeBuilder

http://webcodebuilder.com/freebie-responsive-html5css3-template/

http://webcodebuilder.com/examples/responsive-html5css3-template/

レスポンシブなHTML5/CSS3テンプレート。有料だけどフリー版もアリ (英語)

TIPS

HTML5 CanvasでSKKを実装してみた (INAの日記)

http://d.hatena.ne.jp/inajob/20120617

http://inajob.no-ip.org:10080/canvas_skk/canvas_skk.html

wormz - html5 canvas experiment

http://html5-pro.com/wormz/

HTML5 Canvasで作られた細菌みたいなのが動きながら絵や字になるデモ。とりあえず「Generate」をクリックすると始まる (英語)

HTML5を学ぶブログ

http://server-vps.info/html5/

HTML5のチュートリアルサイト。

Web Audio API - Getting started (CreativeJS)

http://creativejs.com/resources/web-audio-api-getting-started/

Web Audio APIのチュートリアル (英語)

ActionScript vs. JavaScript benchmark over time (iq12)

http://iq12.com/blog/as3-benchmark/

JavaScriptとActionScriptのベンチ比較 (英語)

CSS3

CSS3のtext-shadowプロパティを編集、プレビュー、生成できるWebツール「text-shadow Generator」を作りました (TM Life)

http://tmlife.net/web/css3/css3-text-shadow-web-tool.html

http://tmlife-storage.googlecode.com/svn/trunk/css3/tool/text-shadow-generator/index.html

-webkit-device-pixel-ratioをブラウザプリフィックスなしのresolutionに変更する方法 (@cssradar)

https://twitter.com/cssradar/status/214507756244320256

http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/

CSS3 Animated Media Queries

http://www.paulund.co.uk/css3-animated-media-queries

CSS3のメディアクエリのチュートリアル (英語)

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