Googleのモジュールばかりを表示していてそのまんまデモサイトとなっていたのでテンプレートを更新してみました。

　まだ、手直ししないといけないところがたくさんあって大変です。デモが１．５のみになってしまいましたので逐次デモメニューに追加していきます。

　今回も、blueprint css framework を使用しています。とにかくレイアウトが短時間で作成できるのでとっても便利です。CSSなどのファイル量は多いと思いますが、そのあたりは今後圧縮なりと考えています。

Blueprintで少し・・・

Blueprintでは、divクラスの数値の指定などでレイアウトを簡単に決定できます。

　例えば、

<div class="column span-24">

  <div class="column span-6 first">

  </div>

  <div class="column span-18 last">

  </div>

</div>

とすることで簡単に２コラムができあがります。複雑なネスト構造でも可能なようです。どこまで深い階層までいけるのかは試していませんが、支障のない程度まではいけそうです。高さ(height)だけは、指定してあげないといけません。tableタグでspacerを入れながらという作業が全く必要なくなりますのでテンプレートの作成作業も時間と手間が激減するのではないでしょうか。

http://code.google.com/p/blueprintcss/