The Adventures of Cindy Li

@media 2006: Strategic CSS Management Panel

June 18 , 2006

Speakers

Roger Johansson
Rachel Andrew
Dave Shea

Where we are all struggling to manage it and faced issues with keeping it together...

We’re not going to sit here and say this is what you should do.

It is all finding it work for you.
If you have a question you want to ask us or found a method that works rather well. We’d like to get
your input as well.

Starting Point

Copy it into each project a doct type starting…
body and don’t even think about the layout at that point

Dave:
We started bare bones but after we begone....
I’m going to do exactly what you do..
the markup and teh content (greek text)
and work on my doc structure

Multiple CSS Files

Most things in one CSS file and hacks in different browsers
Generally things have been one style sheets except when a site
has different styles and then I tend to put them seperately so that they aren’t being loaded
Clal in teh site elemnts across teh tag, side bar styles but then the final tweaks like
the shopping cart you pull in a second style sheets.

For me as the guy that has to come back into the style

Modify what the shopping cart will look like and maybe its twenty five lines of code into one
mobile stylesheet.

Roger:
Modify it after the first visit and confusing when things are split up and files
are being changed.
I try and use as much in one file and then comments

Dave:
good tools that will make sense....
breaking up css files is kind of a legacy issue.
When you are taking away the things in the site
Legacy content you have to really think about what to do

I’ve edited thousands of the things in one CSS file and I’m scare because I don’t understand
I add a little at the end and get out but 25 times over the ways
So I do this in sections so that works for me

CSS flags (douglas bowman)
Markup the section of the CSS file insider comment

Stick the url in there and see if it is relevant at all
I’ve got my editor width . I started taking advantage of the white space
scroll down where my major sections are.

Many times we’ll find a fix and find something else that is new and have done things and that’s the
update.

its prehaps more useful when you have to change
At the head of the CSS file the list of the comments you are using for the entire style
if for instance style 4 I can change it globally from the top
Dave Shea: Write about it call it CSS swatches, blog on it, ... and you’ll show up in a book

.sidebar?
#navigation?
.menu?

If everyone used the same naming conventions then it could be global and make everyone use the same
One application

the stylesheet can

Server side script + CSS
<?= "color: " . $aqua?>

Code Order
h2-->#header===>#nav li

#nav li-->#header-->h2
#header-->h2--->@nav li

Roger:
Adding within each group stay pre definied order of properties and first this and then display
then width height then
No real reason just the way I do things

The order can come through you can be aware of that
try and comp things that have conflicting levels of specificity so that the rule isn’t
over ruled in some rules so keep them close so when you come back you can know what is going on
Some sections those are on.
I really haven’t had that happen.

Find a method works well and you and your team understands what you are doing.
You need to come up with something that works well.

Tools:
what tools you need to work with
BBedit

Roger:
BBedit (12 years now)

Stylemaster
CSS graphic

SVedit
Xylescope

Edit plus bar?

Testing:
Rachel: we have lots of computers and we’re always testing
Macs, PCS, we’re taking screen shots