Organizing Cascading Style Sheets

I have worked with style sheets before; usually one created for me or one that came out of the box. For my current job, I have had to create my own style sheets. I have had to create one style sheet for print and one for a Java online output.

I started out OK. I created the print style sheet and then copied that for the Java online style sheet. I changed this and changed that for the print style sheet. I changed this and changed that for the Java online style sheet. And then, I changed this and changed that for the print style sheet. And then, I changed this and changed that for the Java online style sheet. And so on…you get the idea.

Last week I realized that I had two style sheets that looked nothing alike. The formatting is different. The styles’ order is different. In the coding itself, I use pixels here, points there, percentages in that spot, and inches everywhere else! Yes, it was (Well, still is. I am working on it.) a mess!

So, “Veni, vidi, ….I Googled.” (Not sure if either Julius Caesar or Plutarch would appreciate this misquote.) Of course, I found a plethora of information and did not/do not have time to digest it all. One of the articles that I did find, however, was the following:

5 Steps to a More Organized Style Sheet. By Rob Glazebrook on March 3, 2008. CSS newbie Website. (http://www.cssnewbie.com/organized-style-sheet/)

This concise, information packed article has been a great help. Anyone else who has had to create both a print and online Java CSS that has any insights, please post!
Thanks. Joel.

Joel Meier
Technical Writer
Denver, CO
joel_meier@comcast.net
Linkedin: http://www.linkedin.com/pub/joel-meier/0/781/296

This entry was posted in Articles, Tips from the Trenches and tagged . Bookmark the permalink.

Comments are closed.