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.
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.