文系プログラマによるTIPSブログ

文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。

cssフレームワーク:1kb

The 1Kb CSS Gridhttp://www.1kbgrid.com/
1kb以内のcssでどこまで表現できるかに挑戦しているCSSフレームワークです。
blueprintと比べて圧倒的にコンパクトで、余計な初期設定がほとんどないので非常に素晴らしいと思っています。

現在オタクのメル友・彼氏彼女を探す、の次のサイトを作成中ですが、
1kb CSSを使って構築中で、こんな感じになっています。
f:id:treeapps:20110727004444p:image

どうやら行をネストする事ができるようで、いい感じ。

<div class="row"> 
<div class="column grid_24">

<div class="row"> 
<div class="column grid_24">
<h1>サイト名.com</h1>
まとめ買いを支援するサイトです!
</div><%-- column --%>
</div><%-- row --%>

</div><%-- column --%>
</div><%-- row --%>

ちゃんと調べてないですが、blueprintの場合は24カラムの中に24カラムを設定すると、はみだして改行されてしまいます。
これのせいで24カラムの中には23カラムを設定する必要があるので、1個ズレる気持ち悪い設定が嫌でした。
ネストするとfloat関連がちょっと複雑になるらしく、うまく回り込みが効かなくなったりして面倒でした。

その点1kbの方は余計な設定が全くないので、24カラムの中に24カラムを書けるし、
float関連の回り込みトラブルも全くありません。(今のところですが)
私的にはグリッド系の決定版ではないかと思っています。