Firstly Firebug, this plug-in enables you to pick apart websites and see how they are constructed. If you’ve created a site that isn’t quite working or aligning correctly, this tool will help you discover why. Simply install and you’ll notice a little bug in the bottom corner of your Firefox window. Click the bug to open the Firebug Console allowing you to see the HTML, CSS, Scripts, and DOM of the website. By hovering over the properties in the console, highlighted areas appear in the web browser to illustrate which part the code relates to. This is also an excellent tool if you are learning CSS and structures of complicated websites. If you see something on the web you really like but have no idea how they created it, you could to the Firebug Console to discover the properties needed to achieve the desired design/effect. Clever!