The Noob: CSS Diagnostics

Posted in: Tips / Tricks, Web Talk

I still consider myself a CSS newbie since just under a year ago I began focusing on tableless css designs. I decided to teach myself and relied on google as my mentor. After spending countless hours going in circles and beating my head against the desk I began to grasp the basics of css semantics. It wasn’t until a couple weeks ago I stumbled upon some awesome tools from Eric Meyers‘ website.

As a beginner it’s hard to grasp the inconsistencies between different browsers. To address this, I started to implement a ‘browser rest’ in my style sheets. This provides a more level playing field across the major browsers.

Some other impressive tools are Eric’s diagnostic style sheets. Intended to nit-pick your html, the diagnostic css will highlight code that may validate but be incomplete. To make life easier I put the style sheets on my development site so I never have to upload them for a specific project…I’m sure you already thought of this though.

Leave a Reply