DailyJS

jQuery Roundup: Path to Hybrid, Formly, WormHole

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery mobile plugins forms

jQuery Roundup: Path to Hybrid, Formly, WormHole

Posted by Alex R. Young on .
Featured

jquery mobile plugins forms

jQuery Roundup: Path to Hybrid, Formly, WormHole

Posted by Alex R. Young on .

Path to Hybrid

Alex Kessinger has posted a video of his Path to
Hybrid

talk originally given at jQuery Conference
2011
. He discusses
how to create app-like mobile web apps, and explores the various
pitfalls and what jQuery Mobile offers to solve these issues, including
"fastclick" -- you can read about this in the jQuery Mobile Alpha 4
blog post.

Formly

Formly (GitHub: ThrivingKings / Formly) by Daniel Raftery is a
"form glamorizer" for jQuery. It includes CSS and JavaScript necessary for quickly building modern-looking forms, AND validation!

Giving Formly suitable markup will cause it to interpret attributes on
each input to add appropriate validation. This HTML fragment:

Just requires this JavaScript to kick things off:

$('#ContactInfo').formly({'theme':'Dark'}, function(e) {
  $('.callback').html(e);
});

I feel like this could work better with data attributes and more
semantic markup, I don't think it would take too much effort to make it
work this way.

jQuery WormHole

jQuery WormHole (GitHub: JonMidhir / jQuery-Worm-Hole-Plugin,
License: Don't be a Dick (DD)) by Jon Hope is the kind of thing I'm
going to need one day and be unable to craft the right set of search
terms to find it. It creates an invisible link between elements on a
page, enabling jQuery UI's draggables to disappear in one place and
appear in another. There's a demo on the site that illustrates how it
works.

WormHole was built for the Rotify project to allow overnight shifts to be scheduled easily and intuitively. It'll fit snugly into any similar situation, where the user needs to share child objects amongst discrete containers. The codebase is minimal and it is easily customisable.