Normalize.css v1.0.0

#1

Post by necolas » Wed, Aug 15, 2012, 8:14 AM UTC

Normalize.css v1.0.0
necolas.github.com

Re: Normalize.css v1.0.0

#2

Post by madmikey » Wed, Aug 15, 2012, 9:12 AM UTC

Well, for beginners, this will kill the basic idea to remember necessary things, But hey.. good job!

Re: Normalize.css v1.0.0

#3

Post by kondro » Wed, Aug 15, 2012, 9:13 AM UTC

Looks pretty good. Need to back-port a couple of my projects to use a reset like this because the slight variations between Chrome/Firefox/IE are starting to get on my nerves. Now just have to find some time for such a low-priority backlog item.

Re: Normalize.css v1.0.0

#4

Post by aidos » Wed, Aug 15, 2012, 9:32 AM UTC

This looks nice - will have to try it out later to see how it behaves. It's good to see a detailed breakdown and justification for each of the rules instead of a blanket styling dumped in with no thought.

I'm working on a project at the moment that has div {float:left} in the reset and it makes me weep.

Re: Normalize.css v1.0.0

#5

Post by krautsourced » Wed, Aug 15, 2012, 9:36 AM UTC

madmikey wrote: post #2

Well, for beginners, this will kill the basic idea to remember necessary things, But hey.. good job!

On the one hand, true, but on the other, it'll let them get started developing their actual site, rather than dig through obscure browser differences - thus making work more fun and easier to learn. At least in my experience.

Re: Normalize.css v1.0.0

#6

Post by grandpoobah » Wed, Aug 15, 2012, 9:40 AM UTC

aidos wrote: post #4

This looks nice - will have to try it out later to see how it behaves. It's good to see a detailed breakdown and justification for each of the rules instead of a blanket styling dumped in with no thought. I'm working on a project at the moment that has div {float:left} in the reset and it makes me weep.

I agree, it's great to be able to read it and actually know what it's doing. Much better than other resets which strip defaults.

Re: Normalize.css v1.0.0

#7

Post by espeed » Wed, Aug 15, 2012, 9:44 AM UTC

For more on Normalize.css, see "About Normalize" (http://nicolasgallagher.com/about-normalize-css/), esp "Normalize vs Reset".

Re: Normalize.css v1.0.0

#8

Post by branola » Wed, Aug 15, 2012, 9:51 AM UTC

Is this something one could use as an alternative to "HTML5 Boilerplate" or does it serve a different purpose?

Re: Normalize.css v1.0.0

#9

Post by espeed » Wed, Aug 15, 2012, 9:55 AM UTC

branola wrote: post #8

Is this something one could use as an alternative to "HTML5 Boilerplate" or does it serve a different purpose?

HTML5 Boilerplate uses normalize.css. See http://html5boilerplate.com/docs/The-style/

Re: Normalize.css v1.0.0

#10

Post by ErikHuisman » Wed, Aug 15, 2012, 10:00 AM UTC

branola wrote: post #8

Is this something one could use as an alternative to "HTML5 Boilerplate" or does it serve a different purpose?

Uhm, the largest "html5 boilerplate" actually uses normalize. Normalize.css straightens the subtle differences in the default stylesheets for the different browsers. It is css only, not really a template. It is like giving different car manufacturers specs and designs to build a car. They all build the same car but slightly different. Normalize tries to make them look all exact the same (they still behave different though)