ここ最近、次々と目にするようになってきたCSSフレームワーク。TomcatやRailsをはじめとするサーバサイド、prototype.jsやjQueryといったクライアントサイド、そしてデザイン領域のCSSへとフレームワークの裾野は広がっている。

ピクチャ 9-8

こうしたフレームワークを覚えれば、サイトの構築は手軽になる。CSSによる三段組やブラウザ間での互換性などのTipsが盛り込まれたフレームワークを使って、サイトデザインに役立てよう。

今回紹介するオープンソース・ソフトウェアはBoilerplate、シンプルなCSSフレームワークだ。

Boilerplateは他のCSSフレームワーク同様に初期プロパティの消去からはじまって、各タグに対する設定を行っている。印刷時のCSS設定や、IEハックも盛り込まれている。
ピクチャ 10-6

一つのファイルでの構成ではなく、目的に応じて複数のファイルに分かれているのが特徴だ。例えばフォーム、タブ等といった具合だ。それらがlibディレクトリに入っている辺りが本格的で良い感じだ。

CSSもここ数年で一気に進化した感がある。利用が当たり前になっているからこそ、プログラム同様にフレームワークの導入を検討していきたい。

css-boilerplate - Google Code
 http://code.google.com/p/css-boilerplate/