前の記事 ≪:ヒトに関するユニークなPhotoshopブラシ集
次の記事 ≫:ウェブデザイナーのためのダッシュボード「Agency Tool」

複数カラムデザインもJavaScriptで簡単に実装できる「MooColumns」

2008年07月28日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
MooColumns - greengecko design
MooColumns is a MooTools 1.2 class that allows you to divide content into multiple columns quickly and easily.

複数カラムデザインもJavaScriptで簡単に実装できる「MooColumns」
カラムを4個にしたい場合、以下のように書けば4カラムデザインに出来るのがMooColumns。

window.addEvent('domready', function() {
    var doubleColumns = new MooColumns({
        numOfColumns:4
    });
});



CSSフレームワークを使うという手もありますが、こういう方法で実装するのも簡単に出来ますね。
Mooということでmootools依存です。

関連エントリ

関連の記事検索:CSS, Webデザイン, javascript, xhtml
スポンサード リンク

By.KJ : 2008年07月28日 10:08 livedoor Readerで購読 Twitterに投稿

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