[ ブックマーク ] 高さの違うコンテンツを隙間なく配置するjQueryプラグイン

ブロック要素を隙間なく埋める可変グリッドデザインが生成できるjQueryプラグインの紹介です。

実装方法は非常に簡単で、HTMLファイルのheadタグ内でjQuery Masonryプラグインを呼び出して、headタグ内あるいはjQuery Masonryプラグインや設定用のファイルに以下のように記述するだけです。

Java Script

$('#container').masonry({
  itemSelector: '.box'
});

デモもたくさん用意されているので見てみてください。