みなさんこんにちは、gazzaです。

最近は弊社でもスマホ案件が増えてきてるのでHTML5とCSS3を実案件
で使用する機会も増えてきました。

そこで今回はHTML5・CSS3のブラウザ対応等を調べるのに便利なサイトを紹介致します。

海外のサイトですが名前は「FindMeByIP」です。
URLは下記となります。

■FindMeByIP
http://fmbip.com/

URLにアクセルするとまず自分のIP・ブラウザ・ブラウザバージョン・OS
・ブラウザのユーザーエージェント等が表示されます。

その他には現在見ているブラウザの下記の情報を見ることができます。

・CSS3 Selector Tests
・HTML5 Support
・HTML5 “Forms 2.0” Tests
・CSS3 Selector Tests
・Script Support
・IP Details

今回は現在一番使う機会の多そうな「CSS3 Selector Tests」を
各ブラウザで見ていきます。
※ものによっては部分的に使えない機能等が有ると思いますので
細かい点は自分で検証してくださいね！

■chorome

■safari

さすが対応ブラウザなので優秀です！

■FF3.6

画像系の機能は結構使えます。

■FF4

アニメーションの「CSS Transition」が追加で使えるようになりました。

■IE9

いくつかは使えますが「text-shadow」が使えないのが痛い！

■IE8

はい、綺麗に全滅ですｗｗｗ

■おまけ（IE6）

全滅どころかレイアウトが崩れてますｗｗｗ

スマホでも見れるのでスマホのブラウザ確認にもいいかもしれませんね。