Menu
I think Yahoo's Pure is awesome. But I was thinking, do we need to include normalize.css after using Pure?
889
Browsers apply styles to elements before you've written any CSS at all, and sometimes those styles vary. Normalizing your CSS lets you rest assured, knowing that you have the same base layer of styles applied across all browsers.
Normalizing maintains useful defaults over non-stylizing everything and it won't clutter your dev tools window. Moreover, Resetting is meant to strip all default browser styling on elements. For e.g. margins, paddings, font sizes of all elements are reset to be the same.
Since the default styles are not the same, causing a web page will have different look and feel on each browser. Both normalizing and resetting CSS aim to fix that problem. Resetting CSS, as the name suggests, will reset all the built-in styles.
It is not needed seperately as Pure builds on Normalize.css and provides layout and styling for native HTML elements, plus the most common UI components. It's what you need, without the cruft.
You can find the normalize.css file in this folder.
pure-master\src\base\css
Moreover, it's good to know that pure is at this moment base on version 1.1.2 of normalize.css (as you can see there: http://yui.yahooapis.com/pure/0.3.0/base.css), to keep IE6 and Safari 4+ in the supported browsers list. Now, normalize.css's latest version is 2.1.3 (IE 8+, Firefox 4+, Safari 5+, Opera, Chrome). See https://github.com/necolas/normalize.css/blob/v2.1.3/CHANGELOG.md for more details.
The thing I don't know is when Pure.css will drop IE6, and will decide to take normalize.css 2.x as a base.
22
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
