Bricklayer

JavaScript

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

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

Bricklayer

デモ

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

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

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

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

Bricklayer

関連記事

  1. no-image
  2. no-image

    JavaScript

    要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」

    snapScroll.jsは要素ごとにきりのいいところでスクロールされ…

  3. Bootstrap Carousel Touch Slider with Text Animation
  4. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  5. t.js

    JavaScript

    タイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」

    t.jsというjQueryプラグインを使えば、タイプライターで文字を入…

  6. Erge Drop Down Menu Control

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP