前の記事 «：フォームのユーザビリティを改善するためのサンプル集
次の記事 »：2008年7月22日 管理人のブックマーク

複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」

2008年07月22日

スポンサード リンク

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>

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



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

関連エントリ

スポンサード リンク

投稿者 KJ : 2008年07月22日 12:04 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。