Bricklayer

JavaScript

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

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

Bricklayer

デモ

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

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

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

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

Bricklayer

関連記事

  1. Audero Smoke Effect

    JavaScript

    スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect…

    スモーク(煙)のエフェクトを実装することができるjQueryプラグイン…

  2. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  3. no-image
  4. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  5. Nivo Lightbox

    JavaScript

    Lightbox系のレスポンシブ対応のjQueryプラグイン「Nivo Lightbox」

    シンプルでレスポンシブにも対応しているLightbox系のjQuery…

  6. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP