Filed under: Developer, Search, web 2.0
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 the more link. You will then be taken to SitePoint's reference section for the selected attribute - here's color 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.
CodeBurner puts Web language reference information at your fingertips originally appeared on Download Squad on Mon, 20 Sep 2010 10:00:00 EST. Please see our terms for use of feeds.
Read | Permalink | Email this | Comments
No comments:
Post a Comment