HTML5 Boilerplate homepage | Documentation table of contents

Frequently asked questions

Why is the URL for jQuery without http?

It is because of the use of protocol-relative URLs.

N.B. If you try to view the local web page directly in the browser, the browser will fail to load the assets specified using protocol-relative URLs as it will attempt to fetch them from the local file system. We recommend you use a local HTTP server to test your web pages, or a file hosting service that allows you to preview your web pages online (e.g. Dropbox).

Setting up a local HTTP server can be done using there various one-liners:

  • PHP 5.4.0+ by running php -S localhost:8080 from your local directory
  • Python 2.x by running python -m SimpleHTTPServer from your local directory
  • Python 3.x by running python -m http.server from your local directory
  • Ruby 1.9.2+ by running ruby -run -ehttpd . -p8080 from your local directory
  • Node.js by installing and running either static -p 8080 or http-server -p 8080

A list of more complex HTTP servers can be found here.

Why don’t you automatically load the latest version of jQuery from the Google CDN?

The file to which the Google CDN points to is no longer updated and will stay locked at version 1.11.1 in order to prevent inadvertent web breakage.

In general, version updating should be an intentional decision! You shouldn’t include a URL that will always point to the latest version, as that version:

  • may not be compatible with the existing plugins/code on the site
  • will have a very short cache time compare to the specific version, which means that users won’t get the benefits of long-term caching

Why is the Google Analytics code at the bottom? Google recommends it be placed in the <head>.

The main advantage of placing it in the <head> is that you will track the user’s pageview even if they leave the page before it has been fully loaded. However, having the code at the bottom of the page helps improve performance.

How can I integrate Bootstrap with HTML5 Boilerplate?

One simple way is to use Initializr and create a custom build that includes both HTML5 Boilerplate and Bootstrap.

Read more about how HTML5 Boilerplate and Bootstrap complement each other.

Do I need to upgrade my site each time a new version of HTML5 Boilerplate is released?

No, same as you don’t normally replace the foundation of a house once it was built. However, there is nothing stopping you from trying to work in the latest changes, but you’ll have to assess the costs/benefits of doing so.

Where can I get help with support questions?

Please ask for help on StackOverflow.