BOILERPLATE

TEMPLATES

responsive web design

in HTML5 / XHTML5

Sources

Html5boilerplate.com | HTML5 Boilerplate | The web's most popular front-end template

Wikipedia | Boilerplate code

whatis.techtarget.com | boilerplate

GitHub | html5-boilerplate

Html5blank.com | HTML5 Blank WordPress Theme | The best HTML5 WordPress boilerplate theme ...

Quarktheme.com | An elegant and simple WordPress Starter Theme

GitHub | H5BP4J is a basic Joomla! responsive template, based on excellent HTML5 Boilerplate 3.0. ...

Initializr.com | Initializr | Start an HTML5 project in 15 seconds!

960development.com | XHTML Boilerplate


Sitepoint.com | Boilerplate or Bootstrap?

Blog.bitfactory.nl | HTML5 Boilerplate | Wat is de HTML5 Boilerplate? | Waarom zou ik dit willen gebruiken?

Boilerplates

Demo.html5boilerplate.com | Demo Hello world! This is HTML5 Boilerplate.

Initializr.com | Demo Responsive Boilerplate

Getbootstrap.com | Demo Bootstrap Jumbotron Boilerplate

Demo.html5blank.com | Demo HTML5 Blank WordPress Theme

Demo.quarktheme.com | Demo An elegant and simple WordPress Starter Theme

Remarks

HTML5 Boilerplate is a standard and blank HTML5 template that ensures that the web page is working properly under all circumstances. Boilerplate ensures adequate representation of the web page in any browser - and also in older versions.

'Standard' means that HTML5 Boilerplate contains a series of fixed elements. 'Empty' means that the Boilerplate contains no content. The user adds his own (formatted) content - texts and images to the file.

This is a shortened version of the Boilerplate:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>...</title>
<meta name="description" content="...">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!-- Add your site or application content here -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= ... ...
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>


Bootstrap can be regarded as an HTML5 front-end framework and design kit for building responsive web sites.

BS is a kind of boilerplate with responsive layout for the various elements such as the header, nav, footer. Boilerplate and BS can work together very well.