まだローカルでの作業ですが、Yahoo! UI Library の Reset CSS と Fonts CSS と Grids CSS を利用してこのブログのスタイルを再構築中です。
それぞれを簡単に説明すると:
- Reset CSS はブラウザのデフォルトスタイルをすべてリセットするスタイル。
- Grids CSS はヘッダ、フッタ、そしてメイン部分のカラムのスタイルを構築するスタイル
- Fonts CSS はフォントのサイズや行間を統一的に指定するためのスタイル
です。これらはユーティリティ的なスタイルなので、これらだけで美しいレイアウトを表現することはできませんが、スタイルレイアウトの大枠をサクっと作ることができるのでおすすめです。特に Reset CSS はすばらしい。ブラウザのデフォルトスタイルがすべてリセットされるために、すべてのスタイルを明示的に指定する必要がありますが、指定したスタイルはこちらの意図通り確実に反映されるので、非常に便利です。(以上:投稿時刻 4/5 01:12)
(4/7 12:00 追記) とりあえず、トップと書くエントリページに新しいスタイルを反映させてみました。
(4/8 00:00 追記) 前ページに新スタイルを反映させました。自転車の軌跡とか、ブログのエントリ以外のものは古いスタイルのままですが、こちらは追々。暇をみて。
(4/8 21:58 追記) Reset CSS は本当にすべてのスタイルがリセットされます。そのまま残るのはブロック要素とインライン要素の区別ぐらい。リストの list-style-type も none になっているので、要注意です。ってただ自分が忘れていただけですが(汗











コメントする