前の記事 ≪：フォームのユーザビリティを改善するためのサンプル集
次の記事 ≫：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>

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



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

関連エントリ

関連の記事検索：CSS, Webデザイン, フレームワーク, Web制作, レイアウト, framework
スポンサード リンク

By.KJ : 2008年07月22日 12:04 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)