タグ

cssとMasonryに関するnelogのブックマーク (1)

  • 超高速なMasonryレイアウトを実装できる「Bricks.js」 – bl6.jp

    Bricks.jsは、固定した幅で配置する画像などの要素をすばやく配置するレイアウトジェネレータのjsライブラリです。それは、まるで石畳のように規則性を持って敷き詰めたようなイメージです。同様なジェネレータはこれまでもありましたが、jQueryありきで構築されなければならず、不要な機能もついてしまっています。このBricks.jsはHTMLマークアップとCSSで構築が可能なライブラリです。 Bricks.jsのデモページは以下になります。 デモ Bricks.jsの動きは超高速です。要素の表示サイズにあわせて、カラム数やカラム間のスペースを指定してコンテンツを配置してくれます。jQueryに依存していないライブラリなので、HTMLCSSで実装が可能となります。手順は下記のようになります。 インストールしたBricks.js をインスタンス化します。その後、必要に応じてパラメーターを設定し

    超高速なMasonryレイアウトを実装できる「Bricks.js」 – bl6.jp
  • 1