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.
Read the docs
Contribute on Github
Follow on twitter
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