Comments on: 10 CSS tips and tricks you should always use

By: sgaawc

sgaawc — Sun, 17 Jul 2011 06:44:58 +0000

why W3C doesn’t recognize border-shadow and transitions, since they take a real action in most browsers they gonna appeal in the court to get their rights and to be well-known, and respect by others as well….!o!

By: Red

Red — Tue, 05 Apr 2011 20:44:35 +0000

When it comes about WordPress plugins, I personally prefer to install/uninstall a plugin without manually add/remove styles. Now it’s up to you if you can live with 1-2 extra HTTP requests :)

By: vitmel

vitmel — Tue, 05 Apr 2011 19:05:54 +0000

Question for you about tip #1. When you install new plugins on your WordPress do you move code from external stylysheets to your main style.css?

By: Red

Red — Tue, 05 Apr 2011 10:43:30 +0000

Exactly, as you become more experienced, you will commit increasingly less mistakes when writing HTML and CSS code.

At a time, validating code will be just for fun, to see that everything is correct.

By: vitmel

vitmel — Tue, 05 Apr 2011 10:01:06 +0000

Good tips. I have problems with validation. I forget to do that. Sometimes i am just happy that everything works and don’t want too see all those errors that validation will show me :).

I think the more experience you get the more you start thinking about accuracy of your code.

By: Red

Red — Tue, 02 Nov 2010 07:13:57 +0000

Thanks for your comment Emil!

Indeed, sometimes you must use hacks for IE, OR you can use conditional comments for it and you can keep your main CSS valid.

Regarding the #9 I’ve probably missed that at the time I wrote this article, thanks for pointing this, I updated that.

By: Emil Melgaard

Emil Melgaard — Mon, 01 Nov 2010 00:04:57 +0000

I can’t agree less with #10…
Valid code is over rated. Sure it looks nice to see your code validate, but it doesn’t make a difference to the user of your webdesign. Often you have to write invalid code to make your design cross-browser using unofficial properties and hacks (ie. _background:red; to target

So no valid code does NOT mean a good developer, but a developer too caught up in validations.
The same applies for HTML validations.

For #9 you might mention as well that you can include line-height in the font shorthand like this:

font-family: Arial;
font-size: 12px;
line-height:1.29;
font-weight: bold;

font: bold 12px/1.29 Arial;

The whole specification can be found here: http://www.w3.org/TR/CSS2/fonts.html#font-shorthand

Cheers,

Emil Melgaard
Tixz

By: Red

Red — Wed, 24 Feb 2010 19:39:39 +0000

Thanks, I am glad you found this article useful.

By: steve

steve — Wed, 24 Feb 2010 16:43:59 +0000

your quick clean uncomplicated tutorial style is appreciated ….keep the css and photoshop tricks coming …

By: Tim Brown

Tim Brown — Fri, 13 Nov 2009 08:01:42 +0000

Great advice.

Looking forward to see a list with Css techniques that we shouldn’t use.

Thanks!