jQuery Roundup: Path to Hybrid, Formly, WormHole

31 May 2011 | By Alex Young | Tags jquery plugins mobile forms

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:

<form id="ContactInfo" width="600px" title="Member sign up"><br/>
  <input type="password" name="pword" require="true" label="Password" place="Password" /> 
  <input type="password" name="pwordm" match="pword" label="Password" place="Re-type password" /><br/> 

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.


blog comments powered by Disqus