前の記事 ≪:ボタンデザインにまよったら参考にできるPSDボタン素材まとめ
次の記事 ≫:2011年7月13日 管理人のブックマーク

シンプル&軽快なカラーピッカー実装ライブラリ「JSColor」

2011年07月13日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
JSColor ? JavaScript / HTML Color Picker, Selector, Chooser

シンプル&軽快なカラーピッカー実装ライブラリ「JSColor」。
デザインとしては次のようなデザインで<input>ボックスにカーソルを合わせるとポップアップして軽快に動作します。
必要十分な機能になっていて無駄な機能がないのが特徴です。単純に色を選んでもらうにはこうした軽くて無駄な機能が少なく分かりやすいものが実用的なのかも。



実装は<script>タグでライブラリを読込、<iput class="color"> とやるだけでよいらしく超お手軽。

ピッカーの表示位置を<input>の左右上下に選べたりもするみたいです。

1つの選択肢として覚えておいてもよいですね

関連エントリ
関連の記事検索:JavaScript, カラーピッカー, jQuery, color, UI
スポンサード リンク

By.KJ : 2011年07月13日 11:06 livedoor Readerで購読 Twitterに投稿

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