53 comments

[ 2.9 ms ] story [ 121 ms ] thread
"The web's most popular front-end template". With the popularity of Bootstrap, this claim seems unbelievable.
Bootstrap isn't a template. It's a complete UI framework/toolkit.
Which works nicely alongside Boilerplate: initializr.com
HTML5 Boilerplate has been around a lot longer than Bootstrap and has been adopted by more in the general front-end community. Whereas Bootstrap has been adopted by more generalist developers building entire web applications.
Bootstrap is a very good friend of Boilerplate.
They are different beasts. Learn your stuff before saying stuff like this.
One would think there's not much left to be done when it comes to the boilerplate, but these guys prove there is.
Splendid work guys, but I am still unhappy that you guys closed the Google group around it.

Will check out the updates shortly.

The suggestion to use Stackoverflow as support channel is a good decision imho
I think it's pretty neat as well.
Doesn't that mean you can't garner opinions or ask slightly open questions though?
Maybe it needs a little more work. I've got a "Unhandled DOMException: SYNTAX_ERR" in jQuery. And "plugins.js" and "main.js" are loaded twice.

Also: I'm on Opera and get a lot of CSS errors. Some are strange: "-o-opacity is an unknown property".

The jQuery-related error seems to be an upstream bug - http://my.opera.com/community/forums/topic.dml?id=1513672

I don't see plugins.js and main.js loading twice. And that CSS warning can only come from other tabs you had open as we don't include any `-o-` prefixed code in the CSS.

I think these are all Opera quirks. It is saying there are unhandled exceptions when all the ones it identified are inside a try/catch. It looks the -o- warnings are coming from the internal feature detects that we use in jQuery 1.8, we really can't avoid those without browser sniffing.
Let's have a moment's silence for our dear departed friend, #fe57a1.
I beg your pardon?
It's the pink color that used to be used for selection.
One interesting feature of html boilerplate was that, in its CSS, it set the background color of selected text to #fe57a1 (hot pink). For the longest time, it was a pretty easy way to identify an HB-based site as many developers didn't customize text selection. It also looked rather neat.

For some reason, they've removed it in v4.

What a strangely fascinating now-arcane bit of internet lore.
I've actually brought it back on my downloaded copy; it's a color that never clashes with text colors I assign, and stands out pretty well.
Yeah, the new default selection color makes text completely unreadable for me...
Festal? ;)
Can we officially make that a color name please? / CC: UN Committee on Color Names
I agree -- BTW I'm still waiting to hear back about my new color name: "Unforeseeable Fuchsia".
Ouch
I forgot to mention "Statutory Grape," the color of a dress worn by a 13-year-old girl. :)
Bring back the hot pink selection background color!
Don't even joke about that. Ugh.
Glad to see this stripped right back down again to a useful state, it started to get very verbose & noisey
What does Google Analytics have to do with html5?
The framework allows you to build html5-based sites that can be instrumented for google analytics.
It's boilerplate. It's sensible to assume that sites might use GA, and their snippet is more optimized than the stock one Google gives you, IIRC. It's not difficult to delete.
Nice work on the new site design, really clean and neat!
Very nice, will have to check this out for the project I'm starting today. Sick of using Bootstrap to demo when I usually change everything. Just need some boilerplate instead.
Great work Nicolas and team!
Without getting into code changes, I'm glad to see they abandoned that childish theme the whole project had.

Gratz on the release

I love this project. It's everything that I'll never remember on my own and more.
Are there some famous projects that I can see concrete examples of use of this this project? This seems pretty cool but I still couldn't get it.
You usually won't know a web page is actually using H5BP, especially without looking at the source.

Two websites using it: http://creativecommons.org/, http://www.barackobama.com/

> You usually won't know a web page is actually using H5BP, especially without looking at the source.

One of the ways to know, before the new release which sadly kills it, was that many sites didn't customize the default hot pink text-selection background color.

Select text and get hot pink? You knew it was the boilerplate.

Also I imagine many wouldn't customize 404 too much
The 404 you usually had to hook in yourself depending on your server & framework, so that was way less likely.
Right from the frontpage (check the links over there):

"Who uses HTML5 Boilerplate?

Google, Microsoft, NASA, Nike, Barack Obama, Mercedes-Benz, ITV News, BAE Systems, Creative Commons, Australia Post, Entertainment Weekly, Racing Green, and many more."

It's biggest purpose is to normalize html across all main browsers, and make them as supportive of HTML5 as possible.

You can put any other frontend framework on top of H5BP - Bootstrap, Foundation, etc. It's not mutually exclusive.