stackgrid.adem.jsはコンテンツをグリッド状にスタッキングしていくことができます。コンテンツ間の余白やカラムのワイド幅などを指定することが可能になっているので、細かいカスタマイズをしたい場合にはとても便利ですね。
stackgrid.adem.js
以下はstackgrid.adem.jsのデモページになります。
デモ
デモではSmall、Medium、Largeから各サイズのコンテンツをスタックしていくことができる他、Gutter Onで余白を入れて、Gutter Offで余白を無くすことができます。
また、フレキシブルなレイアウトになっているので、ブラウザ幅を可変させることでコンテンツがアニメーションしながら再配置されます。
他にもデモメニューにあるFluidをクリックすれば横幅いっぱいに広がったレイアウトを見ることができます。
ダイナミックに切り替わっていくスタッキング可能なグリッドレイアウトを実装したい方は是非チェックしてみてください。
stackgrid.adem.jsの詳しい使い方やダウンロードに関しては以下からどうぞ。
