There are times when we want to investigate how a theme is created from a live preview, rather than (or in conjunction with) examining the source code. Fortunately, there are several tools available for this task. We'll look at two good options:
Firebug is a plug-in extension for Firefox. A powerful and invaluable aid for themers, this allows us to inspect the applied stylesheet classes in any web page and to make live changes. This helps to remove the guesswork and speeds up the process of trial and error.
Available from http://getfirebug.com, the extension is easy to install and has many options such as viewing and editing the various CSS of a page, a JavaScript viewer and console, an HTML inspector, and more.
When adding stylesheet changes to views and other output from Drupal, you will often need to examine the final markup from...