960 Grid on jQuery-Mobile - merge 960.gs flexibility with jquery-mobile ease jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets. To use 960 grids in jQuery Mobile, simply add one line: And now you can use normal 960 grid syntax inside jQuery mobile pages <fieldset class="container_12"><div class="grid_2"><button type="submit">Button 1</button></div><div class="grid_8"><button type="submit">Button 2</button></div><div class="grid_2"><button type="submit">Button 3</button></div></fieldset> And without more effort, jQuery Mobile gives you this result. The usual demo pages. I loved jQuery-mobile ability to make an application by just describing its structure in HTML5. But jQuery mobile layout is currently rather raw. All in all, i felt jquery mobile layout was uselessly difficult to use, especially on large screens such as tablets. 960 grids are flexible and well known. jQuery Mobile Grid Docs
jQuery Countdown The countdown functionality can easily be added to a division with appropriate default settings, although you do need to set the target time. You can also remove the countdown widget if it is no longer required. Default countdown: 331Days6Hours34Minutes12Seconds The defaults are: Text is in English Format is 'dHMS' Days are shown if needed Hours/minutes/seconds are shown You can override the defaults globally as shown below: Processed fields are marked with a class of hasCountdown and are not re-processed if targetted a second time. A note on Date - the JavaScript Date constructor expects the year, month, and day as parameters. You can control how the countdown is presented via the format setting. Don't show days: 119Hours59Minutes58Seconds Don't show seconds: 5Days0Hours0Minutes Don't show either: 120Hours0Minutes Pad with zeroes: 04Days23Hours59Minutes58Seconds Compact version: 4d 23:59:58 Minimal compact version: 120:00 For targets further in the future, there are more presentation options. <?
jQuery++ LimeJS HTML5 Game Framework Reducing bad signup emails with mailcheck.js | Andrew Berls I recently stumbled across mailcheck.js, a little jQuery plugin from Kicksend that suggests domains based on common typos in email forms. For example, 'user@gnail.co' will generate a suggestion for 'user@gmail.com'. It's perfect for preventing errors in user signups, and the authors claim its reduced their email bounces by 50%. After playing around with it, I've decided to bundle it into production for most, if not all of my projects, and this is just a brief demo of what can be done with it. Getting Set Up Our goal is to create a simple display that shows email suggestions to the user and offers a way to automatically fill in the field with the suggestion. The setup is only a few lines, although it's important to understand what's going on. Using the suggestion object Mailcheck automatically generates our field suggestions for us, but how do we use them? We have access to the address (what comes before the @), the suggested domain, and the entire suggested text.
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library Not Just A Grid jQuery Form Framework - jFormer
AmplifyJS is a set of components designed to solve common web application problems with a simplistic API. Amplify's goal is to simplify all forms of data handling by providing a unified API for various data sources. Amplify's store component handles persistent client-side storage, using standards like localStorage and sessionStorage, but falling back on non-standard implementations for older browsers. Amplify's request adds some additional features to jQuery's ajax method while abstracting away the underlying data source. by web101 May 1