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

ニュース

メテオが９ミリオンドル (７億円？) の出資を獲得！ (英語)

モバイルインターネットを生き抜くために - 動的デザインを身につけたクリエイターになれ小川浩 (MdN)

http://www.mdn.co.jp/di/newstopics/23764/?rm=1

エクセルソフト、ソフトウェア自動テストツール「TestComplete 9」発売 (CodeZine)

http://codezine.jp/article/detail/6617

http://www.xlsoft.com/jp/products/smartbear/testcomplete.html

「HTML5のサポート」

イベント・セミナー

いまさら聞けない！HTML5超入門 (SlideShare)

http://www.slideshare.net/monaca_mobi/html5-13230537

6/5に行われた「事例に学ぶHTML5スマフォアプリ開発最前線」のプレゼン資料。

サイト・アプリ

Bossa of NYC

http://www.letsbossa.com/

Google MapsとWebGLを組み合わせたデモ？マウスのホイールで画面が拡大する。はじめのローディングが長い (英語)

シューティングゲーム作ったよ (@JunAndPonta)

https://twitter.com/junandponta/statuses/158532317411938307

http://ireward.sakura.ne.jp/html5/sample3/game.html

Html5のcanvasをつかった落書きサイトを作ってみた (かつろぐ)

http://www.nojob.jp/?p=155

http://www.yoserakugaki.com/

ツール

Boomsk - JavaScriptでVSTを生成する (g200kg)

http://www.g200kg.com/archives/2012/05/boomsk-javascri.html

http://boomsk.com/

http://allabout.co.jp/gm/gc/204573/

DTM向けのVSTプラグインをJavaScriptで作成できる。

Javascriptゲームエンジンのまとめと自作 (Incoming!)

http://d.hatena.ne.jp/ipsleo/20110820/1313892665

古記事。

TIPS

W3CDTFとHTML5の日付と時刻の違い (hail2u)

http://hail2u.net/blog/webdesign/difference-between-w3cdtf-and-dates-and-times-in-html5.html

黄金螺旋｜HTML5 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/2012/06/10/%e9%bb%84%e9%87%91%e8%9e%ba%e6%97%8b%ef%bd%9chtml5/

HTML5.0がつくり出す、新しいWebの世界

http://www.html5-guide.com/

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

Pixel manipulation in canvas (Stoyan's phpied.com)

http://www.phpied.com/pixel-manipulation-in-canvas/

HTML5 canvasでいろいろな画像フィルターのチュートリアル (英語)

HTML5 audio and audio sprites - this should be simple (Mozilla Hacks)

http://hacks.mozilla.org/2012/04/html5-audio-and-audio-sprites-this-should-be-simple/

CSSスプライトのようにHTML5 audioも１ファイル化しよう的な手法 (英語)

CSS3

CSS Filters

http://html5-demos.appspot.com/static/css/filters/index.html

CSS3のFilter Effectsを色々試せるデモ (英語)

What is your preferred CSS preprocessor syantax?

http://cl.ly/HGzX

LessやSassなどのCSSプリプロセッサの使用状況のインフォグラフィック (英語)

CSS3 Mode (The Isomorphic Software Blog)

http://blog.isomorphic.com/css3-mode/

CSS3の角丸などが綺麗に表示できるツール？ (英語)

CSS3 Generator (Pascal von Seth)

http://css3.pascal-seven.de/

http://kenz0.s201.xrea.com/weblog/2012/03/css3_generator.html

CSS3のテキストやボックスのジェネレータ (デンマーク語？)

Tutorial: CTA button without images using CSS3 and Entypo (DESIGNfromWITHIN)

http://designfromwithin.com/demo/CTA_button_without_images_using_CSS3_and%20Entypo/

http://designfromwithin.com/blog-webdesign-development/2012/04/16/tutorial-cta-button-without-images-using-css3-and-entypo/

CSS3で作られたアイコン付きボタン (英語)

CSS3「ボックスレイアウト」についてまとめてみる (MONODEZ)

http://monodez.com/create/css3-box/

古記事。

SVG

Twitter BirdのSVG版 (hail2u)

http://hail2u.net/blog/software/minified-twitter-bird-svg.html

Twitterの新ロゴのSVGデータを作られた方が！

SVG Files - FREE (Pinterest)

http://pinterest.com/ligayatg/svg-files-free/

PinterestにフリーのSVGデータがまとめられてる。

Why Aren't You Using SVG? (Nettuts+)

http://net.tutsplus.com/tutorials/why-arent-you-using-svg/

SVGのチュートリアル (英語)

How to Style Scalable Vector Graphics Using CSS (SitePoint)

http://www.sitepoint.com/svg-styling-with-css/

SVGにCSSを適用するチュートリアル (英語)

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