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

コンピュータ上の表現としてグリッドは非常によく使われます。Excelのような表計算ソフトウェアはよく使われますし、テーブルや表もよく使われる表現です。しかしWeb上ではテーブルではなく、スタイルシートを駆使したグリッドが人気になっています。

今回はグリッドのフィルタリング、並び替えが得意なGridifierを紹介します。一覧で表示する際などに活躍しそうです。

Gridifierの使い方

こちらはデモの画面です。色と名前が様々なグリッドが並んでいます。

カラーで絞り込みました。

名前でソート。

実際に操作しているところ。アニメーションが格好良いです。

Gridifierを使えば写真や動画、HTMLをグリッドで整然と並べつつ、ユーザの指定でフィルタリングしたり並び替えるようなUIが簡単に作れます。スマートフォンにも対応していますので多くの環境で動かせるでしょう。

GridifierはHTML5/JavaScript製、Creative Commonsのオープンソース・ソフトウェアです。

Gridifier.io / Async responsive HTML grids

nix23/gridifier

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2