2014-12-17
Webアプリ覚書 HTML5・CSS3・IE対応
Bootstrap3関連
自分はBootstrap2のときに初めて使ったのだけど結構奥深いので、公式ページではよくわからない箇所はリンクを参照。
Bootstrap3移行ガイド
Bootstrap3 徹底解説!
ファビコンを作る
結局一番使いやすいのはX-Icon Editorだった。（ただし、64、32、24、16ビットサイズにしか対応していない。）
他のは使い勝手がものすごく悪かったり、pngに対応してなかったり、下手をするとウィルス付だったり・・・
より見やすい画面に（コントラスト比の算出）
こういうのはWebアプリだけでなく、いろいろ使えそうなので。
IE対応
もうこの世から消し去りたいIE8とか9。だが、なかなか消えない・・・
1) HTML5の反映
昔はhtml5.jsを使っていたようだけど、今はhtml5shiv.jsを使うようだ。Googleからとってくるのだ。
<!--[if lt IE 9]> <script src="/js/html5shiv.js"></script> <![endif]-->
2) IEの最新バージョンをレンダリング
1)だけでうまくいかなかった・・・ということでメタ情報も（挿入する位置に注意しなければならないよう）
<meta http-equiv="X-UA-Compatible" content="IE=edge">
3) CSS3の適用
これでグラデーションとか角丸がいけるようになるらしい。
CSS3PIE
あとは旧ブラウザへの対応も見ておこう。
他にもあれば継ぎ足しておこう。