firepol
asked on
the clean and efficient way to use CSS in a big website
Hi there,
I use CSS but I never did a big project with it. I only used it to create small sites and I never went really in depth with it...
Now I'll be involved in a big project and I'd like to learn the "correct" way to use CSS.
I'll do some examples.
I've seen some websites that use a .css file for the colors, a .css for the rest (positioning, fonts etc.).
I've seen that many websites have hacks for internet explorer... should I create a seprarete css with all the hacks? Or include them in the main css files?
I've seen that many websites have a printer-friendly CSS...
...
I'd like some tutorials, guides or your personal suggestions to correctly create an ordered css structure to be used in a generic big website.
The project is a web application that will be customized for each client. Thus the main css design could be modified for each client. The idea is that each client will use the same design, and only the colors will change, or other minor details.
Please give me some useful (advanced) suggestions and I'll split the points accordingly.
I use CSS but I never did a big project with it. I only used it to create small sites and I never went really in depth with it...
Now I'll be involved in a big project and I'd like to learn the "correct" way to use CSS.
I'll do some examples.
I've seen some websites that use a .css file for the colors, a .css for the rest (positioning, fonts etc.).
I've seen that many websites have hacks for internet explorer... should I create a seprarete css with all the hacks? Or include them in the main css files?
I've seen that many websites have a printer-friendly CSS...
...
I'd like some tutorials, guides or your personal suggestions to correctly create an ordered css structure to be used in a generic big website.
The project is a web application that will be customized for each client. Thus the main css design could be modified for each client. The idea is that each client will use the same design, and only the colors will change, or other minor details.
Please give me some useful (advanced) suggestions and I'll split the points accordingly.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Eternal_Student
The only reason I would put the colors in a sperate style sheet is if I had several color combinations of one site and they could be loaded in depending on what the user chooses for example. Other than that I wouldnt really consider that.
BUT having said that ^ if the web site I was working on was mammoth [ie, a lot of sections and sub sections] I would probably break the css down into 2 files [or more] for layout and styles.
ASKER
I've seen in some websites that it's possible to change the CSS template on the fly, by clicking an icon on the bottom left or right of firefox (firefox recognized the multi-templates or so...)... do you know how to implement something like that?
What about guidelines to use graphics amnd graphic effects with CSS 2?
In example now the graphic designer of my company is creating the new layout with photoshop. He will probably save it with slices. Photoshop, unluckily, exports the results using a table layout. Is there a converter to convert a table design in CSS, or some guides or any sort of help for doing that or should I convert it manually with all the problems that it will bring?
You know... when using a rich graphics layout in firefox it will look different than in IE... are there some guides to avoid this problem?
What about guidelines to use graphics amnd graphic effects with CSS 2?
In example now the graphic designer of my company is creating the new layout with photoshop. He will probably save it with slices. Photoshop, unluckily, exports the results using a table layout. Is there a converter to convert a table design in CSS, or some guides or any sort of help for doing that or should I convert it manually with all the problems that it will bring?
You know... when using a rich graphics layout in firefox it will look different than in IE... are there some guides to avoid this problem?
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.