Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Global CSS resets

Featured Replies

Who of you use global css resets when designing a page?

Is it really necessary?

 

What are your thoughts on the matter?

I do, simply because to have everything reset to a common denominator means that it's one less thing to worry about when I start testing across the browsers.

 

I use an older version of the Eric Meyer reset, though there are others around.

Its not something ive used in the past, but i am looking at using it in my next few projects.

 

Reaper

I haven't really used them to date, but then have only got 3 sites running at the moment. i expect as my sites become more complicated i may use it more for the reason zig mentioned.

 

On the other hand, I have heard other ppl say that it can sometimes cause other problems although I personally can't tell you more about this.

 

This 'Killer Collection' of global resets looks good....

A quote from alan gresley.

 

You are knocking down margins and paddings and building them back up again. This is adding unnecessary CSS.

 

The design shouldn't really be about what you want but rather be open to the needs of the audience of a site. You are trying to have to much control and one reason authors desire such control is due to the expectations of a client or clients seeing the space on a web page as real estate.

 

Resets are vital for pixel perfection, they should be unnecessary, but they're not. They're excessive though as most people just slap them in, as opposed to integrating them.

 

Look what happens without a full reset sheet:

 

http://snook.ca/testing/applediff.gif

 

Not for the pixel perfectionist :p

That's a very good link Guezala :)

 

I normally use the Eric Meyer reset but I'm considering using the Tripoli reset for my next project.

I always use a global reset for cross browser integrity. I wonder if there will be a *{reset;} in any new standards of CSS - that would be extremely useful. One that resets everything. :flm7:

Why Tripoli?

 

I just want to see if it's any good and worth using or not.

I use a tweaked version eric meyer reset in all my work.

 

It means that I know for certain my site will work in all browsers before I start testing for additional niggles.

 

I also have my own framework files - I add them all to a project at the beginning, remove what I won't need (i.e. two column stuff if the site is three column) and then I basically have everything I need to get a site to a reasonable stage, complete with 960 grid and vertical rhythm, in just a few minutes work.

 

They shouldn't be necessary, but when every browser does things slightly differently it is useful to get back to some kind of standard.

 

I advise against using the *{} selector to do anything though - this is a bad way of doing things as it sets every tag ever to have no margin or padding. Eric Meyer and others have resets which list exactly which tags to change & therefore use less resources.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.