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

jQuery.Shapeshiftは自分でドラッグ&ドロップできるグリッドライブラリです。

最近増えたのがPinterestのように高さの異なるボックスを並べて表示するUIです。そしてさらに自分で並び替えまでできるようにしたのがjQuery.Shapeshiftです。


最初の表示です。


ドラッグして移動できます。その時、ちょっと斜めの表示になるのがいい感じです。


全てを猫に!

jQuery.Shapeshiftではオプションが色々あり、ドラッグ時のアニメーション可否やそもそもドラッグ可否も指定できます。たとえ同じコンテンツであっても見せ方を工夫することでユーザ体験は全く違ったものになります。さらにユーザ自身による並び替えがあればカスタマイズ性が大きく向上するでしょう。

jQuery.ShapeshiftはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。


MOONGIFTはこう見る

WebサイトではDBを使うことが多く、そのコンテンツの見せ方について

jQuery.Shapeshift Demo

McPants/jquery.shapeshift

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2