Filterizr

JavaScript

ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

Filterizrはソートやシャッフルができるレスポンシブに対応したギャラリーを実装するjQueryプラグインです。CSS3 トランジションが使われています。プラグイン自体が軽量になっているところもうれしいですね。

Filterizr

デモ

デモでは全部で9枚の写真が並んでおり、ALL、CITIES、NATURE、INDUSTRIAL、DAYLIGHT、NIGHTSCAPEのどれかのボタンをクリックすると、それに合う写真が絞り込まれます。

また、SHUFFLEボタンをクリックすると、写真がシャッフルされます。そのほか、ASCで昇順、DESCで降順に写真を並べ替えることも可能です。

写真を並べ替えたり絞り込んだりするときのアニメーションも滑らかでとてもいい感じですね。

レスポンシブに対応していることから、PCをはじめスマフォやタブレットにも最適なレイアウトで表示されるところもGoodです。

Chrome、Firefox、Safari、Opera、Android、iOS、Edge、IE(v.10+)がサポートされているとのこと。

軽量でレスポンシブに対応したソートやシャッフルができるギャラリーを実装したい方は、ぜひチェックしてみてください。

Filterizr

Ink Transition Effectインクをこぼしたようなエフェクトを実装できる「Ink Transition Effect」前のページ

最大1.92TBのサンディスク エクストリーム900 ポータブルSSD次のページサンディスク エクストリーム900 ポータブルSSD

関連記事

  1. JavaScript

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

  2. stickUp2

    JavaScript

    スクロールしてもついてくるスティッキー実装「stickUp2」

    stickUp2はスクロールしてもついてくるシンプルなスティッキーを実…

  3. no-image

    JavaScript

    レスポンシブ対応でモバイルフレンドリーなjQueryデートピッカー・タイムピッカー「pickadat…

    pickadateはレスポンシブに対応したモバイルフレンドリーなデート…

  4. jQuery Panorama Viewer

    JavaScript

    パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

    jQuery Panorama Viewerはパノラマビューを実装する…

  5. no-image
  6. WEB TICKER

    JavaScript

    テキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」

    WEB TICKERは、テキストや画像、リストなどさまざまなコンテンツ…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP