きびきびした動作が気持ちいい、Windows8のスタート画面風インターフェイスを実装する -Droptiles

さまざまなプラットフォームに実装できるHTML+JavaScript+CSSで作られたオープンソースのWindows8のModern UI風のダッシュボードを紹介します。

サイトのキャプチャ

Droptiles

Droptilesのデモ

デモではDroptilesの気持ちいい操作感を試すことができます。

Droptilesは各パネルのスクロール表示もスムーズで気持ちよく、またその名が示す通りタイル状のパネルをドロップ操作することが可能です。

サイトのキャプチャ

パネル移動でレイアウトが変わります

デザインはテーマで簡単に変更することもできます。

サイトのキャプチャ

Whiteにすると、Appleっぽい

サイトのキャプチャ

Bloomは、春っぽい雰囲気で

デモはASP.NETでログイン機能付きで、データはダイナミックに取得しています。また、PHP, Ruby, JSPを使用してもほんの少し手直しするだけで実装できるそうです。

Droptilesの特徴

  • インターフェイスはBootstrap, jQueryを使用したクライアントサイド。
  • タイルのドラッグ&ドロップはパーソナライズ対応。
  • タイルのデータはダイナミックに生成可能。
  • 簡単に素早く実装可能。
  • FlickrやNews Readerに対応。
  • サーバーサイドのプラットフォーム。
  • ASP.NET, PHP, Ruby, JSPでの実装が可能。

top of page

©2017 coliss