I've been thinking about my way of organizing CSS. Is there anyone using some kind of "modular" css? Like header.css or typography.css? Right now I've got everything in style.css, which gets confusing from time to time.
For development purposes it can certainly be useful. I use a reset, a grid system, a type and a styles set. I merge and minimise them before deployment...but I am considering breaking up the styles.css into different sections (for development). Once I have them settled, I can concentrate on the next section.
I think Chris did an article some time ago about having additional style sheets for individual pages which would contain css relating solely to items on those pages....such as forms.css for a single form page. No need to load it when it isn't needed.
Okay. Yeah I've used reset files and grids. But I'm thinking about going all the way and create multiple stylesheets like header.css, main.css, footer.css and so on.
Do you guys see this as something inconvenient, or something really useful and more "clean"?
You could also use something like Sublime Text 2. It has a little map of the document on the right which could help you keep track of where you are. I pretty much have my fingers on CTRL + F, like @joshuanhibbert said.
I've been thinking about my way of organizing CSS. Is there anyone using some kind of "modular" css? Like header.css or typography.css? Right now I've got everything in style.css, which gets confusing from time to time.
Thanks!
I think Chris did an article some time ago about having additional style sheets for individual pages which would contain css relating solely to items on those pages....such as forms.css for a single form page. No need to load it when it isn't needed.
Do you guys see this as something inconvenient, or something really useful and more "clean"?
It would be kinda fun to hear about some alternative way of writing CSS though, is there anyone out there using some other technique?