emastic - Google Code

複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」。
以下はemasticを使ったサンプルレイアウトです。



例えば、次のように書くと、20 : 20 : 30 の比率で３つのブロックが生成されます。

<div class="dr20"> 20 em </div>
<div class="dr20"> 20 em </div>
<div class="dr30"> 30 em </div>
<div class="clear">&nbsp;</div>

次のようなレイアウトも簡単に作れます。もちろん、クロスブラウザ。



複雑なレイアウトを素早く作りたい場合に使えそうですね。

関連エントリ

• Yahoo!が提供するレイアウト用CSSライブラリ