HTML5＋CSS3でコーディングするときに参考にしたもの

メモ書きです。
ちょこちょこ付け加えるかも。
そして後で清書するかも。
主に自分用。

基本的にHTML5とCSS3に対応していないブラウザ（っていうかIE）に対応させるためのアレコレとか。

・html5shiv - HTML5 IE enabling script - Google Project Hosting
これいれればIEでもHTML5使い放題。作ってくれた人ありがと〜〜！

・CSSでアイコンをデザイン
実際に1個1個CSS3の新セレクタが確認できるのでちょーイイ！

・たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
Chromeとかと角丸の見え方がちょっと違う（IEのが丸さが増す）けど、基本的には角丸使い放題。
≪border-shadow≫は外側に影つけるならイケルけど、内側（inset）は未対応っぽい。

あと超絶注意なのが、
behavior: url(/PIE.htc);　を

* { behavior: url(js/pie/PIE.htc); }

とかってしないこと。大雑把イクナイ。
これやると表示が　ぇええええええ(´Д`；)　ってなことになる。

CSS3使いたいセレクタにのみ付け加えること。

セレクタ1個ずつにつけてるのにアボーンってなるときは
position:relative;　を入れればきっとなんとかなる。なるなる。

・IE7.js Test Pages
CSS3っていうかCSS3で出てきた擬似セレクタを使えるようにしてくれる。
あればちょー便利。

akuyan to