I spent a few hours over the last few days going through a massive style sheet from a project. This thing is a good 3200 lines of CSS.

I was going through each rule and alphabetizing the properties. So, something like this: p { width: 80%; margin: 0 auto 15px auto; font-size: 12px; line-height: 1.4; }

Would look like this: p { font-size: 12px; line-height: 1.4; margin: 0 auto 15px auto; width: 80%; }

I was doing this because the project is going to be handed off to another agency in the next few months. I don’t know who will be having to go through the style sheet, and I don’t know their ability.

But, if they are able to track down the rule they need to modify, they should have an easier time figuring out the property they need – quickly. Never mind that for the near term future, it will be easier for me to work with the file as well.

Is it a little over the top, like my senior developer told me (I believe the phrase “Anal Retentive” was used)? Probably.

I think that it will mean easier maintenance over the long run. Does this kind of approach help anyone else out there? Especially those working in environments where more than one person might work on a style sheet?

[I do know that there automated processors out there for this kind of thing, and I kind of used one. Most modified the rules a little too much for my taste, so I still did a lot of this by hand.]

Read MoreLeave a comment

Google Fonts – the Drupal Module

That didn’t take long.


It is encouraging to see the new Google Fonts offering being embraced by the web design community, and also by the larger open source community.

What’s remarkable has been the almost universal praise this project has received.

What I’m most excited to see is how the library of fonts expands. I’m still unclear on how it’s curated, but I don’t think it’s unreasonable to think that there could two or three times the amount of fonts in a year’s time.

Read MoreLeave a comment