タグ

UIと*javascriptに関するcos31のブックマーク (3)

  • 【ハウツー】jQuery、Dojo、YUIの使えるウィジェット (1) フレームワークの概要 | エンタープライズ | マイコミジャーナル

    数あるJavaScriptフレームワーク、あなたはどれをよく使う? Webアプリケーションの開発現場において、JavaScriptは切っても切りはなせない存在だ。特に業務支援系Webアプリケーションの場合は、エンドユーザに対して「どれだけわかりやすく、入力・操作しやすいUIを提供できるか」がカギとなる。 最近ではJavaScriptフレームワーク自体に各種の用途・目的に合わせたウィジェットが増えてきており、デベロッパは自前で複雑な実装をすることなくさまざまな機能・UIを簡単に導入することができるようになってきた。 jQuery UI、Dojo ToolkitYahoo! User Interface Library(以下、Yahoo UI)、script.aculo.us、Ext JS……、ライセンスや稼動環境、エンドユーザの要望、デベロッパの嗜好などでさまざまな選択肢があるが、どのフレ

  • MOONGIFT: » 要注目!モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介

    JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト(右クリック)メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン

    MOONGIFT: » 要注目!モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介
  • HTML上のテーブル操作の決定版·Flexigrid MOONGIFT

    ※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カスタマイズして膨大に工数を増やすのではなく、ライブラリを使って柔軟に、素早く対応しよう。 今回紹介するオープンソース・ソフトウェアはFlexigrid、jQueryを使ったテーブル操作ライブラリだ。 Flexigridは既存のテーブルに対して利用できるライブラリで、普通のテーブルをカラムの並べ替えや表示/非表示、幅の変更など優れたUIをもったテーブルに変更してくれる。対応ブラウザはIE6/IE7、Firefox 2、Opera 9.x、Safar

    HTML上のテーブル操作の決定版·Flexigrid MOONGIFT
  • 1