evol.colorpicker: evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010.

evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup binded to a text box. It is a full jQuery UI widget, supporting various configurations and themes.

Download: https://github.com/evoluteur/colorpicker

Demonstration: http://evoluteur.github.io/colorpicker/index.html

Plugin homepage: https://github.com/evoluteur/colorpicker

Implementation:

$("#mycolor").colorpicker();

Options:

colorStringDefault : null – Used to set the default color value.
defaultPaletteStringDefault : theme – Used to set the default color palette. Possible values are “theme” or “web”.
displayIndicatorBooleanDefault : true – Used to show color value on hover and click inside the palette.
historyStringDefault : both – Have the colorpicker appear automatically when the field receives focus (“focus”), appear only when a button is clicked (“button”), or appear when either event takes place (“both”). This option only takes effect when the color picker is instanciated on a
stringsStringDefault : Theme Colors,Standard Colors,Web Colors,Theme Colors,Back to Palette,History,No history yet. – Used to translate the widget. It is a coma separated list of all labels used in the UI.
transparentColorBooleanDefault : false – Allow for selection of the “transparent color”. The hexadecimal value for the transparent color is “#0000ffff”.

Methods:

showPalette()FunctionShow the palette (when using the widget as a popup).
hidePalette()FunctionHide the palette (when using the widget as a popup).

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…

jQuery slideViewerPro: A “pro” jQuery image slider

slideViewerPro is a fully customizable jQuery image gallery engine which allows to create outstandin…

jQuery Optimization: Avoid Unnecessary Styling

This is another common mistake that many jQuery developer made. jQuery provides us with the ability …

jQuery AutoComplete Plugin

I’d like to present another jQuery plugin, this time it’s autocomplete with some handy features. The…

jQuery Optimization: Balance between JavaScript and jQuery

jQuery is excellent to speed up ANY front-end developer job. However, there are times when jQuery ma…