Comments on: 15 CSS Habits to Develop for Frustration-Free Coding

By: Hannes

Hannes — Tue, 30 Aug 2011 10:21:40 +0000

One could use * { position: relative } which is quite intuitive. And it fixes some hasLayout problems in ie6 and 7.

When styling buttons, I go with button tag. It works cross browser if done right. One of the most important things I figured out with buttons is that never use line-height on button tag because it’s overwritten by Firefoxes own css. So add line-height to span inside button tag.

Made an example here: http://jsfiddle.net/hkirsman/fmpg2/

By: Ryan Sammut

Ryan Sammut — Fri, 19 Aug 2011 13:01:50 +0000

The most important one here is rule number 1, just don’t forget to do it. I used to code for about 3 – 6 months without knowing about this, and used to encounter lots of problems. With a reset stylesheet, you would solve 90% of the problems.

By: Glow74ind

Glow74ind — Wed, 13 Jul 2011 14:04:56 +0000

#15, its not true. I have tried it and I am using it.
It does not create addition line-height for the tag content.

By: Craig McPheat

Craig McPheat — Mon, 13 Jun 2011 11:15:47 +0000

Great article; I’m going to hold onto ems over px until my stats get rid of the older browsers :)

By: Templates Perfect

Templates Perfect — Sun, 20 Mar 2011 06:29:26 +0000

There are some simple and good CSS techniques worth reading.

By: Will

Will — Tue, 08 Mar 2011 16:48:52 +0000

I’m terrible at not documenting my CSS and breaking it up into sections.

I know some people will go as far as creating a kind of ‘contents’ at the start of the CSS file that lets you know how everything is broken down in the file. I know that it’s good practice, but I just never seem to have the time to do that on a client project!

Something I need to work on I’m sure!