10 Example jQuery Mobile Demo Websites

Sam Deering
Share

This is a collection of a few demo websites that use jQuery mobile I would like to share with you to try and promote the use of jQuery mobile (we love it!) and get more people using it! jQuery mobile framework takes the “write less, do more” mantra to the next level: Instead of writing unique apps for each mobile device or OS. If your interested in mobile development you might want to check out:

1. PhoneGap Demo with jQuery Mobile Framework


Bundled with the MDS AppLaud plugin. After installation and a few clicks, this demo is ready to run on any Android device.
PhoneGap-Demo-with-jQuery-Mobile-Framework-1.jpg
Source

2. Backbone Mobile Example

A backbone mobile app running in Safari.
Backbone-Mobile-Example-1.jpg


3. RSS Reader with jQuery Mobile


You’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!
RSS-Reader-with-jQuery-Mobile-.jpg
Source

4. Simple App using jQuery Mobile


Simple mobile website using framework, complete with dynamic (AJAX) page loading, iOS-style design and slick page transitions.
Simple-App-using-jQuery-Mobile-.jpg
Source

5. Contacts Application with jQuery Mobile & the Android SDK


It is a jQuery Mobile tutorial series with native Android application where the user interface is implemented using the jQuery Mobile framework.
Contacts-Application-with-jQuery-Mobile-the-Android-SDK-1.jpg
Source

6. Website using JQuery Mobile


These effects can be applied to any object or page change event. The effects apply the chosen transition when navigating to a new page, and the reverse transition for the Back button.
Website-using-JQuery-Mobile-.jpg
Source

7. Two columns at jQuery Mobile


What you found here is a set of simple dictionaries that aim at covering:
> All markup-driven configuration
> All public methods
> Available CSS classes
Two-columns-at-jQuery-Mobile-.jpg
Source

8. jQueryMobile – SimpleDialog Demo (1.0a4.1 Base)


SimpleDialog Features:
> Two display modes, either a button choice (bool), or a text entry (string).
> Attempts to position itself centered over the input, however, for small screens, it will open a dialog window instead.
> Click outside the widget to close.
> Options can be configured via data-options attribute
Simple-App-using-jQuery-Mobile-.jpg
Source

9. iPhone HTML5 Offline App Demo


Features: sandbox development.
iPhone-HTML5-Offline-App-Demo-1.jpg
Source

10. PhotoSwipe integrated with jQuery Mobile


It has also been designed to run stand-alone and can be easily integrated into your non-jQuery/jQuery mobile websites.
PhotoSwipe-integrated-with-jQuery-Mobile-.jpg
Source