Comments on: CSS Best Practices

By: Quintin

Quintin — Tue, 16 Feb 2010 17:55:03 +0000

I tend to use a 1px ‘outline’ instead of ‘border’, it prevents tight layouts breaking when troubleshooting.

By: Best Practices in Web Design & Development « Exploration of Interactive Media

Tue, 21 Jul 2009 01:13:32 +0000

[...] CSS Best Practices focuses more on CSS. This article and “30 HTML” both emphasize the importance of CSS Reset. Another practice that I found interesting (mainly because I’m a beginner in CSS and anything to write code quicker is almost always a good thing) is shorthand CSS. Practice#3 Shorthand CSS: One good and important feature of CSS is the ability to write code in a minimized way. Instead of creating a CSS rule and adding lines of properties, you can use the shorthand version and simplify your code. I will give you the example of border, but there are different CSS properties that have the shorthand ability like margin, padding, font, background and list-style. You can check Dustin Diaz’ blog for the best CSS shorthand resource on the web. [...]

By: Andy Gongea

Andy Gongea — Tue, 02 Dec 2008 12:12:47 +0000

Yes, it is obvious that adding a border will increase your width or height, but only when you have fixed width and height. This practice is described in general not for a specific case. Anyway, good point Raymond.

By: Andy Gongea

Andy Gongea — Mon, 24 Nov 2008 22:46:12 +0000

Thanks Hawkthalas.

Edgy red background you have there on your site. Nice.

By: Hawkthalas

Hawkthalas — Mon, 24 Nov 2008 22:14:49 +0000

Great list bro. Good Job.

The only thing that i must add about the 5th practice is that we use EM ’cause if you use pixels some browsers ( our lovely IEs :S ) cannot increase the font size or decrease it via their text size menu ’cause Microsoft thinks that the pixel is an absolute unit and must not be resized.

Peace.

By: CSS best practices: qualche esempio di cose da fare con i fogli di stile : cssblog.it

Mon, 24 Nov 2008 08:05:13 +0000

[...] graphicrating.com Salva e condividi questo articolo: Queste icone linkano i siti di social bookmarking sui quali i [...]

By: Useful Links (17/11/2008) | Apramana

Useful Links (17/11/2008) | Apramana — Mon, 17 Nov 2008 04:23:01 +0000

[...] CSS Best Practices [...]

By: Andy Gongea

Andy Gongea — Sun, 16 Nov 2008 21:13:27 +0000

Thanks Steve. It is now fixed.

By: Steve Robillard

Steve Robillard — Sun, 16 Nov 2008 20:59:05 +0000

Your fix class appears to have both a red background and border. Not the green background you mentioned.

By: Daniel Koskinen

Daniel Koskinen — Sun, 16 Nov 2008 19:36:45 +0000

… I must correct myself. Piping :first-child:first-letter doesn’t seem to work at least in Firefox 3. So probably not a real option for the time being.