Bricklayer

JavaScript

軽量なグリッドレイアウトを実装できる「Bricklayer」

Bricklayerは軽量なグリッドレイアウトを実装することができるライブラリです。高さの異なるコンテナなどを均一な隙間を保ちつつキレイに整列させたいときに役立ちますね。使い方もシンプルで容量も軽量なところがGoodです。

Bricklayer

デモ

デモページにはAPPEND、PREPEND、APPEND MULTIPLEというボタンが設置されており、クリックすることでコンテナを追加していくことができます。

レスポンシブになっているので、ブラウザ幅を縮小・拡大してもそれに合わせてレイアウトが最適化されます。

PC、スマホ、タブレットとさまざまな機器で美しいグリッドレイアウトを表示させたいという方は要チェックです。

というわけで、軽量なグリッドレイアウトを実装できる「Bricklayer」のご紹介でした。

Bricklayer

関連記事

  1. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  2. Bootstrap Photo Gallery jQuery plugin
  3. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  4. no-image

    JavaScript

    ページ読み込み時に画面上部にプログレスバーを表示する「Skylo」

    Skyloはページ読み込み時にプログレスバーを画面上部に表示できるのが…

  5. ALighter

    JavaScript

    任意のテキストの場所に光を当ててくれるjQueryプラグイン「ALighter」

    ちょっとしたアクセントに使えそうですね。任意のテキストの場所に光を当て…

  6. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP