CSS Frameworks/Reset

Global Reset

I find this quite an interesting subject at the moment, there seems to be two contrasting views to what works well and it was brought up again at the Future of Web Design in both the conference talk by Jon Hicks and mentioned briefly by Jina Bolton and Andy Clarke in Jina’s workshop on CSS.  I am someone that comes from the school of liking to reset all my styles.

Originally I used the…

* { margin:0; padding:0; }

global reset but of course this can cause all sorts of trouble with certain elements (not that I knew this when I was first learning.) I tried out the yahoo framework but didn’t really like it and then came upon Eric Meyers CSS reset which I now use for everything, plus a few of my own extra resets. I can understand Jonathan Snook’s views on why he dosen’t use frameworks/resets and his reason’s behind this, this comment interested me a lot

“One of the principles I took away from the Web Standards community was the concept that pixel perfect precision across the various rendering engines was impractical and a remnant of the table-based layouts of yesteryear. With CSS and progressive enhancement, it was okay that things might look a little different from one browser to the next because of variations in what they supported.”

Now I’m really anal about things being even slightly out, a few pixel’s and I am tearing my hair out trying to find the culprit (mostly in IE), but this quote got me thinking that maybe it’s okay to do it, would clients ever really notice a few pixel’s alignment on certain elements? Do they ever see it in all browser’s? What are other people’s views on this? Are we causing ourselves more work by getting so picky?! Personally I think I’ll keep to using my framework and resets and making sure is perfect, I would find it really difficult to let go but completely understand why some people wouldn’t do this.

  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Facebook
  • LinkedIn
  • Bookmark this

7 Comments

  1. Posted Apr 28, 2008 at 1:25 pm | Permalink

    I started to use (global) resets a while ago, and found it pretty helpful to make th layout look the same (or almost the same, I should say) in all major browsers. Although I kind of agree with the quote, I don’t think the layout should be pixel perfect. Trying to achive it is a good think, and probably necessary too for a web designer / developer.

  2. Richard Fitzjohn
    Posted Apr 28, 2008 at 2:08 pm | Permalink

    I started using the Yahoo Reset CSS framework and have been using that with a few extra things I add, but its pretty much the Yahoo framework.

    I really think it improves it from a design point of view, but you ask a valid question.

    Do clients really see the site in other browsers and/or noticed slight pixels out. Unless the client has some technical knowledge or even gets people to test it for them I’m thinking no.

    I think its the urge to make it pixel perfect as a perfectionist (which I think all designers should be to an extent) rather then client satisfaction.

    If you can achieve the result to look perfect across browsers, then why not?

    BTW did you design, code a site in one day, I noticed your twitter the other day when I 1st stumbled upon your blog?

  3. Posted Apr 28, 2008 at 2:30 pm | Permalink

    Yep, I’m agreed Richard. If you can do it, then why not? I just feel a bit wrong letting something go without it being exactly right!

    Yep, we did it and it’s pretty rough to say the least, were launching it tomorrow night when my g/f is around as it is a joint project. Just an idea’s blog basically.

  4. Posted Apr 29, 2008 at 10:16 am | Permalink

    Nice post. My reset has evolved from * {margin:0;padding:0;} to border:0; to Eric Meyers, to the YUI’s reset portion.

    Eric Meyer’s is cool because it resets literally everything, but putting every single thing back sucks.

    YUI’s reset put a lot of time into resetting stuff for A grade browsers and then putting it back to how it should be on each one. That sold me.

    Great blog design btw. have a nice day

  5. Posted May 1, 2008 at 11:46 pm | Permalink

    Firstly, nice blog.

    Second, I use the Yahoo reset and very happy I am too.

    For me, it’s been about getting rid of those “why the hell is that div doing that?” moments, and making my css code as tidy and compact as possible.

    Also, are perfectionism and client satisfaction mutually exclusive?

    I’d like to think not!

  6. Posted May 2, 2008 at 11:19 pm | Permalink

    To answer your questions (Will they notice? Do they ever see it?), I think the point is not whether or not they see it, but if they do see it, should they really care? Good entry!

  7. Posted May 14, 2008 at 1:27 am | Permalink

    Just listening to a workshop from Andy Clarke about this, some interesting points being made, will update this post once it finishes

Post a Comment

Your email is never published nor shared. Required fields are marked *