ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Web上で情報を並べて表示する機会はとても多いです。そんな時、常に発生するのが並び替えや絞り込みのニーズです。データを消したり、並び替えて表示したりするのは意外と大変です。

そこで使ってみたいのがFilterizrです。データのソート、フィルタリングに特化したライブラリです。

Filterizrの使い方

利用例です。カテゴリごとにデータが絞り込まれて表示されています。

カテゴリを変更するとデータが変わったり、並び順を変更できます。

ツリーデータにも使えます。

Filterizrはアニメーション部分にCSS3を用いているのでスムーズにアニメーションされます。jQueryとの連携もできるので、手軽に使えそうです。情報の絞り込み表示などで役立つことでしょう。

FilterizrはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

Filterizr | Create responsive galleries

giotiskl/filterizr: Filterizr is a JavaScript library that sorts, shuffles and filters responsive galleries using CSS3 transitions

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2