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

ニュース

HTML5関連技術に関するセキュリティ調査 入札のご案内 (JPCERT コーディネーションセンター)
http://www.jpcert.or.jp/po/
HTML5、クライアントサイドストレージ、スマホアプリ - 市場認識力のあるエンジニアが選ぶべきアプリスタイルとは？
https://www.facebook.com/note.php?note_id=472163282810252

イベント・セミナー

HTML5でのモバイル展開 - ハイブリッドアプリ開発からHTML5を利用した集客までの実験的な取り組みについて (ATND)
http://atnd.org/events/29842
2012/6/20(水)19:00-21:00、ビットアイルセミナースペース (品川区東品川)、会費 1,000円
HTML5とは何か？ - 企業のウエブ戦略の視点から (SlideShare)
http://www.slideshare.net/Memberscorp/20120530-13141039
http://www.slideshare.net/Memberscorp/201205302
5/30に行われた「第1回 メンバーズスマタブ5セミナー モバイル時代のキーワードHTML5とスマートフォン対応の実践」のプレゼン資料。

書籍

EPUB 3 標準マニュアル - FUSEe β/Sigil/Word/テキストで作る
http://www.amazon.co.jp/dp/4844332112?tag=dothtml5-22
3,150円、出版社：インプレスジャパン、著：イースト／押山隆

サイト・アプリ

HTML5で作られたポータル風ゲーム「Stick Portal」 (MOONGIFT)
http://www.moongift.jp/2012/06/20120605-3/
https://github.com/glinden/stick-portal
ユーザが入力した高度な数式をグラフ化するツール「Graphr」 (Html5 Collect)
http://jp.html5collect.net/%e3%83%a6%e3%83%bc%e3%82%b6%e3%81%8c%e5%85%a5%e5%8a%9b%e3%81%97%e3%81%9f%e9%ab%98%e5%ba%a6%e3%81%aa%e6%95%b0%e5%bc%8f%e3%82%92%e3%82%b0%e3%83%a9%e3%83%95%e5%8c%96%e3%81%99%e3%82%8b%e3%83%84%e3%83%bc/
http://www.graphr.org/

ツール

JsExe - JavaScript compressor (CreativeJS)
http://creativejs.com/2012/06/jsexe-javascript-compressor/
http://www.pouet.net/prod.php?which=59298
JavaScript圧縮ツール。JSがPNGになる？？ (英語)
レガシーなブラウザにも高度なグラフィックを。JavaScriptによるOpenGL実装「JSGL」 (MOONGIFT)
http://www.moongift.jp/2012/06/20120606/
https://github.com/Overv/JSGL
FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト「jCSML」 (コリス)
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jcsml.html
http://www.jcsml.com/default.htm
11 Fresh jQuery Tooltip Plugins for Developers (SkyTechGeek)
http://skytechgeek.com/2012/06/jquery-tooltip-plugins/
ツールチップを実現するjQueryプラグイン、11種 (英語)

TIPS

IE7-8に対応したHTML5＋CSS3サイトを制作してみよう (HTML5でサイトをつくろう)
http://www.html5-memo.com/html5/html5-ie/
「IE7-8のブラウザ対応をするための便利な方法をまとめました」
HTML5 Vibration APIを使ってみよう(case:MobileDesign!)
http://case-mobile-design.com/html5-vibration-api%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%e3%81%84%e3%81%be%e3%81%ae%e3%81%a8%e3%81%93%e3%82%8dfirefox-aurora%e9%99%90%e5%ae%9a/
「いまのところFirefox Aurora限定」
[jQuery対応] textareaのキャレット座標(XY座標)を取得するjavascriptライブラリを作った (秋山ブログ)
http://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/
http://akiroom.github.com/caretposition.js/
HTML5のLocalStorageデータが消える (電算室よもやま話)
http://gameland.cocolog-nifty.com/densuke/2012/04/html5localstora.html
markdown-jsでHTML5なコードを吐き出すようにする (右京web)
http://hujimi.seesaa.net/article/273659960.html
https://github.com/evilstreak/markdown-js
HTML5の独自属性を取得する (Web Days)
http://rskull.hateblo.jp/entry/2012/04/24/061215
HTML5-CSS-jQuery
http://html5css3jquery.web.fc2.com/
HTML5/CSS3/jQueryのチュートリアルサイト。
JavaScriptによるHTML5プログラミング入門 (SYODA-Tuyano)
http://libro.tuyano.com/index2?id=206001
HTML5やSVGなどのチュートリアルのブログ。

CSS3

Image Accordion with CSS3 (Codrops)
http://tympanus.net/codrops/2012/06/06/image-accordion-with-css3/
http://tympanus.net/Tutorials/CSS3ImageAccordion/
http://abanies.com/css3/css3-image-accordion.html
JavaScriptナシのCSS3だけで作る、横方向のアコーディオン風のエフェクトの画像スライダー (英語)
CSS3：ターゲット擬似クラス「:target」について (MJ WAVE)
http://mj-wave.com/archives/541
CSS3備忘録：疑似クラスを使ってtableの最後の縦列をborderで囲む方法 (ウェビメモ)
http://webimemo.com/web/3809
Hands On: 3D Transforms (IE10 Test Drive Demo)
http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_3d-transforms.htm
CSS3 3D Transformの効果を色々試せる。コードも表示される (英語)

SVG

jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers
http://jqvmap.com/
https://github.com/manifestinteractive/jqvmap
http://www.moongift.jp/2012/07/20120715/
SVGベースの地図を扱うjQueryプラグイン (英語)
SVGをwebサイトで使うメモ (SANOGRAPHIX)
http://www.sanographix.net/2012/06/svg/

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