FireScope is a useful new Firefox add-on that adds an HTML/CSS reference tab to the Firebug window. Though Firebug is normally used by expert users, FireScope should appeal more to beginners.
To start, you first need to install Firebug. Then install FireScope and restart your browser.

While there are many ways to use Firebug, for the beginner, the simplest way is via the "Inspect Element" menu. Right click on any HTML element or attribute, and select the "Inspect Element" option.
This opens the Firebug console with the focus on the HTML element you clicked on. With FireScope, you can now right click on the HTML tag or attribute and look it up.

For example, if you look up the "i" tag, FireScope displays what the tag does, browser compatibility and standards compatibility. You can also look up HTML attributes - "href", "src", "class" etc, CSS properties - "font", "color", "margin" etc.

FireScope also provides practical code samples for the HTML tags and attributes.

0 comments:
Post a Comment