stackgrid.adem.js

JavaScript

コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

stackgrid.adem.jsはコンテンツをグリッド状にスタッキングしていくことができます。コンテンツ間の余白やカラムのワイド幅などを指定することが可能になっているので、細かいカスタマイズをしたい場合にはとても便利ですね。

stackgrid.adem.js

デモ

デモではSmall、Medium、Largeから各サイズのコンテンツをスタックしていくことができる他、Gutter Onで余白を入れて、Gutter Offで余白を無くすことができます。

また、フレキシブルなレイアウトになっているので、ブラウザ幅を可変させることでコンテンツがアニメーションしながら再配置されます。

他にもデモメニューにあるFluidをクリックすれば横幅いっぱいに広がったレイアウトを見ることができます。

ダイナミックに切り替わっていくスタッキング可能なグリッドレイアウトを実装したい方は是非チェックしてみてください。

stackgrid.adem.js

関連記事

  1. Rain & Water Effect Experiments
  2. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  3. no-image

    JavaScript

    シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

    Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるj…

  4. jsPanel3

    JavaScript

    多機能なフローティングパネルを実装できるjQueryプラグイン「jsPanel3」

    jsPanel3は、高度で多機能なフローティングパネル(ウィンドウ)を…

  5. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

  6. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP