bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptシンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」JavaScript2018.01.19シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」jQuery-Colorwheelはシンプルな円形によるカラーピッカーを実装できるjQueryプラグインです。さまざまな色を円形状に配置して、各カラーをクリックするとその色のカラー値が中央に表示されます。操作や実装がシンプルでお手軽ながらも、パレット内に表示させるカラーも簡単に設定できます。パレットに並べる色はカスタマイズ可能jQuery-Colorwheelの具体的な使い方やダウンロードは以下になります。jQuery-Colorwheel実際のデモはファイルをダウンロードして確認できます。デモでは通常のカラーピッカーに加え、カスタマイズしたパレットによるデモも用意されています。カラーホイールに表示されているいずれかの色にホバーすると、その色が少し外側に伸びるアニメーションが実装されています。その色をクリックすると円の中央にカラー値が表示される仕組みです。パレットに並べる色は設定から手軽にカスタマイズ可能です。表示させる場合は、こんな感じでwidgetというid名を付与したdiv要素を記述してあげます。id="widget"></div>また、上記の縦横サイズなどはCSSでこのように記述すればOKです。jQuery-ColorwheelのライセンスはMITとのこと。CSS)は、シンプ...JavaScript2013年上半期に紹介したjQueryプラグイン50選まとめ気づいたらあっという間に2013年上半期が終わってしまいましたね。pluginは、ランダムな...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。