要素を綺麗にブロック・レンガ状に並べてくれるjQueryプラグイン 『Masonry』

masonry_desandro_com
このエントリーをはてなブックマークに追加
PR

jQueryのプラグインで、自動的に要素を綺麗に整列してくれるプラグインです。

記事一覧や画像一覧等によく使われます。すべてが同じサイズの場合はCSSだけでなんとかなるんですが、そうは行かないケースも多々有ります。そんな時に綺麗に配列するのに使えるのが Masonry です。

Masonryって石積みとか石造りとかって意味ですね。

日本でいうところの石垣がイメージとしてピッタリ来るんじゃないですかねですね

 

 

Masonry

http://masonry.desandro.com/

プラグインのサイト自体がデモになっています。レスポンシブデザインのサイトだとウィンドウ幅を変更した時にアニメーションして動くのでわかりやすいかと思います、このプラグインの公式サイト自体がプラグインを使って整列されるようになっています。

 

マガジンスタイルやピンタレスト、Flickr、Google画像検索のような画像ギャラリーのような表現がこのプラグインで実現する事が可能です

 

このプラグインは導入も比較的簡単です

このプラグインと、無限スクロールを組み合わせれば。いまどきな先先端な感じのウェブサイトを作れるかと思います。

興味有る方はぜひチャレンジしてみてください。

WordPressでプラグインを使うと無限スクロールは結構簡単に実装できますよ

MODXも簡単に実装できるようです、プラグインも

 

こちらのプラグインのライセンスはMTIで商用利用も可能な使い勝手のいいライセンスです。

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)