HTML and CSS Reference
The Node build script can also be used as a part of a bigger build setup. If you are
inclined to using it differently, take a look at all the possible ways of doing so here at
Once installed, you can create your HTML5 Boilerplate project folder by initializing it.
Initializing your project
You can choose from various options to set up a project folder for yourself. Let us
use this to set up a temporary project, to learn how to use this script to start your
HTML5 Boilerplate project.
Create a folder where your HTML5 Boilerplate project should be. Navigate to it within
your command-line tool and enter the following command:
This will start setting up a whole set of command-line interactions for you to choose
from. It is mostly used to set up information for package management that will be
used by Grunt.
Once you have done that, you have three options to choose from for setting up the
files you want to start with; these options are as follows:
• [D]efault : Standard set of files for HTML5 Boilerplate.
• [C]ustom : Get all the standard files with the option of choosing to re-
name js/ , css/ , or img/ folders. You would typically want to do this if
your files are going to be used as templates for other systems such as
Drupal or WordPress.
• [S]illy : Prompts to rename every folder/file in HTML5 Boilerplate. You
are least likely to use this option, unless you are a semantic perfectionist.
After you choose the type of installation you want to do, there are also more ques-
tions that are asked. Note that if you press Enter , the default value as indicated with-
in parenthesis will be set.
This will then download the latest version of HTML5 Boilerplate from the Github re-
pository for you to start as your base.