要素を綺麗にブロック・レンガ状に並べてくれるjQueryプラグイン 『Masonry』
PR
jQueryのプラグインで、自動的に要素を綺麗に整列してくれるプラグインです。
記事一覧や画像一覧等によく使われます。すべてが同じサイズの場合はCSSだけでなんとかなるんですが、そうは行かないケースも多々有ります。そんな時に綺麗に配列するのに使えるのが Masonry です。
Masonryって石積みとか石造りとかって意味ですね。
日本でいうところの石垣がイメージとしてピッタリ来るんじゃないですかねですね
Masonry
プラグインのサイト自体がデモになっています。レスポンシブデザインのサイトだとウィンドウ幅を変更した時にアニメーションして動くのでわかりやすいかと思います、このプラグインの公式サイト自体がプラグインを使って整列されるようになっています。
マガジンスタイルやピンタレスト、Flickr、Google画像検索のような画像ギャラリーのような表現がこのプラグインで実現する事が可能です
このプラグインは導入も比較的簡単です
このプラグインと、無限スクロールを組み合わせれば。いまどきな先先端な感じのウェブサイトを作れるかと思います。
興味有る方はぜひチャレンジしてみてください。
WordPressでプラグインを使うと無限スクロールは結構簡単に実装できますよ
MODXも簡単に実装できるようです、プラグインも
こちらのプラグインのライセンスはMTIで商用利用も可能な使い勝手のいいライセンスです。
PR
短縮URL:
COMMENT