HTML5 Reset

http://html5reset.org/

by mgunes • 16 years ago

78 19 16 years ago

html5reset.org

Charuru• 16 years ago

Please use a font that's readable on windows. :(

endtime• 16 years ago

I'm not a fan of the white-on-navy, but it was readable enough in Opera on Windows.

jay_kyburz2• 16 years ago

I can read it, but performance of the page is terrible in Chrome.

barrkel• 16 years ago

I was puzzled for a few second about what this objection referred to, until I remembered that I have disabled downloadable fonts in Firefox.

Shorel• 16 years ago

IE8 shows an empty page with a JavaScript error.

d0m• 16 years ago

How can a site showing some HTML5 reset templates be so ugly. Unreadable font, blue navy, some white stars floating randomly. Common.

po• 16 years ago

I'm not really a fan of the underscore/dash naming scheme that they are using to keep the files on the top of the directory listing. Also, if you're going to do that, why have it be dash for the top level and underscore for the second levels?

jeberle2• 16 years ago

This is what's great about the web. Not only is the code in plain text and freely shared, but when you give it away, everyone just complains about it.

jay_kyburz2• 16 years ago

But surly the whole point of commenting on a post is to share our collective wisdom about whether or not code (or advice) is good.

The function of a HTML reset file is to ensure browsers on all systems behave the same way, but in this instance it appears to me that the author hasn't tested his own page on windows or perhaps just in Chrome, which would suggest that it might not good advice to use his reset file.

jeberle2• 16 years ago

Yeah, you're probably right, and it is a pretty ugly page.

CoryMathews2• 16 years ago

"everyone just complains about it"

Everyone complains when its awful code. Everyone enjoys good code.

pbhjpbhj2• 16 years ago

They did sort of say - let us know what's bad. It's a start, others will no doubt be doing their own bare template for HTML - I did my first proper HTML5 page yesterday, using JQuery too.

One thing I've just followed through is to merge my print styles (which tend to be minimal, turn off fancy images, remove some formatting) into my main CSS file - it was a Google page optimisation recommendation. I'm also using a reset based on YUI but without the non-standards IE hack; copy pasted to avoid a linked file as it's a single page "tool".

ghettobillgates• 16 years ago

awesome thanks!

buro9• 16 years ago

A reset that achieves a blank page that involves +8 requests and 21KB of text.

I'm all for it, but it should weigh much less.

Does it really need modernizr and jquery?

Could it not have merged the css files that call each other?

svnv• 16 years ago

Hmm, something funky is happening when I zoom in or out using Chrome. Some of the fonts change font-family when zooming and then changes back to the correct font when the zooming animation is finished.

Luyt• 16 years ago

This is far more than just a reset: it's a starting template.

pornel• 16 years ago

Mayer's "I like to reimplement every style from scratch" turned into "You have to reimplement every style from scratch" (otherwise unspecified incompatibility bogeyman will bite you in vague ways).

Is "resetting" of font, applet and center really needed for new HTML5 pages?

Default styles are in the HTML5 spec. Actual stylesheets of all major browsers are available in their source repos or via introspection. For compatibility reasons there's really no need to reset everything "just in case". There are few specific styles which are annoyingly inconsistent. None of them are on kbd, u, strike, tfoot, label and dozen other elements that reset nukes.

I found that reset causes more trouble than it solves. Form elements don't react consistently to reset styles - it's better to keep browser's defaults.

WYSIWYG editors don't play nicely with reset (and sooner or later client might ask you for such editor).

And finally designers rarely bother to actually do what Mayer recommended for reset. They leave some styles reset to useless defaults, which makes it unnecessarily difficult to use pure semantic HTML later. Lack of outline is harmful to keyboard users.

For HTML5 reset it would be useful to set default styles for section, article, header and other elements that are unknown to HTML4 browsers. It doesn't do that...

CoryMathews2• 16 years ago

God I hate resets.. Every time I see one of these I want to reach through my screen and slap the creator, then say go learn css before talking.

They make me, the developer, work so much harder, cause me so many more headaches, make my fingers type more, adds so much more code to the codebase, has all sorts of useless crap, and did I mention they make it harder on the developers?

regardless I took a look.

I downloaded the bare-bones one just to take a look around. 3 css files none more then 60 lines. using the always frowned upon @import command.

The _print css made me laugh. There is a main.css and a core.css. The core.css is empty and the main.css just says to import core.css. A lot of good thats gonna do.

I have no idea why a "HTML5" reset would have style sheets for IE5?

Horrible.. waste of time, to even use. Even worse because it has the nasty, awful meyerweb reset.

pbhjpbhj2• 16 years ago

>I have no idea why a "HTML5" reset would have style sheets for IE5?

It's a template, you're supposed to remove the bits you don't need.

HTML5 Reset

Related Stories