paulirish
html5-boilerplate
JavaScript2010–2011
paulirish / html5-boilerplate
html5-boilerplate
THIS REPO HAS MOVED! It has a pretty new home at github.com/h5bp ╰☆╮Please click this link below.
11Distinct people
13Mentions
0Explicit recommenders
223GitHub stars
What to know before exploring
What it is
THIS REPO HAS MOVED! It has a pretty new home at github.com/h5bp ╰☆╮Please click this link below.
GitHub
Where it is used
No documented product use was verified in the last source check.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 5:04:57 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by month13 dated mentions
Observed mentions: 2010-08-15 23:01:32 UTC to 2011-08-11 15:31:48 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| Aug 2010 | 2010-08-01 00:00:00 UTC | 2010-09-01 00:00:00 UTC | 1 | 0 | 1 |
| Sep 2010 | 2010-09-01 00:00:00 UTC | 2010-10-01 00:00:00 UTC | 0 | 0 | 0 |
| Oct 2010 | 2010-10-01 00:00:00 UTC | 2010-11-01 00:00:00 UTC | 0 | 0 | 0 |
| Nov 2010 | 2010-11-01 00:00:00 UTC | 2010-12-01 00:00:00 UTC | 2 | 0 | 2 |
| Dec 2010 | 2010-12-01 00:00:00 UTC | 2011-01-01 00:00:00 UTC | 0 | 0 | 0 |
| Jan 2011 | 2011-01-01 00:00:00 UTC | 2011-02-01 00:00:00 UTC | 0 | 0 | 0 |
| Feb 2011 | 2011-02-01 00:00:00 UTC | 2011-03-01 00:00:00 UTC | 1 | 0 | 1 |
| Mar 2011 | 2011-03-01 00:00:00 UTC | 2011-04-01 00:00:00 UTC | 1 | 0 | 1 |
| Apr 2011 | 2011-04-01 00:00:00 UTC | 2011-05-01 00:00:00 UTC | 0 | 0 | 0 |
| May 2011 | 2011-05-01 00:00:00 UTC | 2011-06-01 00:00:00 UTC | 3 | 0 | 3 |
| Jun 2011 | 2011-06-01 00:00:00 UTC | 2011-07-01 00:00:00 UTC | 0 | 0 | 0 |
| Jul 2011 | 2011-07-01 00:00:00 UTC | 2011-08-01 00:00:00 UTC | 1 | 0 | 1 |
| Aug 2011 | 2011-08-01 00:00:00 UTC | 2011-09-01 00:00:00 UTC | 4 | 3 | 1 |
From the project README
An excerpt from the repository, fetched Nov 13, 2026.
Read the project’s introduction
Hi Everyone! ☺
This repo has moved!
HTML5 Boilerplate Github
Thank youuu
Read the full README on GitHubWhat Hacker News says
13 sourcesHtml5-boilerplate issues #28: script loading solution
2 points · Open discussionScript Loaders are Snake Oil. Discuss.
1 points · Open discussionHelvetica on Windows is terrible, see https://github.com/paulirish/html5-boilerplate/issues/42. This is because Helvetica comes from Linotype instead of Microsoft, and they care more about print than screens.
Arial might not be a good typeface, but as a font it's pretty damn well hinted for screens.
Except for Minion Web and Myriad, I haven't seen a really legible web font from Adobe that is usable at 11-15px. Heck, even Typekit uses Georgia/Arial for long copy.
In Webdesigners: please make text readableThe 2nd tweet you reference is incorrect, view the source of h5bp.com and you'll clearly see that it's using HTML5 Boilerplate
Also, if you take a look at h5bp you'll notice <header> and <footer> elements in index.html
https://github.com/paulirish/html5-boilerplate/blob/master/i...
In Irony: Sitemaps.org doesn't have sitemap.xmlEven at google we were debating how to structure a humans.txt.. and to make it machine readable, etc.
Personally I say fuck it.. While machine-parseable would be nice, that's not the point of this file.
More creativity without some sort of YAML constraint. In the HTML5 Boilerplate ours has effing stars, bro: https://github.com/paulirish/html5-boilerplate/blob/master/h...
In Google humans.txtThe HTML5 boilerplate provides a boilerplate humans.txt
https://github.com/paulirish/html5-boilerplate/blob/master/h...
In Google humans.txtA good example of some super organized CSS is in the HTML5 Boilerplate by Paul Irish.
Found here:
https://github.com/paulirish/html5-boilerplate/blob/master/c...
I sometimes use multiple instances of the same selector, especially if a project starts getting very big. I like to separate each function of the site into it's own block after the footer declarations. It lets me stay organized during development and ensures that I can keep track of what I'm working on while I'm working on it.
Here's the order I'm currently using, which was inspired by the above:
/* HTML STRUCTURE STYLES */
body { foo: bar; }
h1 { foo: bar; }
a { foo: bar; }
/* Image Replacement & Hacks */
.ir { foo: bar; }
/* Container Styles */
#header { foo: bar; }
#main { foo: bar; }
#footer { foo: bar; }
.column { foo: bar; }
.
Read the rest
sidebar { foo: bar; }
.img-cotainer { foo: bar; }
/* Everything inside of #header */
.navigation { foo: bar; }
#header li.nav { foo: bar; }
/* Everything inside of #main */
.content { foo: bar; }
/* Everything inside of #footer */
.social { foo: bar; }
#footer li.nav { foo: bar; }
/* Everything in specific view inside of a container from above */
.profile { foo: bar; }
.comments { foo: bar; }
/* Media Queries */
@media all and (orientation:portrait {
* { foo: bar; }
}
/* Print Styles using Media Query */
@media print {
* { foo: bar; }
}
Yes it is being planned, here is our list for a RC release soon: https://github.com/paulirish/html5-boilerplate/issues/#issue...
In The real HTML5 boilerplateI have heard people request boilerplate at the beginning of an outsourced project, yup.
As for sites that have launched using boilerplate: https://github.com/paulirish/html5-boilerplate/wiki/Sites-us... :)
In HTML5 boilerplateYou guys should def take a look at the recently added Build Script..
it's Ant-based and does all the common tasks you're supposed to be doing: concat&minify css&js, optimizes jpgs & pngs, basic to agressive html minification, filename revving (to pair with heavy expires caching), and removal of development only code (console.log, profiling, test suite).
https://github.com/paulirish/html5-boilerplate/wiki/Build-sc...
It's still a work in progress but combine this with the provided apache/nginx/lighttpd config and you'll be hitting 95 point marks in YSlow. Should save a lot of time with these common tasks/best practices.
In HTML5 boilerplatehey! Thats my github profile. Cool!
BTW here's the issue thats tracking this http://github.com/paulirish/html5-boilerplate/issues/#issue/...
apparently another guy is working on a compass plugin for it. IMO if you use compass thats the way to go
In HAML and SASS versions of HTML5 Boilerplate