Gridifier - アニメーションが格好良いグリッドライブラリ
コンピュータ上の表現としてグリッドは非常によく使われます。Excelのような表計算ソフトウェアはよく使われますし、テーブルや表もよく使われる表現です。しかしWeb上ではテーブルではなく、スタイルシートを駆使したグリッドが人気になっています。 今回はグリッドのフィルタリング、並び替えが得意なGridifierを紹介します。一覧で表示する際などに活躍しそうです。
Gridifierの使い方
こちらはデモの画面です。色と名前が様々なグリッドが並んでいます。
カラーで絞り込みました。
名前でソート。
実際に操作しているところ。アニメーションが格好良いです。
Gridifierを使えば写真や動画、HTMLをグリッドで整然と並べつつ、ユーザの指定でフィルタリングしたり並び替えるようなUIが簡単に作れます。スマートフォンにも対応していますので多くの環境で動かせるでしょう。
GridifierはHTML5/JavaScript製、Creative Commonsのオープンソース・ソフトウェアです。