ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ChosenはHTMLのドロップダウンメニューをフィルタリング対応の快適なコンポーネントに変身させるjQuery/Prototype.jsプラグインです。

HTMLの貧弱なコンポーネントには毎度がっかりさせられます。例えばタイムゾーンや国を選ぶドロップダウンです。あれほど長いリストから一つを選ぶのは大きなストレスです。そこで使ってみてほしいのがChosenです。


変更前。普通の使い勝手の悪いドロップダウンです。


それがこんなに!フィルタリングまでできる高性能なドロップダウンに!


複数選択もできます。


選択済アイテムをハイライト表示にもできます。


既に選択されているアイテムは非表示にもできます。


選択されているアイテムの横に×を出して非選択にできます。

Chosenでは一つを選ぶ、または複数を選ぶドロップダウンのどちらも最適な表示に変身させます。これならば自分が選びたいものだけを素早く選択できますね。

ChosenはjQuery/Prototype.js用JavaScript製のオープンソース・ソフトウェア(MIT License)です。


MOONGIFTはこう見る

悪いものを悪いものとして諦めるか、自力で改善するかでプログラマーとしての技量が問われているような気がします。改善したとして、それをさらにライブラリ化して誰でも使える形にするのはさらに優れたプログラマーです。

リストを用意して選択するという行動は多くてもリストが5個くらいまででしょう。それ以上の中から一つを選択するというのは苦痛でしかありません。カテゴリ/サブカテゴリと階層化するのも選択肢です。ユーザにとってストレスの少ないUIは常に考える必要があります。

via Chosen - jQuery plugin for user friendly select boxes - The Changelog - Open Source moves fast. Keep up.

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

harvesthq/chosen

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2