シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」:phpspot開発日誌
シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」 2010年10月22日- simpleColorPicker jQuery plugin シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」。 次のような超シンプルで逆に使いやすそうなカラーピッカー実装が簡単に１行で行えるプラグインのご紹介。 $(inputElement).simpleColorPicker(); として初期化するだけで実装できます。 色をクリックすればその値がそのまま入ります。 こうしたコンポーネントはどんどんリッチになる傾向がありますが、原点に戻ってあえてシンプルに考えることで使いやすいものが出来るのかもしれませんね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッ
simpleColorPicker jQuery plugin
A simple color picker jQuery plugin that appears as the user focuses the input. Just attach the simpleColorPicker to an input text and when it gains focus the color palette appears aligned to its bottom right corner. Check out the latest version at http://github.com/rachel-carvalho/simple-color-picker. Live samples Default options Choose a color: $(document).ready(function() { $('input#color').sim
シンプルなカラーピッカー「the jQuery Color Picker」
シンプルなカラーピッカー「the jQuery Color Picker」 Check Tweet 配布元：Download the jQuery Color Picker and the Demo License: Free the jQuery Color Pickeはカラーピッカーを実装できる非常にシンプルなプラグインです。 利用方法 まずはJavaScriptファイルとCSSファイルを読み込みます。結構な量です。 <script src="js/jquery/jquery.js" type="text/javascript"></script> <script src="js/jquery/ifx.js" type="text/javascript"></script> <script src="js/jquery/idrop.js" type="text/javascript">
Color Picker simple Demo
Original Code : Stefan Petre Modifications : Matthieu Paineau * Original color picker demo modified in order to create a plugin, * Corrected some positionning bugs with others browsers (IE6, IE7...) : CSS tuning. * Installation is explained here. ... there are some missing features to implement (see TODO in color_picker.js) Download the jQuery Color Picker and the Demo Other : You can see th
色空間メソッドと色のアニメーションを拡張するjQueryプラグインiColorを書いた - 今日も適当ダイアリー
[色空間] - 今日も適当ダイアリーなどで、色空間の変換についての記事を書きましたが、それらを簡単に使えるように、jQueryプラグインとして書き直しました。 まだ、アルファ版なのですが、取り急ぎ公開しておきます。 ファイルはこちら http://jquery-icolor.googlecode.com/svn/tags/ http://code.google.com/p/jquery-icolor/downloads/list (圧縮ファイル) http://www.weekendphp.com/jQuery/jquery.color.js http://www.weekendphp.com/jQuery/jquery.color-min.js デモはこちら jQuery.iColor - jQueryPlugin DEMO jQuery.iColor - jQueryPlugin DE
HTMLの色の操作が素晴らしく簡単になるjQueryプラグイン「xcolor」:phpspot開発日誌
jQuery color plugin xcolor - Website and Application Intelligence HTMLの色の操作が素晴らしく簡単になるjQueryプラグイン「xcolor」。 出来ることは豊富にあるのですが、以下に使えそうなものを列挙してみます。 ２つの色を混ぜ合わせて新しい色を作ることができる $.xcolor.combine('#800000', '#0000fa'); 特定の色を明るくすることができる $.xcolor.lighten('#ff0000'); 特定の色を暗くすることができる $.xcolor.darken('#ff0000'); 類似の色を生成することが出来る $.xcolor.analogous('#ff0000'); getRGBメソッドでRGBのオブジェクトに分解できる WEBセーフカラーに補正することが出来る 応用すること
jQuery color plugin xcolor
The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. OverviewThis plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background.
[JS]カラーをアニメーションで少しずつ変更するスクリプト -Color Animations
ボックスやテキストのカラーをアニメーションで少しずつ変更するスクリプトをDr.Web Magazineから紹介します。 jQuery-Plugin Color Animations - Menüs mit wechselnden Farben animieren デモページ デモページでは、テキストやボックスを水平・垂直に配置したナビゲーションがマウスホバーに合わせてカラーが変更します。 使用しているスクリプトはjQueryで、プラグインにColor Animationsを使用しています。 Color Animations デモページ スクリプトのダウンロードはリンクが切れているので、デモページからのリンクを掲載しておきます。 color.js Dr.Web Magazineのデモではナビゲーションのカラーを変更する際、マウスオーバー時には「fast」ですぐカラーを変更し、マウスアウト時に
jQueryでとっても簡単にカラーピッカーの実装 | [k]id
Ajaxで背景を変更やフォーム等で色を選択する場合は最近ではカラーピッカーを 使用する事が多いと思うのですが、jQueryプラグインでは機能が多すぎたりする事が多く なかなか良い方法がありませんでした。 Virgil Rebotonさんにシンプルで実装しやすそうなカラーピッカーがあったのでご紹介します。 jQuery Color Picker サンプルも公開されています 導入方法 Virgil Rebotonさんからファイルをダウンロード ※ページ中程のDownloadリンクから ヘッダーに とりあえずヘッダーに落としてきたファイルを記述 リンクするファイルはJavasScript <script src="jquery-1.2.2.js" type="text/javascript"></script> <script src="ColorPicker.js" type="text/ja
![jQueryでとっても簡単にカラーピッカーの実装 | [k]id](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae880fb5b0ce786f014b5f06eede1870082ea189/height=288;version=1;width=512/https%3A%2F%2Fkidokorock.com%2Fwp-content%2Fthemes%2Fkid_2015%2Fimages%2Fcommon%2Fthumbnail%2F223.jpg)
Ibacolod.com
Ibacolod.com This Page Is Under Construction - Coming Soon! Renew Now Backorder Domain Related Searches: Cheap Air Tickets Dental Plans Top Smart Phones Best Mortgage Rates Best Penny Stocks Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
jQueryベースのカラーピッカー 「Farbtastic」
jQueryベースのカラーピッカー 「Farbtastic」 Check Tweet 配布元：Farbtastic: jQuery color picker plug-in ライセンス: GPL FarbtasticはjQueryベースのカラーピッカー作成用のJavaScriptライブラリです。 Farbtasticの使い方 jQueryをhead要素などで読み込みます。 <script type="text/javascript" src="../js/jQuery.js"></script> Farbtasticの配布サイトよりダウンロードしてきた、farbtastic.jsとfarbtastic.cssをhead要素などで読み込みます。 ダウンロードしたファイルに同梱されている画像はCSSファイルと同じ階層においておきます。 <script type="text/javascript
Farbtastic Color Picker — Acko.net
jQuery Plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Download Farbtastic 1.2 - January 8, 2007 (License: GPL). Demo Farbtastic uses layered transparent PNGs to render a saturation/luminance gradien
グラデーション表現するjQuery Gradient
グラデーション表現するjQuery Gradient Check Tweet 配布元：Gradient ライセンス：MITとGPLのデュアルライセンス jQuery Gradientは要素などをグラーデーションを簡単に塗りつぶすことができるJavaScriptライブラリです。 利用方法 jQuery本体と配布サイトよりダウンロードしたjquery.gradient.min.jsをhead要素内などで読み込みます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.gradient.min.js"></script> グラデーションの設定は次のように行います。 $(function(){ $(セレクター).gradient({ from
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
Flexible Color Schemes in Layouts with RGBa « Build Internet
This will be an experiment in transparency. CSS has come a long way over the years, and one of the biggest advancements is the integrated use of transparency. A few years back, transparency in web design was a compatibility nightmare, and involved a messy combination of images and alignment. We’re spoiled today with the introduction and adoption of the CSS3 spec and widespread PNG compatibility. T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery.iColor - jQueryPlugin DEMO
Ibacolod.com
グラデーション表現するjQuery Gradient
Flexible Color Schemes with RGBa | Build Internet
[JS]ユーザーの好みに合わせてRGBaでカラースキームを変更するスクリプト -RGBa layout