Bricklayer

JavaScript

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

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

Bricklayer

デモ

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

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

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

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

Bricklayer

関連記事

  1. Recursive Hover Nav
  2. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  3. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  4. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

  5. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  6. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP