Mobile Boilerplate

A best practice baseline for your mobile web app.

I'm new here: plz explain why it's so awesome, first.

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.

Why it is awesome

Cross-platform compatible (Android, iOS, Blackberry, Symbian)
CSS class to target IE Mobile 7
Home screen icon (Android, iOS, Symbian)
Cross browser viewport optimization for Opera Mobile, Android, iOS, IE, Nokia, Blackberry.
Optimized viewport scaling (Opera Mobile, Android, iOS, Mobile IE, Blackberry)
Option to enable iOS start-screen in full screen mode
Better font rendering on IE Mobile
Adaptable markup and CSS skeleton
CSS stylesheet for low-end devices
Mobile sitemap
Mobile MIME type support
Build tool for mobile
Fix iPhone reflow scale up bug

Why it is awesome-er

HTML5 offline caching for smartphones
Hide URL bar to maximize screen area
Button clicks that don't wait for the default 300ms delayed click event
Textarea autogrow
Hide Safari browser chrome
Mobile bookmark bubble
Robust optional User Agent Detection in .htaccess
Mobile optimized default CSS
Media queries polyfill for Windows Mobile
Preventing iOS from zooming onfocus

MAKE IT EVEN BETTER!

Mobile Emulators & Simulators - list of mobile development tools
Use some of your favorite debugging tools like Firebug and ySlow on mobile browser with Mobile Bookmarklets
Consider using these mobile specific mobile tags in your 'head'
Official Documents from mobile vendors
HTML5 feature support on top 11 mobile browsers
Use and contribute to the Mobile Matrices
Hottest Mobile performance tools
Visit these great blogs and articles on mobile
A great mobile reference site by Forum Nokia

Download v3.0

Download Boilerplate Keep the hints and links or Download Boilerplate "stripped" No comments, just the bizniss.

v3.0 Changelog

index.html

Removed initial-scale=1.0 from meta
Excluded scalefix by default
Updated startup tablet landscape dimensions
Added lang attr to be consistent with h5bp
Removed meta author to be consistent with h5bp

JavaScript

Added MBP.enableActive
Fixes MBP.hideUrlBar() when addEventListener is undefined
Added preventing iOS from zooming onfocus
Worked around a tricky bug in Android 2.3 to MBP.fastButton
Removed respond.js
Split hideUrlBar into an intial function, and a general use function cached the scrollTop so that only needs to be detected once
Moved helper.js one level up
Updated jQuery to 1.7.1 and added missing fallback local file
Updated modernizr to the latest version
added iPod (Touch) to MBP.scaleFix

CSS

Removed input::-moz-focus-inner as it is not required on Firefox on Mobile
Removed the ellipsis helper class to be consistent with h5bp

General

Removed the build script to its own repo
Updated 404 page to be consistent with h5bp
Removed /demo and /test
Removed analytics and wspl