タグ

JavaScriptとUIに関するski_yskのブックマーク (3)

  • Dejavu - Elasticsearch用Web UI

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Elasticsearchはオープンソースの有名なデータベースです。MOONGIFTの検索機能でも使っています。細かな条件指定ができるので、検索としてはもちろんデータベースとして使っている人も大勢います。 そんな ElasticsearchのWeb UIとしてDejavuを紹介します。 Dejavuの使い方 トップページです。 クエリを実行できます。 結果を確認できます。 データを選択して削除できます。 DejavuはJSONデータを表形式に並べてくれるので内容が確認しやすくなっています。Webで公開されている Elasticsearchに接続して内容が確認できるので、番環境にインストールする必要もないでしょう。データが正しく入っているか、確認するのにも便利です。 Dejavuは

    Dejavu - Elasticsearch用Web UI
  • jQuery/CSS3でPath風メニューを·Pie Menu MOONGIFT

    Pie MenuはPathのメニューに似たUIをjQueryで再現したライブラリです。 人気のあるiOSアプリのUIはすぐに真似したモックアップが登場します。Pathもその一つです。流れるようなUIはもちろん、赤いプラスボタンのメニューが人気です。Pie Menuはそんなメニュー表示をjQuery/CSS3で再現したライブラリです。 赤いボタンを押します。 アニメーションがあってメニューが表示されます。 パラメータを変更して表示をカスタマイズできます。 密着版。 デモ動画です。 デスクトップ版でPie Menuを採用したとしてもなかなか使い方が分からないかもしれませんが、PhoneGapと組み合わせると話が違ってきそうです。スマートフォン向けサイトで使ってみても面白いかもしれません。 Pie MenuはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライ

    jQuery/CSS3でPath風メニューを·Pie Menu MOONGIFT
  • Clear風のUI、操作を実現するスマートフォン向けWebアプリケーション·HTML5 Clear MOONGIFT

    HTML5 ClearはiOSのTodoアプリClearに似た操作をHTML5で実現しています。 これまでにないほど先進的なUIをもったTodoアプリがClearです。こちらはiOSアプリですが、同様の操作をHTML5で実現しているのがHTML5 Clearになります。 トップ画面です。タスクリストが並んでいます。 次にタスクが並んでいます。操作がそのままタスク名になっています。 タップでエディットです。 ドラッグダウンで新しいタスクを追加できます。 タスクを右にスワイプすると完了になります。 HTML5 ClearはClearの全ての動きを再現している訳ではありませんが、何となくそれっぽい動きが実現できています。HTML5でここまでできるのか、という点からも興味深いソフトウェアです。なおデータは保存されていないのでご注意ください。 HTML5 ClearはHTML5/JavaScript

  • 1