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

ニュース

「1％のお笑いスパイスが、LIGの強烈な隠し味」わくわく系Web制作集団が「伝説のWebデザイナー募集」で気付いたこと (エンジニアtype)
http://engineer.typemag.jp/article/lig-webdesigner
http://liginc.co.jp/programmer/
http://japan.internet.com/busnews/20121022/2.html
LIGってこういう会社なのかー。テクニカルブログは役に立ってます。

サイト・アプリ

Webブラウザで動作するIDE「Orion 1.0」が正式リリース (Publickey Topics)
http://www.publickey2.jp/2012/11/webide.html
http://download.eclipse.org/orion/
http://planetorion.org/news/2012/10/orion-1-0-release/
http://www.infoq.com/jp/news/2012/11/Eclipse-Orion-1
http://dothtml5.com/archives/20110324_eclipse_orion.html
ブラウザ上でのウェブ・アプリ開発環境 (IDE)「Eclipse Orion」が正式リリース。

ツール

Popcorn Maker - Video beyond the box (Mozilla)
https://popcorn.webmaker.org/
http://popcornjs.org/
https://github.com/mozilla/popcorn-js
https://hacks.mozilla.org/2012/11/popcorn-maker-1-0-released-how-it-works/
https://blog.mozilla.org/blog/2011/11/05/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower/
http://news.mynavi.jp/news/2012/11/13/017/
http://news.mynavi.jp/news/2012/11/13/199/
http://sourceforge.jp/magazine/12/11/12/2116251
http://dothtml5.com/archives/20110204_popcornjs.html
モジラから、HTML5 videoにイベントを発生させるJavaScriptライブラリ「Popcorn.js」と、タイムラインベースのオーサリングツール「Popcorn Maker」が正式リリース (英語)
並べて配置したパネルを滑らかなアニメーションで伸縮させるスクリプト「Kwicks for jQuery」 (コリス)
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-kwicks.html
http://devsmash.com/projects/kwicks
https://github.com/jmar777/kwicks
スピード感が凄いプログレスバー実装ライブラリ「progress.js」 (phpspot開発日誌)
http://phpspot.org/blog/archives/2012/10/progressjs.html
http://github.dixpix.de/progress.js/
https://github.com/mdix/progress.js

TIPS

キャンバステスト
http://higeneko.net/html5test/canvas.html
HTML5 canvasのパフォーマンステスト。FPSが25になるまで、ひたすら星が表示される。
metaタグを1行追加するだけでiPhone/iPadアプリの宣伝バナーを表示できる「Smart App Banners」を設置してみた (memobits)
http://m.designbits.jp/12102909/
webページ制作担当者用CSS等のテストページ (コニファ)
http://xn--web-0v2ho93k.jp/csstest/
CSS3やjQueryネタが多数のチュートリアルサイト。

CSS3

Using Unprefixed CSS3 Gradients in Modern Browsers (SitePoint)
http://www.sitepoint.com/using-unprefixed-css3-gradients-in-modern-browsers/
IE10でCSS3グラデーションをベンダープレフィックス有無の比較 (英語)
CSS3 filter effects: Grayscale, invert, sepia, and more (TechRepublic)
http://www.techrepublic.com/blog/webmaster/css3-filter-effects-grayscale-invert-sepia-and-more/2036
CSS3 filterのチュートリアル (英語)

SVG

SVGの表示 IE9 (WebTec kikineria)
https://sites.google.com/site/kikineria/svg-vml/svg-ie

電子書籍

EPUB 3とSVGフォント (IMAGEDRIVE)
http://blog.imagedrive.jp/web/research/2012-10-16/epub-3-%E3%81%A8-svg-font-for

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