DailyJS

jQuery Roundup: Touchable, BetterGrow, Rotate and Fly

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

animation jquery ui graphics mobile plugins

jQuery Roundup: Touchable, BetterGrow, Rotate and Fly

Posted by Alex R. Young on .
Featured

animation jquery ui graphics mobile plugins

jQuery Roundup: Touchable, BetterGrow, Rotate and Fly

Posted by Alex R. Young on .

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).