Looking for mobile first, tiny foot print, fast, scaleable, flexible and pluggable...<br>
Looking for mobile first, tiny foot print, fast, scaleable, flexible and pluggable...<br>
This 4.5KB small (1 .js file only; no images or css needed) HSB color picker is based on a subset of [colors.js](https://github.com/PitPik/colorPicker/blob/master/colors.js) from it's big brother [colorPicker](https://github.com/PitPik/colorPicker/), supports all modern features like touch and MS pointer, GPU accelerated rendering, battery friendly requestAnimationFrame and provides a lot of hooks for developers to write plugins.
This 4.7KB small (1 .js file only; no images or css needed) HSB color picker is based on a subset of [colors.js](https://github.com/PitPik/colorPicker/blob/master/colors.js) from it's big brother [colorPicker](https://github.com/PitPik/colorPicker/), supports all modern features like touch and MS pointer, GPU accelerated rendering, battery friendly requestAnimationFrame and provides a lot of hooks for developers to write plugins.
##Demo
##Demo
See **demo** at [dematte.at/tinyColorPicker](http://dematte.at/tinyColorPicker)
See **demo** at [dematte.at/tinyColorPicker](http://dematte.at/tinyColorPicker)
<p>Looking for mobile first, tiny foot print, fast, scaleable, flexible and pluggable...<br>
<p>Looking for mobile first, tiny foot print, fast, scaleable, flexible and pluggable...<br>
This <strong>4.5KB</strong> small HSB color picker is based on a subset of <ahref="https://github.com/PitPik/colorPicker/blob/master/colors.js">colors.js</a> from it's big brother <ahref="http://dematte.at/colorPicker/">colorPicker</a>, supports all modern features like touch and MS pointer, GPU accelerated rendering, battery friendly requestAnimationFrame and provides a lot of hooks for developers to write plugins (See demo plugins below in <ahref="#demo">Demo</a>).</p>
This <strong>4.7KB</strong> small HSB color picker is based on a subset of <ahref="https://github.com/PitPik/colorPicker/blob/master/colors.js">colors.js</a> from it's big brother <ahref="http://dematte.at/colorPicker/">colorPicker</a>, supports all modern features like touch and MS pointer, GPU accelerated rendering, battery friendly requestAnimationFrame and provides a lot of hooks for developers to write plugins (See demo plugins below in <ahref="#demo">Demo</a>).</p>
<aname="demo"id="demo"class="a-inline"></a>
<aname="demo"id="demo"class="a-inline"></a>
<h2>Demo</h2>
<h2>Demo</h2>
On all elements with className 'color': <pre>$('.color').colorPicker();</pre>
On all elements with className 'color': <pre>$('.color').colorPicker();</pre>
@ -30,7 +30,7 @@ On all elements with className 'color': <pre>$('.color').colorPicker();</pre>
<optionvalue="noalpha">Default without alpha</option>
<optionvalue="noalpha">Default without alpha</option>
<optionvalue="small">Default but smaller</option>
<optionvalue="small">Default but smaller</option>
<optionvalue="IE8">Better IE8- support</option>
<optionvalue="IE8">Better IE8- support</option>
@ -56,7 +56,7 @@ On all elements with className 'color': <pre>$('.color').colorPicker();</pre>
</script>
</script>
</pre>
</pre>
<h2>Features</h2>
<h2>Features</h2>
<p>Tiny jQuery colorPicker only loads if triggered to show. It uses battery saving technologies, super fast rendering for best performance on desktop and mobile browsers and renders perfectly smooth on retina and high resolution displays.<br>
<p>Tiny jQuery colorPicker only loads into memory if triggered to show and auto repositiones inside view-port if it doesn't fit. It uses battery saving technologies, super fast rendering for best performance on desktop and mobile browsers and renders perfectly smooth on retina and high resolution displays.<br>
This colorPicker is very flexible to modify and customize and there is an easy way to write plugins to extend functionality, look and feel...<br>
This colorPicker is very flexible to modify and customize and there is an easy way to write plugins to extend functionality, look and feel...<br>
As Tiny jQuery colorPicker uses <ahref="https://github.com/PitPik/colorPicker/blob/master/colors.js">colors.js</a> from it's big brother <ahref="http://dematte.at/colorPicker/">colorPicker</a>, it provides a clean and rich color model and API that enables flexible extending for programmers. (See <ahref="https://github.com/PitPik/colorPicker">colorPicker on GitHub</a> for more details)</p>
As Tiny jQuery colorPicker uses <ahref="https://github.com/PitPik/colorPicker/blob/master/colors.js">colors.js</a> from it's big brother <ahref="http://dematte.at/colorPicker/">colorPicker</a>, it provides a clean and rich color model and API that enables flexible extending for programmers. (See <ahref="https://github.com/PitPik/colorPicker">colorPicker on GitHub</a> for more details)</p>
<p>The following snipped shows how easy it is to make plugins: use for mobile</p>
<p>The following snipped shows how easy it is to make plugins: use for mobile</p>