on:2013年10月15日sponsorsデスクトップでもタブレットでもスマフォでも、カードを使ったさまざまなパターンのグリッドレイアウトをダイナミックに作成するjQueryのプラグインを紹介します。-GitHubFreewallのデモFreewallの使い方Freewallのデモスクリプトのページ自体もデモになっており、さまざまなレイアウトを楽しむことができます。Freewallデモページも数多く用意されています。Gridまずは、ノーマルなグリッド状のレイアウト。Layoutさまざまなサイズの画像を使ったレイアウト。以下、少しずつ高度なレイアウトになっていきます。Height各カードの高さを揃えてレイアウトします。Zoneスライスエンジンを使って、カードをゾーンにフィットさせます。Layoutフレキシブルなレイアウトにも対応。LayoutPinterest風に高さの異なるカードをダイナミックにレイアウト。外部ファイルhead内にjquery.jsと当スクリプトを外部ファイルとして記述します。HTMLカードを包むラッパーを用意します。JavaScriptデモでは、各カードをスクリプトで生成してレイアウトを作成しています。