Gridifier - アニメーションが格好良いグリッドライブラリ MOONGIFT
コンピュータ上の表現としてグリッドは非常によく使われます。Excelのような表計算ソフトウェアはよく使われますし、テーブルや表もよく使われる表現です。しかしWeb上ではテーブルではなく、スタイルシートを駆使したグリッドが人気になっています。 今回はグリッドのフィルタリング、並び替えが得意なGridifierを紹介します。一覧で表示する際などに活躍しそうです。 Gridifierの使い方 こちらはデモの画面です。色と名前が様々なグリッドが並んでいます。 カラーで絞り込みました。 名前でソート。 実際に操作しているところ。アニメーションが格好良いです。 Gridifierを使えば写真や動画、HTMLをグリッドで整然と並べつつ、ユーザの指定でフィルタリングしたり並び替えるようなUIが簡単に作れます。スマートフォンにも対応していますので多くの環境で動かせるでしょう。 GridifierはHTML5
タッチデバイスにも対応の、要素をドラッグ&ドロップでソートできる軽量スクリプト・Sortable
要素をソートできるスクリプトのご紹介。タッチデバイスにも対応しており、軽量で非依存型となっています。なかなか便利そうですね。 D&Dでソートできるスクリプトです。HTML5のAPIを使用しているみたいですね。タッチデバイスでも動作します。 D&Dでどーと出来るスクリプト。jQuery等のライブラリに依存せず、圧縮版では2KBほどと軽量なのも素敵ですね。 <script src="Sortable.js"></script>本ライブラリを読み込むだけで利用できます。 var foo = document.getElementById("foo"); new Sortable(foo, { group: "bar" });グルーピングされた要素等にも対応できます。 ライセンスはMITとなっております。詳細は以下よりどうぞ。 Sortable
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
