HTML5/CSS3の情報をクリップ！

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

ニュース

HTML5はWeb 3.0になるのか？ (Agile Cat - in the cloud)

http://bit.ly/IVvsJP

これがMozillaのモバイルOS「Boot2Gecko」だ (WIRED)

http://wired.jp/2012/05/12/hands-on-with-boot2gecko-the-mobile-os-built-entirely-on-web-standards/

倒産件数の急増が教えてくれる「時代の変化」 (ZDNet)

http://japan.zdnet.com/blog/netcommerce/2012/05/12/entry_30022282/

「WebアプリケーションとHTML5などによるテクノロジー・トレンドのシフト」

HTML5の狙い (ウェブテクノロジーの進化形)

http://web-tech-now.net/?p=21

イベント・セミナー

「脱・スペック競争」のすすめ、元ドコモの山下氏がスマホ開発で提言 (ITpro)

http://itpro.nikkeibp.co.jp/article/NEWS/20120510/395927/

5/10に行われた「スマートフォン＆モバイルEXPO春」のレポート記事。

サイト・アプリ

読売新聞の新デジタル会員サービス「読売プレミアム」構築 (NEC)

http://www.nec.co.jp/press/ja/1205/1101.html

http://yomipre.jp/

http://bizmash.jp/articles/19749.html

「HTML5やJavaScriptといった最新のWeb技術の採用により高い操作性を実現」

TIPS

OGPの記述後もValidなHTML5文書にするマークアップ方法のメモ (Skyward Design)

http://www.skyward-design.net/blog/archives/000133.html

HTML5の味見しちゃうよ (1) Web RTC、Face.jsとJSARToolkitのお味は？＠IT

http://www.atmarkit.co.jp/fwcr/design/tool/ajimi01/01.html

HTMLやCSSでのプロトコル表記 (http:、https:) の省略について (小粋空間)

http://www.koikikukan.com/archives/2012/05/11-012345.php

[HTML5] BuildNewGames.com (青柳臣一ブログ技術系)

http://shinichiaoyagi.blogspot.jp/2012/05/html5-buildnewgamescom.html

http://www.buildnewgames.com/

「HTML5 CSS3 JavaScriptを使ったプラグインフリーなWebゲーム開発のデベロッパー向けのサイト」

ブラックホールサーバーによるフロントエンドSPOF分析のすすめ (ゆっくりと…)

http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/spof-analysis-using-blackhole-server/

CSS3

CSS Crush - An extensible PHP based CSS preprocessor

http://the-echoplex.net/csscrush/

https://github.com/peteboere/css-crush

PHPベースのCSSプリプロセッサ。ベンダープレフィックスや変数などLessやSassみたいなモノ (英語)

http://cssarrowplease.com/

CSS3の吹き出しボックスのジェネレータ (英語)

ロゴを和文フォントにしてCSS3のWebフォントで表示するデモを作ってみた (w-x-w)

http://w-x-w.com/2012/05/04/265

アンカー付き画像にCSS3でまあるい枠と影をつけるサンプル (WEBYA.IN)

http://webya.in/archives/3717

夕方のHTML5＋CSSのパララックス (視差) 実験お引越ししました。WのOPっぽいことなら大抵できる予感！ (@kamibata)

https://twitter.com/#!/kamibata/statuses/200597346915061760

http://extramission.sean-nos.info/parallax/

有料のコンテンツスライダー。パララックスの拘りすごい「LayerSlider」 (@kachibito)

https://twitter.com/kachibito/status/200935568559968256

http://codecanyon.net/item/layerslider-the-parallax-effect-slider/full_screen_preview/922100

Responsive CSS that scales (Responsive News)

http://blog.responsivenews.co.uk/post/12511377569/responsive-css-that-scales

英国BBCの開発者による、レスポンシブなCSSの解説ページ (英語)

SVG

Crossfilter (Square)

http://square.github.com/crossfilter/

https://github.com/square/crossfilter

SVGを使ったチャートのJavaScriptライブラリ。複数のチャートが連動する。ライセンスはApache License v2 (英語)

Chrome 18でSVGのリサイズがおかしい (hail2u)

http://hail2u.net/blog/webdesign/svg-resizing-bug-on-chrome-18.html

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