前の記事 ≪:SVG非対応ブラウザに大体画像を設定することができる「SVGeezy」
次の記事 ≫:ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」

selectボックスでもっと高速に選択できるようにするUI実装「Quick select」

2015年10月20日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Quick[select] by eggboxio

selectボックスでもっと高速に選択できるようにするUI実装「Quick select」
通常のselectは一旦ドロップダウンを開いてから探して選択、という使い方になりますが、こちらを使うと、横にボタンが並ぶ形式でアイテムを選択できるため、探す→クリックまでの流れが高速に行えます。
大量のリスト表示をしたい場合も、よく使う項目だけ表示させておいて、残りの項目を通常のドロップダウン風に使うこともできるようです。
2クリックを1クリックにできる可能性があって、よく使う項目である場合は、選択速度を速められそうなUIです。



関連エントリ

関連の記事検索:UI, jQuery
スポンサード リンク

By.KJ : 2015年10月20日 09:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)