on:2012年8月14日sponsorsPinterestのようにパネルを隙間なくレンガ状に配置したり、異なる高さのパネルを同じ高さにしたりなど、ページのレイアウトに役立つjQueryのプラグインを紹介します。Wookmark高さの異なる要素を隙間なくレンガ状に配置するだけのシンプルなスクリプト。Wookmarkの使い方など、さらに詳しくMasonryアニメーションでレイアウトをダイナミックに変更する先駆けとなったスクリプト。Masonryの使い方など、さらに詳しくGridsterパネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できます。Gridブラウザのサイズを変更すると、それに伴いレイアウトをアニメーションで変更します。Gridの使い方など、さらに詳しくIsotopeダイナミックなアニメーションでレイアウトの変更やデータのフィルタリング・ソートをします。layoutページ上のコンテンツをドラッグ&ドロップで移動し、それをクッキーに保存します。layoutの使い方など、さらに詳しくFlexグリッドに沿ったままアニメーションでパネルを拡大表示します。grrrid異なる高さのdiv要素を揃えるだけでなく、均等割付やピクセル単位でグリッドに揃えます。Heights高さの異なるdiv要素を同じ高さにします。Heightsの使い方など、さらに詳しくBaseline画像をベースラインに揃えて配置します。Baselineの使い方など、さらに詳しくPageSlideページ全体を横にスライドし、隠されたコンテンツやリンク先のページを表示します。Barのように、ページをスクロールするとパネルをアニメーションで表示します。Gridレスポンシブデザインにも対応した、確認用のグリッドをオーバーレイで表示します。