jQuery Roundup: jQuery.kinetic, jQuery.twinkle, jQuery.fracs
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.
jQuery.kinetic
jQuery.kinetic (GitHub: davetayls / jquery.kinetic, License: MIT) by Dave Taylor is a plugin for creating iOS-style scrolling with acceleration. There’s a demo of jQuery.kinetic, and basic usage is as you’d expect:
$(selector).kinetic();
It’s possible to bind a function whenever the container moves:
$(selector).kinetic({
moved: function(state) {}
});
And the container can even be scrolled programmatically:
$(selector).kinetic('start', { velocity: -30 });
jQuery.twinkle
jQuery.twinkle (GitHub: lrsjng / jQuery.twinkle, License: MIT) by Lars Jung creates gently glowing circles that can be used to draw the user’s attention to a particular element or place on the page.
$(selector).twinkle();
The demo that fires off twinkles in sequence is particularly cool:
var options = {
"delay": 1000,
"gap": 300,
"effect": "drop"
};
$(selector).twinkle(options);
jQuery.fracs
jQuery.fracs (GitHub: lrsjng / jQuery.fracs, License: MIT) also by Lars can be used to obtain the fraction of an element that’s currently in the viewport.
$(selector).fracs();
This jQuery.fracs demo neatly illustrates how this works.
