How to Create a Website in Minutes Using HTML5 Boilerplate

Posted on

When you’re building a new website, these days you’ll want it to be HTML5-compatible. But you also don’t want to spend unnecessary time learning the intricacies of HTML5 from scratch, do you? computer science

Fortunately, the HTML5 Boilerplate template can help. It’s a simple front-end template that you can use to create a HTML5 website in just a few minutes. But it’s also powerful enough that you can use it as the foundation of a complex, fully featured site. computer science computer science computer science computer science

This HTML5 Boilerplate tutorial will go over what comes in the template, the basics you need to know about how to use it, and some resources for further learning. I’ll also show you how I used the template to create a very basic site with only a few lines of HTML. computer science computer science computer science computer science

The HTML5 Boilerplate Template

When you download the template from HTML5 Boilerplate, you get a number of folders and files. Here are the contents of the ZIP file: computer science computer science computer science computer science

css
---main.css
---normalize.css
doc
img
js
---main.js
---plugins.js
---vendor
   ---jquery.min.js
   ---modernizr.min.js
.editorconfig
.htaccess
404.html
browserconfig.xml
favicon.ico
humans.txt
icon.png
index.html
robots.txt
site.webmanifest
tile.png
tile-wide.png

We won’t be going over every element in the template here, only the basics. To make sure you have the resources to use all of the files, though, we’ll start with the help documents. computer science computer science 

HTML5 Boilerplate Help Documentation

Boilerplate has a collection of help documents hosted in GitHub. This is a big help when you have technical questions or are wondering why something was designed the way it was. computer science computer science

Almost everything in the documentation is also included in the doc folder of the template. You’ll see a number of Markdown (.md) files that are a big help in figuring out how to build your Boilerplate site.

computer science computer science computer science computer science computer science computer science

If you want to read through everything, start with TOC.md and follow the links from there to other Markdown files. If you’re looking for help on a specific issue, find the file that sounds like it might be related; usage.md is a good place to start.

Prev1 of 4Next

Leave a Reply

Your email address will not be published. Required fields are marked *