HTML5 Boilerplate
HTML5 Boilerplate is a professional front-end template for building
fast, robust, and adaptable web apps or sites.
This project is the product of years of iterative development and
community knowledge. It does not impose a specific development
philosophy or framework, so you're free to architect your code in the
way that you want.
- Homepage: https://html5boilerplate.com/
- Source: https://github.com/h5bp/html5-boilerplate
- Twitter: @h5bp
Quick start
Choose one of the following options:
-
Download the latest stable release from
html5boilerplate.com. This zip file is a snapshot of thedistfolder. On Windows, Mac and from the file manager on Linux unzipping this folder will output to a folder named something likehtml5-boilerplate_v7.3.0. From the command line will need to create a folder and unzip the contents into that folder.mkdir html5-boilerplate unzip html5-boilerplate*.zip -d html5-boilerplate -
Clone the git repo —
git clone https://github.com/h5bp/html5-boilerplate.git- and checkout the
tagged release
you'd like to use. Thedistfolder represents the latest version of the project for end users. -
Install with npm:
npm install html5-boilerplateor yarn:yarn add html5-boilerplate. The resultingnode_modules/html5-boilerplate/distfolder represents the latest version of the project for end users. Depending on what you want to use and how you want to use it, you may have to copy and paste the contents of that folder into your project directory.
Features
- HTML5 ready. Use the new elements with confidence.
- Designed with progressive enhancement in mind.
- Includes:
Normalize.css
for CSS normalizations and common bug fixesjQueryvia CDN with SRI Hash and a local fallback- A custom build of
Modernizrfor feature
detection Apache Server Configs
that, among other, improve the web site's performance and security
- Placeholder CSS Media Queries.
- Useful CSS helper classes.
- Default print styles, performance optimized.
- An optimized version of the Google Universal Analytics snippet.
- Protection against any stray
consolestatements causing JavaScript
errors in older browsers. - "Delete-key friendly." Easy to strip out parts you don't need.
- Extensive inline and accompanying documentation.
Browser support
- Chrome (latest 2)
- Edge (latest 2)
- Firefox (latest 2)
- Internet Explorer 11
- Opera (latest 2)
- Safari (latest 2)
This doesn't mean that HTML5 Boilerplate cannot be used in older browsers,
just that we'll ensure compatibility with the ones mentioned above.
If you need legacy browser support you can use HTML5 Boilerplate v6 (IE9/IE10)
or HTML5 Boilerplate v5 (IE 8). They are no longer actively developed.
Documentation
Take a look at the documentation table of contents.
This documentation is bundled with the project which makes it
available for offline reading and provides a useful starting point for
any documentation you want to write about your project.
Contributing
Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone is welcome to contribute,
however, if you decide to get involved, please take a moment to review
the guidelines:
License
The code is available under the MIT license.