4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Does high readability css irk anyone else?

by Lloyd Buchinski
3 replies
  • WEB DESIGN
    • |
I like working with it at a high compression level, like this.

Code:
.p-small{font-family:Tahoma, Arial;font-size:12px;color:#000;}
.headline{font-family:Arial, Helvetica, sans-serif;font-size:40px;letter-spacing:-1px;line-height:38px;color:#000;}
.headline-impact{font-family:Impact;font-size:77px;letter-spacing:-1px;line-height:38px;color:#9b0707;}
.headline-red{font-family:Arial, Helvetica, sans-serif;font-size:40px;letter-spacing:-1px;line-height:38px;color:#9b0707;}
.headline-blue{font-family:Arial, Helvetica, sans-serif;font-size:40px;letter-spacing:-1px;line-height:38px;color:#1D3C50;}
I've been using the web developer toolbar to muck around with css, and it will display it just as it is on the original sheet. Tried using firebug and it will spread the code out into high readability. Instead of having the code in one compact bunch, you have to spend 50% of your time doing vertical scrolling.

Gave up on firebug.
#css #high #irk #readability
  • Profile picture of the author LovelyCornSyrup
    Code:
    .p-small {
  font-family: Tahoma, Arial;
  font-size: 12px;
  color: #000000;
}
    I just write my classes and ids like that, so if there are any errors I can easily spot them. Then once I'm done with everything I just compress my stylesheets using a web app like csscompressor.com. I also double space my html markup, and compress that once I have every compatible with every browser and what not.

    EDIT: Oh wait, I see what you're saying. You're looking for a unpacker, right? This should do the trick
    {{ DiscussionBoard.errors[2826073].message }}
  • Profile picture of the author SteveJohnson
    I don't ever use the CSS tab on Firebug, just the HTML. I can target the desired container and immediately see the rules that apply. It's great for spotting cascading/specificity issues.

    Wouldn't try to do without Firebug.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[2827648].message }}
  • Profile picture of the author swtsubmit
    Firebug rocks. You always can increase the size of firebug window, and you can also be specific when you want to check some element. I dont scroll, I find just element I need, and check it.
    {{ DiscussionBoard.errors[2833893].message }}

Trending Topics