Repository files navigation

HTML5 Boilerplate is a professional front-end template for buildingfast, robust, and adaptable web apps or sites.

This project is the product of over 10 years of iterative development andcommunity knowledge. It does not impose a specific developmentphilosophy or framework, so you're free to architect your code in theway that you want.

• Homepage:https://html5boilerplate.com/
• Source:https://github.com/h5bp/html5-boilerplate
• Twitter:@h5bp

Choose one of the following options:

• Download the latest stable release fromhtml5boilerplate.com. This zip file is asnapshot of thedist folder. On Windows, Mac and from the file manager onLinux unzipping this folder will output to a folder named something likehtml5-boilerplate_v7.3.0. From the command line will need to create afolder and unzip the contents into that folder.

  mkdir html5-boilerplateunzip html5-boilerplate*.zip -d html5-boilerplate

• Clone the git repo —git clone https://github.com/h5bp/html5-boilerplate.git - and checkout thetagged releaseyou'd like to use. Thedist folder represents the latest version of theproject for end users.

• Install withnpm:npm install html5-boilerplateoryarn:yarn add html5-boilerplate. The resultingnode_modules/html5-boilerplate/dist folder represents the latest version ofthe project for end users. Depending on what you want to use and how you wantto use it, you may have to copy and paste the contents of that folder intoyour project directory.

• Using our newcreate-html5-boilerplateproject, instantly fetch the latest npm published package (or any versionavailable on npm) withnpx,npm init oryarn create without having toinstall any dependencies. Running the followingnpx command installs thelatest version into a folder callednew-site

  npx create-html5-boilerplate new-sitecd new-sitenpm installnpm start

• A finely-tuned starter template. Reap the benefits of 10 years of analysis,research and experimentation by over 200 contributors.
• Designed with progressive enhancement in mind.
• Includes:
  • Normalize.cssfor CSS normalizations and common bug fixes
  • A custom build ofModernizr for featuredetection
  • Apache Server Configsthat improve the web site's performance and security
• Placeholder Open Graph elements and attributes.
• An example package.json file withParcel commandsbuilt in to jumpstart application development
• 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 strayconsole statements causing JavaScripterrors in older browsers.
• "Delete-key friendly." Easy to strip out parts you don't need.
• Extensive documentation.

• 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 useHTML5 Boilerplate v6 (IE9/IE10)orHTML5 Boilerplate v5(IE 8). They are no longer actively developed.

Take a look at thedocumentation table of contents. Thisdocumentation is bundled with the project which makes it available for offlinereading and provides a useful starting point for any documentation you want towrite about your project.

Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone iswelcome tocontribute, however, if you decide to getinvolved, please take a moment to review theguidelines:

• Bug reports
• Feature requests
• Pull requests

The code is available under theMIT license.