jQuery Plugin Roundup: Ketchup, Quicksand, Fitted
Welcome to the jQuery Plugin Roundup, episode 2. Remember you can send your plugins in for review through our contact form or @dailyjs.
Ketchup – Simple Form Validation
Ketchup provides lots of useful form validations using the class attribute on input elements. For example:
<div>
<label for="ex1_username">Username</label>
<input type="text" id="ex1_username" class="validate(required, username)" />
</div>
Validations can be combined like this:
<input type="text" class="validate(required, username, rangelength(3,20))" />
Visit ketchup-plugin on GitHub to download.
Quicksand – Reordering and Filtering
Quicksand lets you reorder and shuffle items with a cool animated effect. I have a feeling this will work particularly well for mobile webkit web apps.
Usage looks like this:
$("#content").quicksand($("#data > li"), {
duration: 1000,
easing: "easeInOutQuad",
attribute: "data-id",
}
);
Visit quicksand on GitHub to download.
Fitted – Clickable Content Blocks
Fitted is a simple plugin for making a container clickable. This is useful when you’ve got quote or abstract that links to full content.
Usage is simple: $('.clickable_class').fitted();
