jQuery Mobile Boilerplate

If you have been developing for Mobile Web, chances are very high that you are using the HTML5 Mobile Boilerplate.

What is HTML5 Mobile Boilerplate? (from the creators)

Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile. You get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations waiting for you. Use Mobile Boilerplate to start your mobile webapp quickly and immediately benefit from community best practices.

What is jQuery Mobile Boilerplate?

jQuery Mobile Boilerplate is an inherited version of Mobile Boilerplate with all that is required to start developing jQuery Mobile content.  This way you have one template that is a rock-solid baseline for Mobile Web and also combines the goodness of the jQuery Mobile.

This Boilerplate provides a skeleton for your jQuery Mobile Application.  In essence, it gives you a page like this with all hidden goodness.

What it is not?

As declared by the HTML5 Mobile Boilerplate creators, jQuery Mobile Boilerplate is not:

  • A One Web Solution for Mobile and Desktop
  • A UI Framework
  • A build once, ‘auto magically’ work on 10000+ devices solution

Refer to the HTML5 Mobile Boilerplate Presentation for more details.


jQuery Mobile Boilerplate V1.0 is based on the HTML5 Mobile Boilerplate V2.0.  I will try to keep this Boilerplate updated with all good things that evolve, but make sure to refer to the latest version of Mobile Boilerplate at the time of usage.

  • jQuery Mobile Boilerplate V1.0 (Plain, with comments)
  • jQuery Mobile Boilerplate V1.0 (Stripped)