Mobile Boilerplate

The framework provides cross-browser compatibility and consistency for rendering HTML5 apps on smartphone devices.

It also has fallback support for legacy Blackberry, Symbian, and IE Mobile.

Mobile Boilerplate is not a framework in the right definition of the word.

It works well with projects like jQuery Mobile, Sencha Touch, Phonegap and Appcelerator.

The programmer get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations.

Features:

• 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
• Integrates well with PhoneGap and Appcelerator
• 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
• Browser Database Wrapper API
• Robust optional User Agent Detection in .htaccess
• Mobile optimized default CSS
• Media queries polyfill for Windows Mobile
• Google Analytics for low end mobile devices

What is new in this release:

• 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
• 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
• Removed input::-moz-focus-inner as it is not required on Firefox on Mobile
• Removed the ellipsis helper class to be consistent with h5bp
• Removed the build script to its own repo
• Updated 404 page to be consistent with h5bp
• Removed /demo and /test
• Removed analytics and wspl

What is new in version 2.0:

• Prevent links from opening in mobile safari webapp view
• Fix conditional loading of Media Query Polyfill
• Updated respond.js with the latest version
• Default to minified jquery, like we did in H5BP
• Replaced XHTML-style meta tag with HTML-style tag
• Removed whitespaces
• Cleanup, converted to LF instead of CRLF
• Removed broken charset stuff
• Added reference link to prevent links in apps scripts
• Changed to single quotes in doc.write
• Compressed standalone app script
• Moved webapp script alongside respective the meta tag
• Changed stylesheet order in build tool
• Adding mozilla min-device-pixel-ratio variant
• Hand cursor on all elements with ARIA role button
• Target attribute instead of class
• Improved MBP.hideUrlBar for iOS and Android
• Added default file types to filter
• Added blackberry vcards MIME type
• Add .gitattributes
• Use lowercase PDF extension
• Updated .gitignore

What is new in version 1.1:

• Fine-tuned text-size-adjust to be mobile first and desktop compatible
• Added Opera device pixel ratio media queries
• Added extra clarity to detectmobilebrowser UA sniff
• Changed media queries from mobile exclusive to desktop scalable
• CSS Media Queries bubbling up from a mobile baseline (aka Mobile First or Yiibu-style)
• Fine-tuned viewport scaling to allow better accessibility
• Cross-browser, 10x faster media queries polyfill - respond.js + modernizr + yepnope
• Fixed fastButton issue
• Removed handheld.css

Requirements:

• HTML5 enabled browser