HTML5 Boilerplate v4.0.0

quarterto 13 years ago |

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

rolmos 13 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 13 years ago | | |

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

gulbrandr 13 years ago | |

I beg your pardon?

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

mmanfrin 13 years ago | | |

What a strangely fascinating now-arcane bit of internet lore.

gulbrandr 13 years ago | | |

Thank you for the explanation.

tvon 13 years ago | | |

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

pwenzel 13 years ago | |

I'm sad to see it go.

sutterbomb 13 years ago | |

First thing I noticed. Very sad.

BerislavLopac 13 years ago | |

Festal? ;)

richardjordan 13 years ago | | |

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

lutusp 13 years ago | | |

I agree -- BTW I'm still waiting to hear back about my new color name: "Unforeseeable Fuchsia".

richardjordan 13 years ago | | |

Ouch

lutusp 13 years ago | | |

I forgot to mention "Statutory Grape," the color of a dress worn by a 13-year-old girl. :)

vacipr 13 years ago |

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

illicium 13 years ago |

Bring back the hot pink selection background color!

lukifer 13 years ago | |

Don't even joke about that. Ugh.

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

gilini 13 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

monsterix 13 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 13 years ago | |

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

pbhjpbhj 13 years ago | | |

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

vesln 13 years ago | | |

I think it's pretty neat as well.

treelovinhippie 13 years ago |

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

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

necolas 13 years ago | |

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

andybak 13 years ago | | |

Which works nicely alongside Boilerplate: initializr.com

Francisc 13 years ago | |

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

nimbupani 13 years ago | |

Bootstrap is a very good friend of Boilerplate.

SkyMarshal 13 years ago | |

You can have both:

http://initializr.com

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

binarydreams 13 years ago |

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

nulluk 13 years ago |

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

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

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

agscala 13 years ago |

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

calvin 13 years ago |

When will the changelog be updated?

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

SkyMarshal 13 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/

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

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

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

th 13 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/

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

pav3l 13 years ago | | |

Also I imagine many wouldn't customize 404 too much

masklinn 13 years ago | | |

The 404 you usually had to hook in yourself depending on your server & framework, so that was way less likely.

commanderkeen08 13 years ago | | |

#fe57a1. always made me smile

MatthewPhillips 13 years ago |

What does Google Analytics have to do with html5?

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

andyjohnson0 13 years ago | |

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