CodeBurner is a neat tool for rapidly checking a ton of CSS and HTML reference information, including compatibility, functionality, and more. It's available as a Firefox add-on or a Firebug plug-in, and as an Adobe AIR application, OS X Dashboard Widget, or Opera add-on.
I tested the Firebug variant, because I use Firebug for all of my Web debugging needs. And indeed, CodeBurner adds a nice, comprehensive reference layer. I click any page element (or search for an element), and get a list showing the selected element and telling me about it, showing what are the attributes defined for this element, what other attributes may be defined for it (i.e, are valid but aren't specified in the site markup), and what styles and selectors apply to this element.
Next to each of these, I can see browser compatibility information for select browsers. For example, I had no idea the "text-align" style is considered "buggy" under IE7 – now I know.
Each style and attribute gets just a single line of text, but if you want more information, just click themore link. You will then be taken to SitePoint's reference section for the selected attribute – here'scolor for example. The reference page contains a verbose description, an example, and complete compatibility information. If all of this sounds a bit too comprehensive, you can always dial it down a bit and filter your search so that it only returns HTML Elements, for example.
No comments:
Post a Comment