独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」:phpspot開発日誌
Ninja UI 独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」 アイコンや、ボタン、ポップアップ、レーティング、スライダーといった各種UIを提供してくれます。 UIは独特のデザインですが、それなりに汎用的に使えそうなものになっています。 他と同じUIは嫌だ、という方は使ってみるのもよいかもしれません。 関連エントリ jQuery UI のアイコンチートシート レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」
ドロップダウンリストの使い勝手を向上させるjQueryプラグイン·Dropp MOONGIFT
DroppはWebブラウザ標準のドロップダウンリストを置き換えて使い勝手を良くするライブラリ。 DroppはJavaScript/jQuery製のフリーウェア（ソースコードは公開されている）。HTMLがローカルソフトウェアに敵わない理由の一つがUIの貧弱さにあると思われる。もちろん凝ればそれなりのUIになるが、標準のコンポーネントで表現できるものが少ないのだ。 一つ選択 その一つで不満に感じていたのがドロップダウンの複数選択だ。シフトキーなどを押しながら選ぶなんてのは面倒すぎる。そこで使ってみたいのがDroppだ。 Droppは標準のドロップダウンリストを置き換えるソフトウェアだ。クリックするとリストが表示される。その中から項目を選択すると選択状態が維持される。そのまま追加で項目を選択できる。選択した項目のbらベルは一番上に並べて表示したり、複数項目選択中といったラベルにすることもできる。
jQuery UIのウィジェットを使ってみよう
対象読者 jQuery UIに興味があり、使ってみたいと思っている方 必要な環境と準備 jQuery UIのダウンロード 執筆時点のjQuery UIの最新版は、1.8.2です。第1回を参考にダウンロードしましょう。 Dialog Dialogは、ユーザのアクションに対して、警告、問い合わせなどのダイアログを表示させたいときに利用します。例えば、ユーザ登録時に「登録します。よろしいですか？」といったメッセージや、データを削除させる時に「削除しますが、よろしいですか？」などのメッセージを表示させることができます。 今回は、ボタンをクリックすると、［OK］と［キャンセル］ボタンが配置されたダイアログが表示されるサンプルを取り上げます。 リスト1にDialogプラグインの使用例を、図1、図2に実行結果を示します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっとしたUI効果をプラスするjQueryプラグイン
