jQuery Plugin Roundup 5
Welcome to the jQuery Plugin Roundup, episode 5. Remember you can send your plugins in for review through our contact form or @dailyjs.
pluginquery – jQuery Plugin Search
pluginquery is a search engine that indexes jQuery plugins. It’s simple, fast, and clean. Try it out!
Codename Rainbows
Codename Rainbows is a plugin for generating gradients on blocks of text. It can apply highlights and shadows as well — these require CSS styles to get them just right.
The API looks like this:
rainbows.init({
selector: '.selector',
highlight: true,
shadow: true,
from: '#555555',
to: '#000000'
});
Make sure the hex codes are the full six characters because it won’t convert abbreviations.
There’s an article about the design and goals of the library, as well as a demo.
jsPlumb
jsPlumb can visually connect elements together with curved (or straight) lines. The demo has examples of Bezier curves and straight lines.
The API is easy to use:
$("#window1").plumb({
target: 'window2',
paintStyle: {lineWidth: 15, strokeStyle: 'rgb(243, 230, 18)'},
endpointStyle: {fillStyle: 'rgb(243, 229, 0)'}
});
The browser support is very impressive — the author even lists IE6.
Nivo Slider
Nivo Slider is a library for image transitions. It has lots of different transitions, and you can apply them programatically:
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random',
slices: 15,
animSpeed: 500,
pauseTime: 3000,
directionNav: true, //Next & Prev
directionNavHide: true, //Only show on hover
controlNav: true, //1, 2, 3...
pauseOnHover: true, //Stop animation while hovering
beforeChange: function(){},
afterChange: function(){}
});
});
Nivo can be found on GitHub: Nivo-Slider.
