HTML5 SASS Bootstrap Boilerplate

Bootstrap Boilerplate is a mash up framework combining the power and flexibility of Bootstrap form Twitter and HTML5 Mobile Boilerplate. The HTML5 Boilerplate build script has also been added for optimisation.

The CSS is primarily the Bootstrap CSS rewritten to SASS for more flexibility with additional mixins and functions for responsive font-sizes. The main bootstrap and responsive style sheets were combined for modularity. Additionally Eric A. Meyer CSS resets were added with modification.

** Mobile Boilerplate is a professional front-end template that helps you build fast and robust mobile web applications. Spend more time developing and less time reinventing the wheel.

** Bootstrap provides simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. In other words, it's a front-end toolkit for faster, more beautiful web development. It's created and maintained by Mark Otto and Jacob Thornton at Twitter.

** The build script is a tool that optimizes your code for production use on the web.

Quick start

Clone the git repo - git clone git://github.com/richdynamix/html5-sass-bootstrap-boilerplate.git - or download it

Features

HTML5 Mobile Boilerplate Markup & Javascript Functions

• Mobile browser optimizations.
• HTML5 ready. Use the new elements with confidence.
• CSS normalizations and common bug fixes.
• Home page icon for Android, iOS, Nokia
• Mobile IE conditional switch
• Cross-browser viewport optimization for Android, iOS, Mobile IE, Nokia, Blackberry
• Better font rendering in Mobile IE
• iPhone web app meta
• INSTANT button click event
• Textarea autogrow
• Hide URL bar method
• Prevent form zoom onfocus method
• Mobile site redirection
• Mobile sitemap
• Mobile bookmark bubble
• User Agent Detection
• The latest jQuery via CDN, with a local fallback.
• A custom Modernizr build (including Respond.js) for feature detection and a polyfill for CSS Media Queries.
• An optimized Google Analytics snippet.
• Apache server caching, compression, and other configuration defaults for Grade-A performance.
• A build script to automate the minification and concatenation of your HTML/CSS/JS.
• Cross-domain Ajax.
• "Delete-key friendly." Easy to strip out parts you don't need.
• Extensive inline and accompanying documentation.

SASS Converted Bootstrap from Twitter CSS

• Extra mixins for flexibility
• Added responsive font-size function
• All JavaScript functions from the bootstrap
• Added Eric A. Meyer Resets

HTML5 Build Script

• Configured to add staging and live environments ***

• Combines and minifies javascript (via yui compressor)

• Inlines stylesheets specified using @import in your CSS

• Combines and minifies CSS

• Optimizes JPGs and PNGs (with jpegtran & optipng)

• Removes development only code (any remaining console.log files, profiling, test suite)

• Basic to aggressive html minification (via htmlcompressor)

• Autogenerates a cache manifest file (and links from the html tag) when you enable a property in the project config file.

• Revises the file names of your assets so that you can use heavy caching (1 year expires).

• Upgrades the .htaccess to use heavier caching

• Updates your HTML to reference these new hyper-optimized CSS + JS files

• Updates your HTML to use the minified jQuery instead of the development version

• Remove unneeded references from HTML (like a root folder favicon)

• Runs your JavaScript through a code quality tool (optional)

• Optionally precompile LESS formatted CSS

• Optionally output JSDOC3 documentation

Project Information

HTML Boilerplate

• Web: http://html5boilerplate.com/mobile
• Docs: https://github.com/h5bp/mobile-boilerplate/wiki
• Twitter: http://twitter.com/h5bp

Bootstrap from Twitter

• Web: http://twitter.github.com/bootstrap/
• Docs: https://github.com/twitter/bootstrap/wiki
• Twitter: https://twitter.com/#!/twbootstrap

HTML5 Boilerplate Build Script

• Docs: https://github.com/h5bp/ant-build-script/wiki

Major Components

• jQuery: MIT/GPL license
• Modernizr: MIT/BSD license
• Bookmark Bubble Library: Apache License, Version 2.0