Suggest me a CSS-reset & base framework

Question

Hi there,

I will not asking CSS framework such as Blueprint or 960, lately i began to think that YUI CSS reset & base was too much bloated, so i need a simpler, efficient (in size) and effective CSS reset (and it's base) that support multiple browser or at least IE6-8 (Trident), Opera(Presto), Firefox(Gecko), Webkit

Remember i don't ask about CSS framework nor grid system

Thanks

Answer 1

This question has been asked and answered before:

• http://stackoverflow.com/questions/99643/css-reset-default-styles-for-common-elements
• http://stackoverflow.com/questions/116754/best-css-reset
• http://stackoverflow.com/questions/167531/is-it-ok-to-use-a-css-reset-stylesheet

Answer 2

I would just use the YUI reset.css. That's not to big, and then handle the rest yourself. Your probably better off building the site layout entirely from scratch because it will be way easier then learning some bloated framework, and it will be more lightweight.

Answer 3

Don't forget that the YUI reset removes all the styles and YUI base purely adds some styles back in for cosmetic reasons to allow you to start developing.

The intention is that you write your own styles and remove YUI base before you go into production.

YUI reset in minimised form is 940 bytes which I don't think is bloated at all. Have you got a reason why you think it is or are you looking at YUI reset and base together?

Mind you YUI base is 910 bytes so together you are looking at 1,850 bytes. If your website is an online one (not intranet based for example) then call the files from the Yahoo or Google infrastructure and they will be extremely fast in any case.

Answer 4

I would just use Eric Meyer's Reset Reloaded. It's pretty simple.

Answer 5

I second the alex suggestion and for the base, why do you say 960 is bloated? It's just a small file and you can make it even smaller if you strip one of either the 12 or 16 columns.