Wookmark

高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmarkはシンプルに並べなおすだけです。 デモ:幅800pxで表示 [ad#ad-2] Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例にHTMLはリスト要素など、並列に配置しま

[d_animal141]

Wookmark

[duckclogs]

並べる

[keita_i]

雑誌風に近いやつ Masonry

[keyjam]

高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

[HHR]

ブロックレイアウト

[longroof]

これこれ( ´∀｀)[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

[Koozz]

これやってみたかった

[creaism]

RT hatebu: [JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

[adsty]

カラム間の隙間やグリッドの幅を設定できるjQueryプラグイン。

[toguo]

ビジュアル重視のサイトとかに使えるかな？

[hab98540]

高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark

[vanish_l2]

ピンタっぽいね。

[o_hiroyuki]

可変グリッドデザインに使える

[warriorking]

(JS)高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

[tyr777]

グリッドレイアウト

[gnta]

これは多用したい

[stenpel]

使った。

[gayou]

これは面白そう

[mathemathiko]

高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス (50 users) http://twitter.com/#!/hatebu/status/184471345067851776 Sent from Echofon - http://www.echofon.com/

[skyriser]

これめんどくさいんだよね。

[hedeyoshi]

masonryとはちょっと違うけどこれもいい

[nao14115]

高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

[manji6]

高さの異なる要素をレンガ状に並べるプラグイン。

[balor]

jQuery

[myoukabi]

かっこいいなぁ / [JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

[seteoceano]

高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark

[kams3261]

高さの異なる要素をレンガ状に隙間なく並べるだけのシンプル

[Donca]

✔ [JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark