I agree completely, especially on a web app that is constantly growing. 2 on-the-job things that help me the most are:
1. Using the 960 grid system (or your preferred grid flavor)
2. Grouping by the following:
Body
Typography
Forms
(Other global stuff like links and buttons)
/* Layout Element 1 /
ID1 {}
ID2 {}
class1 {}
class2 {}
/ Layout Element 2 */
ID3 {}
ID4 {}
class3 {}
class4 {}
I also write my styles on one line, but that's just personal preference. I find it easier to scan down for the selector, then across for the property I want. I definitely don't do it for aesthetics or file size ;)
Their points are valid of course...but it seems laughably naive to treat this as some kind of cause that developers should rally around. And their response to "why don't you build a better version' made me laugh - it sort of encapsulates internet culture in general. I'd like to see more links to better sites for rank beginners than this "call to arms" stuff.
Eight year old kids in full pads is ridiculous - the helmets are so big that every hit is helmet to helmet. Their arms barely extend past the helmet, so how are they supposed to wrap up? I used to see drills like this all the time, and wonder why, considering that the kids couldn't execute basic run, pass and catch drills:
http://guyism.com/sports/nasty-pee-wee-football-helmet-to-he...