Webサイトの個人的な定義を考え直し。
グリッドシステムは960グリッドシステムの他、 レスポンシブでResponsive Grid Systemのチェック。
BootstrapとFoundationはとりあえず放置だけど扱うならFoundationの方がシンプルでいいかも。
Media-Queriesも一応お勉強。
PCサイトは近年モニターの解像度があほみたいに上がっているけど、
とりあえず960グリッドに沿ったデザインで作る。
Retinaは無視。
html5shivとCSS3 PIEでHTML5とCSS3をIE8以下に対応。
html5shivをダウンロード
CSS3 PIE
画像はCSS Spliteで作り伸縮させるものは個別で用意。
■ rem（応急用にひとまずIEに対応）
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
■ HTMLのmeta
<meta name=”viewport” content=”width=device-width,user-scalable=no,maximum-scale=1″ />