As I’ve mentioned before, in my previous company we worked with offshore developing located in Serbia. Given the fact that we were sitting in different countries, different levels of knowledge of the English language, different skills and such, sometimes we didn’t work seamlessy together.
The phrase in the heading came from one of the system developers in Serbia, when he had (less knowingly) changed my interface code, followed up by the jokingly said comment “I improve design”.
Needless to say, in my eyes, it wasn’t improved (however, if you’re reading this, Aleks, no hard feelings from my side. It was an entertaining ride :-)).
I tend to be very though when it comes to the structure of my code, which leads me to how to set up the structure of one’s CSS file(s).
Earlier on, I used to order my CSS in the order things were rendered in the page. However, I soon realized that with additions and changes all the time, fixes and so on, this wasn’t really useful as soon as I got to build bigger web sites.
So nowadays, I structure my CSS this way:
First, tag-specific CSS:
Then ID-specific CSS, in alphabetical order where the tag name is the separator:
Followed by class-specific CSS for specific tags, in alphabetical order where the tag name is the separator:
And finally class-specific CSS for any kind of tag, in alphabetical order where the tag name is the separator:
font:1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
This works just fine for me. Does it look good? How do you do?