* { margin: 0; padding: 0; } No Longer Cool

One the techniques I have advocated using for a long time is this:

* {
  margin: 0;
  padding: 0;
}

This is part of the “CSS Reset” theory which helps keep your designs consistent across browsers, a very good thing. …

10 Beautiful and Functional BLUE Web Layouts

Sometimes the best way to get inspired to design is to look at other great designs. These designs showcase beauty and function over flashiness. There are some amazing and flashy designs out there where I love the design but …

List of Deprecated Attributes Still in Widespread Use

A “deprecated” element is an element the W3C has designated as outdated. These elements should not be used and are generally considered to be “bad code”. If you use a STRICT DOCTYPE, deprecated elements will not pass validation.

The thing …

(Updated on )

“Real World” Web Design Still Needs to Accomodate 800×600

Check out the statistics for the screen resolutions of all you hip kids who read CSS-Tricks:

On this site, 800×600 doesn’t even make the top ten. Knowing that, I designed this site to make use of that extra pixel …

(Updated on )

How To Remember The Order of Selectors: LOVE and HATE

I read a comment the other day over on CSS Drive from someone named Slackerbabe that I thought was worth repeating.

Heres a cool way to remember the order of the four selectors, “LVHA (link visited hover active)”,….

Just think

Creating a Nice Textarea

A textarea is an element on a webpage that you can type into. These are commonly used as commenting areas, contact forms or address entry areas. All browsers have defaults styles for textareas which vary. You can take control of …

(Updated on )

A Fresh Look for CSS-Tricks

Welcome to the new look for CSS-Tricks. I decided it was time to get down to it and give CSS-Tricks a brand new look. I hope you like it. I think it’s far nicer in both form and function than …