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

ニュース

イベント・セミナー

ワイヤレスジャパン2012 - HTML5オープンセッション

http://www8.ric.co.jp/expo/wj/conference.html#HT

2012/6/1(金) 11:00-12:00 リレーセッション「HTML5、ウェブ標準の進化がもたらす変化とは何か？」12:00-13:00 パネルディスカッション「ウェブの進化にいかに向き合うか - 技術的差別化と標準への対処について考える」、東京ビックサイト、無料

書籍

I/O (アイオー) 2012年6月号 - HTML5入門 JavaScriptから画像処理を行なうには？

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

650円、出版社：工学社

サイト・アプリ

ギルティクラウン

http://www.guilty-crown.jp/

アニメ「ギルティクラウン (GUILTY CROWN) 」のサイトがHTML5で作られている。

Sony Tablet - An Android Tablet Like No Other (Sony)

http://discover.store.sony.com/tablet/

ソニータブレットの英語ページがHTML5で作られている。流行りのパララックスな作り (英語)

迷えるぐんまを導こう。HTML5ゲーム「じゃすとぐんま」を作りました (もとまか日記)

http://d.hatena.ne.jp/moto_maka/20120530/1338320601

http://moto-maka.net/justgunma/

Nerd Pax ! - The best online calligraffiti tool ... Ever !

http://www.nerdpax.com/preview/

HTML5 canvasで作られたペイントツール。初期状態では背景とペンの色が似ていて分かりづらい。画面左の？の下のアイコンで変更できる。

ツール

アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/05/jquerysuperscro.html

http://johnpolacek.github.com/superscrollorama/

https://github.com/johnpolacek/superscrollorama

jAction - WebAPIプラグイン拡張について

http://jaction.info/?p=1795

http://dothtml5.com/archives/20111215_jaction.html

「Facebook Classの拡張とGoogle Map Classを追加」

TIPS

HTML5 API差分情報提供サービス (PROVEQ)

http://www.proveq.jp/html5-api-definfo/

Firefoxのオフラインキャッシュを適切に更新させる方法。 Firefox12.0にて、マニフェストのコメントを変更するだけでキャッシュを更新できることを確認した (@putendar)

https://twitter.com/putendar/statuses/206088807127318528

http://stackoverflow.com/questions/7314671/html5-offline-appcache-updates-not-showing-in-firefox

ペンローズタイルの凧形をプログラムする｜HTML5 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/2012/05/24/%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%e5%87%a7%e5%9e%8b%e3%82%92%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%a0%e3%81%99%e3%82%8b%ef%bd%9chtml5/

ものすごく乱暴にHTML5を勉強してみたわ (PELLION)

http://www.pellionart.com/contents/lab/html5/

HTML5で遊ぼう動画で積み木を作る (蟻の実験工房)

http://antlabo.jp/html5/dropvideo/

HTML5 canvasで描画オブジェクトにドロップシャドウを適用する (kudox)

http://kudox.jp/html-css/html5-canvas-shadow

無職のHTML5 Canvas

http://mimami24i.appspot.com/html5/

HTML5 canvasで作ったデモやサンプルが幾つか。

html5のcanvasの手習いにカラーピッカーを書いてみたけど、色々と微妙だ (@tateisu)

https://twitter.com/tateisu/statuses/199392309270417408

http://tate.juggler.jp/canvas-colorpicker/test.html

これはお役立ち！リンク先のfaviconをリンクアイコンとして表示させる方法！ (バンクーバーのWEB屋)

http://webya.opdsgn.com/webdesign/howtocreatefaviconlink/

http://css-tricks.com/favicons-next-to-external-links/

Stick Portal

http://www.crunchzilla.com/stick-portal

HTML5 canvasで作られた、ただブーメランを投げるデモ。敵が出てくるワケでもないが、妙に気持ちいい。カーソルの左右で移動、マウスをクリックで発射 (英語)

HTML5の実践 (クリエイティブ・タブロイドウィズ・ディー)

http://withd.jp/web/tips/standard/3834.html

http://withd.jp/web/tips/standard/3947.html

http://withd.jp/web/tips/standard/4056.html

http://withd.jp/web/tips/standard/4155.html

古記事。

localStorageはいい感じ (ぺるたご)

http://perutago.seesaa.net/article/206013819.html

古記事。

CSS3

IcoMoon

http://keyamoon.com/icomoon/

http://keyamoon.com/icomoon/app

http://kenz0.s201.xrea.com/weblog/2012/05/icomoon_app.html

たくさんのアイコンの中から使いたいものを選択しフォント化してくれるサービス。CSS3 Webフォントにも使える (英語)

拡大表示する際、CSS3でぼよよーんとしたアニメーションを加えるチュートリアル (コリス)

http://coliss.com/articles/build-websites/operation/css/css3-tutorial-bounce-effect-by-webstuffshare.html

http://webstuffshare.com/demo/BounceEffect/

http://www.webstuffshare.com/2012/05/showing-image-with-bounce-effect/

How to Center Anything With CSS (Design Shack)

http://designshack.net/articles/css/how-to-center-anything-with-css/

横＆縦のセンタリングについて (英語)

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