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

ニュース

WebのNative化に対する標準化が始まる？ (こてさきAjax)

http://blog.livedoor.jp/kotesaki/archives/1805196.html

イベント・セミナー

事例で学ぶHTML5スマフォアプリ開発ポイント基礎編・活用編 (アシアル)

https://www.asial.co.jp/seminar/course_detail/19

2012/7/3(火) 10:00-11:40、ITS山王健保会館 (港区赤坂)、無料「いまさら聞けない！HTML5超入門」「開発事例に学ぶHTML5アプリのポイント」

短期間でのスマホ向けWeb開発 (SlideShare)

http://www.slideshare.net/mauekusa/web-13331213

http://kokucheese.com/event/index/38148/

6/14に行われた「スマホアプリ開発者向けIDCFクラウド活用セミナー」のプレゼン資料。

書籍

WebゲームHTML5練習帳 - CanvasとJavaScriptを使ったプログラミング

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

1,995円、出版社：工学社、著：宍戸輝光

サイト・アプリ

Air Hockey (Artillery)

http://airhockey.artillerygames.com/

http://blog.artillerygames.com/

WebGLで作られたオンライン対戦できるエアーホッケーゲーム (英語)

Unfold

http://unfold.no/

http://jp.html5collect.net/%e7%84%a1%e9%99%90%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e5%87%ba%e6%9d%a5%e3%82%8b%e3%83%80%e3%82%a4%e3%83%8a%e3%83%9f%e3%83%83%e3%82%afweb%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8cunfold/

ノルウェーのデザイン会社？のサイトがHTML5で作られている。流行りのスクロールで見せるパララックスな作り。スクロールは永遠（一番下に行くと自動で上に戻る）なので注意 (英語)

ツール

Mobello - HTML5 framework for building mobile web app

http://mobello.github.com/

https://github.com/mobello/mobello

http://functionn.blogspot.jp/2012/06/mobello-html5-framework-for-building.html

http://kachibito.net/software/mobello.html

モバイル向けHTML5ウェブアプリのフレームワーク。ライセンスはLGPL v3 (英語)

SPDY on nginx!! (こてさきAjax)

http://blog.livedoor.jp/kotesaki/archives/1805117.html

https://groups.google.com/forum/?fromgroups#!topic/spdy-dev/pj5yoT5nN88

http://nginx.org/patches/spdy/README.txt

IE Alert js - let your visitors upgrade their browser

http://nmsdvid.com/iealert/

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

ブラウザがIEの場合にアラートを出すjQueryプラグイン (英語)

作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい (DESIGN ARCHIVE)

http://stam-design-stam.blogspot.jp/2012/06/101specctr.html

http://specctr.com/

TIPS

HTML5のキャンバスの簡単な性能テストを書いてみました (@HigenekoTech)

https://twitter.com/HigenekoTech/statuses/213912345796292608

http://higeneko.net/html5test/canvas.html

HTML5のCanvas上でボールをコロコロ for iPhone (TM Life)

http://tmlife.net/programming/javascript/html5-canvas-corocor-for-iphone.html

http://tmlife.net/programming/javascript/html5-canvas-ball-corocoro.html

黄金三角形と黄金螺旋｜HTML5, JavaScript, CSS3 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/2012/06/16/%e9%bb%84%e9%87%91%e4%b8%89%e8%a7%92%e5%bd%a2%e3%81%a8%e9%bb%84%e9%87%91%e8%9e%ba%e6%97%8b%ef%bd%9chtml5/

HTML5でlocalStrageの内容をダウンロード (再び、失業SEの開発日誌)

http://blogs.dion.ne.jp/kotemaru/archives/10797403.html

HTML5のGeolocation APIを使った位置情報情報(GPS)取得のサンプルコード (SEノート)

http://www.senote.org/archives/347

http://www.senote.org/demo/html5gpstest.html

HTML5 videoの再生速度変更について調べてみた (強火で進め)

http://d.hatena.ne.jp/nakamura001/20100315/1268611156

古記事。

CSS3

CSS3で擬似アニメーションGIFを実現する (コロプラ)

http://colopl.co.jp/tech/blog/2012/06/1874/

CSS3 Pictogram Button - ピクトグラムを使ったイメージレスボタン (mBlog)

http://mantiddesign.com/archives/12256

http://www.webstuffshare.com/2012/05/css3-pictogram-button/

SVG

SIE - SVG JavaScript library

http://sie.sourceforge.jp/

http://d.hatena.ne.jp/dhrname/20120615/p1

IEなどの古いブラウザでSVGを表示させるJavaScriptライブラリが遂に正式版に。ライブラリはGPL v2とLGPL v2.1とMozilla Public Lisence。

HTML5 Interactive Map using SVG Path and Polygon (CodeProject)

http://www.codeproject.com/Articles/404239/HTML5-Interactive-Map-using-SVG-Path-and-Polygon

SVGを使ってインタラクティブな地図を作るチュートリアル (英語)

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