Version: 0.48

Due to lack of time I had to park development of Animify for the time being. You can still use it in it's current shape though.

PLEASE NOTE: This is an early version of the plugin - incomplete, very non-optimised and full of bugs, etc. It is highly recommended NOT to use it in production at the moment. Best viewed with Safari / Chrome (WebKit) or Firefox.

Version 0.48 is live! Both 'age' param and grunge effect have been reworked. The problem with grunge effect in Firefox has been resolved too. Feedback welcome.

$('#div_below').Animify();

Yep;) This one line above does all that

Animifyby Luke Snopkiewicz -> twitter.com/touch_the_sky1 is a jQuery plugin that provides classy <canvas> animations to your site's elements. All it takes is one line of code.Write less, see awesome.

So how does work?

All you need to do is pick an element on your page (specify paramas - optional, see documentation). Animify will gather it's style information and any child elements contained within. Then your element will be adjusted and injected with a <canvas> tag(s) - this is where the magic happens. Unless explicitly specified different, original styles (layout, colours, etc.) will be preserved. That's right. You can enhance your website visually without breaking the layout / functionality or changing the feel of the page.

Some key features of the plugin:

Easy to use

Cool, tweakable effects

Valid markup friendly, unobtrusive

Works on your styling rather than forcing it's own (unless you want it to)