DailyJS

jQuery Roundup: jQuery.kinetic, jQuery.twinkle, jQuery.fracs

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery ui plugins

jQuery Roundup: jQuery.kinetic, jQuery.twinkle, jQuery.fracs

Posted by Alex R. Young on .
Featured

jquery ui plugins

jQuery Roundup: jQuery.kinetic, jQuery.twinkle, jQuery.fracs

Posted by Alex R. Young on .
Note: You can send your plugins and articles in for review through our [contact form](/contact.html) or [@dailyjs](http://twitter.com/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.