Bricklayer

JavaScript

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

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

Bricklayer

デモ

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

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

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

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

Bricklayer

キャッチコピーや文章作成に便利!類語を教えてくれる「文章リライトツール」前のページ

お風呂やアウトドアに最適な防水Bluetoothスピーカー「Anker SoundCore Sport」次のページAnker SoundCore Sport

関連記事

  1. JavaScript

    レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い…

    レスポンシブにも対応している人気のjQueryプラグイン「Nivo S…

  2. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  3. JK Responsive Youtube Video and Image Gallery
  4. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  5. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

  6. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP