HTML5 Boilerplate v4.0.0

http://html5boilerplate.com/#v4.0.0

by necolas • 14 years ago

212 51 14 years ago

html5boilerplate.com

vacipr• 14 years ago

They have also released Mobile Boilerplate v4.0.0 for mobile app development. http://html5boilerplate.com/mobile/

treelovinhippie• 14 years ago

"The web's most popular front-end template". With the popularity of Bootstrap, this claim seems unbelievable.

necolas2• 14 years ago

Bootstrap isn't a template. It's a complete UI framework/toolkit.

andybak• 14 years ago

Which works nicely alongside Boilerplate: initializr.com

whalesalad• 14 years ago

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.

nimbupani• 14 years ago

Bootstrap is a very good friend of Boilerplate.

Francisc• 14 years ago

They are different beasts. Learn your stuff before saying stuff like this.

SkyMarshal3• 14 years ago

You can have both:

http://initializr.com

tzaman• 14 years ago

One would think there's not much left to be done when it comes to the boilerplate, but these guys prove there is.

monsterix• 14 years ago

Splendid work guys, but I am still unhappy that you guys closed the Google group around it.

Will check out the updates shortly.

risratorn• 14 years ago

The suggestion to use Stackoverflow as support channel is a good decision imho

vesln• 14 years ago

I think it's pretty neat as well.

pbhjpbhj• 14 years ago

Doesn't that mean you can't garner opinions or ask slightly open questions though?

printer• 14 years ago

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".

necolas2• 14 years ago

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.

dmethvin• 14 years ago

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.

quarterto• 14 years ago

Let's have a moment's silence for our dear departed friend, #fe57a1.

pwenzel• 14 years ago

I'm sad to see it go.

gulbrandr2• 14 years ago

I beg your pardon?

tvon• 14 years ago

It's the pink color that used to be used for selection.

masklinn3• 14 years ago

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.

sutterbomb• 14 years ago

First thing I noticed. Very sad.

rolmos• 14 years ago

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.

shardling• 14 years ago

Yeah, the new default selection color makes text completely unreadable for me...

BerislavLopac• 14 years ago

Festal? ;)

richardjordan2• 14 years ago

Can we officially make that a color name please? / CC: UN Committee on Color Names

illicium• 14 years ago

Bring back the hot pink selection background color!

lukifer• 14 years ago

Don't even joke about that. Ugh.

nulluk• 14 years ago

Glad to see this stripped right back down again to a useful state, it started to get very verbose & noisey

MatthewPhillips• 14 years ago

What does Google Analytics have to do with html5?

andyjohnson0• 14 years ago

The framework allows you to build html5-based sites that can be instrumented for google analytics.

Jgrubb• 14 years ago

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.

binarydreams• 14 years ago

Nice work on the new site design, really clean and neat!

pjmo• 14 years ago

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.

gilini• 14 years ago

Without getting into code changes, I'm glad to see they abandoned that childish theme the whole project had.

Gratz on the release

agscala• 14 years ago

I love this project. It's everything that I'll never remember on my own and more.

wzhack• 14 years ago

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.

th• 14 years ago

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/

masklinn3• 14 years ago

> 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.

commanderkeen08• 14 years ago

#fe57a1. always made me smile

lobo_tuerto• 14 years ago

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."

SkyMarshal3• 14 years ago

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.

calvin• 14 years ago

When will the changelog be updated?

https://github.com/h5bp/html5-boilerplate/wiki/changelog

SkyMarshal3• 14 years ago

There's also Yeoman in the works, which appears to be a more ambitious H5BP, but by the same people:

http://yeoman.io/

HTML5 Boilerplate v4.0.0

Related Stories