読者です 読者をやめる 読者になる 読者になる

akuyan to

イベント/旅行/デザイン/おいしいもの...

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

[Web] デザイン

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


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


▼HTML5

タグ

HTML5リファレンス
HTML5で出た新タグの参考に。わかりやすい。


HTML5 Validator Bookmarklet
HTML5の構文チェック。まだ構文があやしいので。

ハック的なの

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



▼CSS3

デザイン的なの

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で出てきた擬似セレクタを使えるようにしてくれる。
あればちょー便利。