並び替え、アニメーションも対応したグリッドライブラリ「jQuery.Shapeshift」
jQuery.Shapeshiftは自分でドラッグ&ドロップできるグリッドライブラリです。
最近増えたのがPinterestのように高さの異なるボックスを並べて表示するUIです。そしてさらに自分で並び替えまでできるようにしたのがjQuery.Shapeshiftです。
最初の表示です。
ドラッグして移動できます。その時、ちょっと斜めの表示になるのがいい感じです。
全てを猫に！
jQuery.Shapeshiftではオプションが色々あり、ドラッグ時のアニメーション可否やそもそもドラッグ可否も指定できます。たとえ同じコンテンツであっても見せ方を工夫することでユーザ体験は全く違ったものになります。さらにユーザ自身による並び替えがあればカスタマイズ性が大きく向上するでしょう。
jQuery.ShapeshiftはjQuery/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。
MOONGIFTはこう見る
WebサイトではDBを使うことが多く、そのコンテンツの見せ方について