タグ

uiとMOONGIFTに関するpoad1010のブックマーク (8)

  • ダッシュボード構築用UIライブラリ·Dashing MOONGIFT

    Dashingはダッシュボード用ライブラリで、グラフを表示したり並び替えが自由にできます。 システムには必ず管理インタフェースがあります。表向き華やかでも、裏のシステムは中の人用とあって粗雑なUIであるケースが多いようです。そこで使ってみたいのがDashingです。 なんと奇麗なダッシュボード。 ドラッグアンドドロップによる配置換えも可能です。 自分の見やすいように配置を変更できます。 Dashingは数値やデータのリストを確認するのにぴったりなモダンなUIとなっています。細かなデータ管理ができる訳ではありませんが、ステータスをチェックしたりするのにぴったりです。APIが公開されているので、それにあわせてデータを配信すればDashingが華麗なUIにしてくれるはずです。 DashingはRuby製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイトの表のUIが整っ

    ダッシュボード構築用UIライブラリ·Dashing MOONGIFT
  • ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT

    jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス

    ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT
  • 高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT

    Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。

    高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
  • 未来の技術が目の前に。ついにオープンソース化·SixthSense MOONGIFT

    SixthSenseは現実世界にデジタルデータを照射し、操作を行うARデバイスです。 SixthSenseという未来的デバイスが発表されたのは2009年のことでした。ARとは異なり、現実世界にプロジェクターを通してデジタルデータを配信し、そこに対するアクションを感知するシステムです。元々オープンソースにする予定でしたが、ついにその実態が出てきました。 現実とデジタルが見事に融合しています(公式サイトより)。 空中で構えるのが特徴的です(公式サイトより)。 カメラとプロジェクターそしてカラーマーカーが基構成になっています(公式サイトより)。 紹介動画 TEDでの発表 SixthSenseはハードウェアとソフトウェアの二つが合わさって提供されるテクノロジーです。近い将来、設計図を元に汎用化されるかも知れませんね。 SixthSenseはGPL v3のオープンソース・ソフトウェアです。 MOO

    未来の技術が目の前に。ついにオープンソース化·SixthSense MOONGIFT
  • 多彩なウィジェットで高品質なWebアプリケーションを素早く構築·Kendo UI MOONGIFT

    Kendo UIデスクトップやスマートフォン、タブレットに対応したUIフレームワーク。 Kendo UIHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア。WebのUIは表現力がとても高く、自由度が高い。それは良いことでもあるし、悪いことでもある。束縛が何もないために自由に発想できる反面、デザインする才能がないと情報が散らばってしまってどうにもならなくなる。 デモアプリ それを解決するにはまずウィジェットの概念を取り入れていくことだ。そうした部品を適切に配置していくことで画面をパズルのように作り上げていく。デスクトップからスマートフォン、タブレットまで広く使えるUIコンポーネントがKendo UIだ。 Kendo UIのKendoは剣道から来ているようだ。Kendo UIはとても対応範囲の広いソフトウェアで、実に数多くのウィジェットに加えて、Webアプリケーショ

  • MongoDBを使った開発のお供に。マルチプラットフォームで使えるMongoDB管理UI。 MOONGIFT

    JMongoBrowserはマルチプラットフォームで動作するMongoDB管理ソフトウェア。 JMongoBrowserはWindows/Mac OSX/Linux用のフリーウェア。NoSQLの採用が増えてきた。メインで使う場合もあるが、今のところは補助にシステムで、特にNoSQLが有効に使える場面で採用することが多いようだ。 メイン画面 使われることが増えれば、自ずと管理インタフェースが必要になる。実際に登録されているデータを閲覧したり更新する、そのためのソフトウェアがJMongoBrowserだ。 JMongoBrowserはGUIアプリケーションとして提供されるのが利点と言える。サーバに接続し、DBを一覧したりコレクションを閲覧することができる。ドキュメントをアップデート、複製、削除することももちろん可能だ。コレクション自体の操作もできる。 クエリーウィンドウ さらにJSON/BSO

  • リストやテーブル主体のスマートフォン最適化サイトに·ChocolateChip-UI MOONGIFT

    ChocolateChip-UIHTML5製のスマートフォン最適化サイト用フレームワーク。 ChocolateChip-UIHTML5製スマートフォン用のオープンソース・ソフトウェア。スマートフォンはこれまでのデスクトップ型に比べると圧倒的に画面サイズが小さい。そのためWebサイトのデザインを行う上で注意すべきことが色々ある。またiOS風にデザインするのも難しい。 リスト そのためデザインテンプレートを使うのが一般的になっている。Webデザインだけを提供するもの、jQuery Mobileのように統合的に提供するものなど色々あるが、ChocolateChip-UIは後者に属するスマートフォンWebサイト向けフレームワークだ。 ボタン ChocolateChip-UIで提供されるのはテーブルビュー、アコーディオンビュー、ナビゲーションバー、リスト、各種ボタン、ポップアップ、スライダーなど

  • ドロップダウンリストの使い勝手を向上させるjQueryプラグイン·Dropp MOONGIFT

    DroppはWebブラウザ標準のドロップダウンリストを置き換えて使い勝手を良くするライブラリ。 DroppはJavaScript/jQuery製のフリーウェア(ソースコードは公開されている)。HTMLがローカルソフトウェアに敵わない理由の一つがUIの貧弱さにあると思われる。もちろん凝ればそれなりのUIになるが、標準のコンポーネントで表現できるものが少ないのだ。 一つ選択 その一つで不満に感じていたのがドロップダウンの複数選択だ。シフトキーなどを押しながら選ぶなんてのは面倒すぎる。そこで使ってみたいのがDroppだ。 Droppは標準のドロップダウンリストを置き換えるソフトウェアだ。クリックするとリストが表示される。その中から項目を選択すると選択状態が維持される。そのまま追加で項目を選択できる。選択した項目のbらベルは一番上に並べて表示したり、複数項目選択中といったラベルにすることもできる。

  • 1