要素にフィルターを掛けたり、ソート出来るjQueryプラグイン・Isotope

Ads

たまたま見つけたjQueryプラグインの
動きが凄かったので反射的にご紹介。
このブログでも何度かご紹介している
要素にフィルターを掛けたり、ソートして
くれる、というjQueryプラグインなのです
が、なかなか高機能ですよ。ぜひ動きを
見ていただきたいです。

これ系はいくつかありますが、僕が知ってる中では一番良さそうです。

Isotope


要素をフィルタリングしてくれたりソートしてくれますよ。アニメーションも豊富に用意されています。

触ってみる


デモの一つを触ってみます。デフォルトではこのようにバラバラに元素記号が並んでいます。


フィルタをかけてみました。ふわっと要素がアニメーションしながら集まります。


複数の種類も。


フィルタにかけた要素を今度はソートします。上記はカテゴリで並べ替えた状態。


このようにレイアウトも変更できる。


サイズ変更なんかも。

と、いろいろ高機能なんですが、商用ライセンスは有料です。しかし、IEでも問題なく動いてくれますし(IE6はcssの調整が必要ですけど)、場合によっては購入も検討したいプラグインです。デモ面白いですよ。

Isotope / DMEO