Quicksand - shuffling animation jQuery plugin
Quicksand is jQuery plugin for reordering and filtering items with a nice shuffling animation. This plugin inspired by mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects. Quicksand aims at providing a similar experience for users on the web.
How it works
At the very basic level, Quicksand replaces one collection of items with another. All you need to do is provide those two sets of items. You can do it in a couple of ways:
- Use plain HTML, like an unordered list.
- Download data by an Ajax call
- Transform HTML items by JavaScript (for example, sort them differently)
You can modify Quicksand by using optional parameters argument. List of available parameters:
| Name | Default | Description |
|---|---|---|
adjustHeight |
true |
Setting for adjusting the height of container to fit all the items. |
attribute |
'data-id' |
Attribute used to match items in collections. |
duration |
750 |
How long the animation will take. |
easing |
'swing' |
Easing for the animation. |
Requirements:jQuery 1.3, jQuery Easing, jQuery Animate CSS Rotation and Scaling , Safari 4
Browser compatibility : Chrome 4, Firefox 3.5, Opera 10.15, Internet Explorer 7, Internet Explorer 8
Website: http://razorjack.net/quicksand/
License: GPL License
0
518
