The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations.This 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. The color value can also be passed in different color models: RGB, HSV/HSB, HSL and their adequate alpha extensions.
Best jQuery Plugins Plugins & Tutorials with Demo
LiteToolTip.js : jQuery Fully Responsive Tooltip Bundle
The First Fully Responsive ToolTip Bundle with 12 Positions, Customizable Color Presets Menu Templates, Image Maps, Hotspots, Videos and Triggers.It’s a lightweight JQuery tooltip plugin that supports 12 positions, multiple background shades, videos, image map areas, image hotspots and menus with responsive appearance on the web pages.
This plugin uses the HTML5 data-api instead of using default attributes so that the page code passes the W3C’s HTML and CSS validation successfully incase you want to show HTML formatted tooltips.
jQuery.Ruler : Add Photoshop-like rulers and Mouse position
Add Photoshop-like rulers and mouse position to a container element using jQuery. jQuery.Ruler is a jQuery plugin born out of sheer curiosity and on a whim. It dynamically places rulers on the x & y axes, with tick marks every 5 pixels & labels every 50 pixels. Should you wish, there are options to enable tracking of the cursor position with a crosshair and/or a box showing the coordinates within the ruler space.
Zalki Hover Image : jQuery Plugin
Zalki Hover Img – is a jQuery plugin for image hover animations. Cross browser even IE 7 (even opacity).Easy to use and customize. Supports thirty animation effects from jQuery Easing. No need to adjust the size of the container. The plugin will determine the size of your photos and will automatically adjust the settings, even if on the same page there are photos of various sizes. You can change the appearance of pop-up elements. You can embed your icons, you can adjust the speed of the animation, you can change the color, shape, size …
jQuery Retina Plugin
A jQuery plugin for swapping out images with images scaled for retina displays.Retina based devices (iPhones, iPads, and soon many more mobile devices and desktops) make images look pretty crummy. A fix to this is to swap out the image for one that is twice the size. For example, if your image is 300px wide and 200px tall, you’ll want to display an image that is 600px wide and 400px tall – even though it still takes up 300x200px of screen real estate.
There are a number of scripts that already do this. However, they didn’t provide me the file name flexibility that I required. I wanted a script that would work on platforms like Drupal, WordPress as well as custom systems.
Nested : jQuery Gap free, Multi column Grid layout Plugin
Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout.
It creates a matrix of all elements and creates a multi column grid, similar to other libraries and scripts out there. Then it scans the maxtric for gaps and tries to fill them by reordering the elements. This is exactly how I’ve seen other newer libraries, scripts and modifications behave but if you stop here, the result will sometime leave unwanted gaps as well. That is why I added the last step, an option to resize any element at the bottom of the grid that is bigger (or smaller if you prefer) than the gap to make the grid completely gap-free.
