Web

HTML5 Boilerplate

April 29 — HTML5 Boilerplate Chat

What does the HTML5 Boilerplate do for you? Boilerplate helps designers to get started with the new standard by offering a professional front-end template that allows you to create a fast, robust and adaptable site with a set of HTML5-ready features and elements.

Why would you want to use a boilerplate? It’s a good starting point. It’s HTML 5 ready but perfect for cross browser sites that work in older browsers.

Go to the 2nd and 3rd links I listed. What features does the boilerplate offer?

  • It features a lean mobile friendly HTML template, optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks.
  • It includes a guide to the default HTML, CSS and JavaScript as well as Apache settings for optimum site performance and crossdomain.xml (an intro to making use of crossdomain requests).
  • It also includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets  and jquery and modernizer.

What is Modernizr for? It  is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser

What do you think about the sites shown in the showcase? Some are better than others. 

What is a site that you might like to emulate or draw inspiration from there? New Haven Modern Architecture stood out to me because the design is clean, uncomplicated, and is structured much like a building with strong lines. The blue background on the home page emulates the blue sky in the featured images. There is some slight animation transitions on the home page but it is not over the top. The smooth transitions are a feature of HTML5

HTML5 Bollerplate-New Haven Modern Architecture Website

HTML5 Bollerplate- New Haven Modern Architecture Website

 What are some good/interesting things about Initializr? It includes <div> classes for header, main and footer containers, HTML 5 tags for article, header, section, footer and aside (the side bar). Jquery scripts at the end.

What might you use the HTML5 Boilerplate for? Just to give it a shot and see how it compares with the 1140 grid which is what I’ve been using.

How might your use the HTML5 Boilerplate in designing for WordPress? Not really sure but I might look for templates that are built with Boilerplate to see how they are structured.