Skip to main content

10 Example jQuery Mobile Demo Websites

By Sam Deering



Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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.

2. Backbone Mobile Example

A backbone mobile app running in Safari.

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!

4. Simple App using jQuery Mobile

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

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.

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.

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

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

9. iPhone HTML5 Offline App Demo

Features: sandbox development.

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.

Related Articles

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn the basics of programming with the web's most popular language - JavaScript

A practical guide to leading radical innovation and growth.

Integromat Tower Ad