jQuery Roundup: Touchable, BetterGrow, Rotate and Fly
Welcome to the jQuery roundup. You can send your plugins and articles in for review through our contact form or @dailyjs.
Touchable
Touchable (Simplified BSD License) by Gregor Schwab is a small plugin that unifies touch and mouse events across platforms. Elements must be initialized with Touchable or Hoverable first, then the unified events can be used:
var element = $('selector').Touchable();
element.bind('touchmove', function(e, touch) {
// Do something
});
There’s a demo that shows the basic features and long taps.
BetterGrow
This is one of those things that I’ve had to write myself: BetterGrow (GitHub: theproductguy / BetterGrow, demo) by Jeremy Horn will resize textareas as users type. It’s a very simple plugin:
$('selector').BetterGrow();
BetterGrow supports options for initial_height, on_enter (callback), and do_not_enter (explained in the BetterGrow blog post).
Rotate and Fly
In Rotate and Fly off elements with jQuery and CSS3 by Sarfraz Ahmed, the author discusses how to use CSS3 animations with jQuery. I expected to be able to do something like this:
$('selector').animate({ WebkitTransform: 'rotate(360deg)' }, 1000);
But this isn’t currently possible. Sarfraz’s technique uses setInterval and $().css() to set each proprietary CSS property (MozTransform, WebkitTransform, and transform).
