Welcome to my 2nd tutorial in my new series,”Customizing Thesis Theme for WordPress 102 | Firefox Add-On Tools”.
 
Firefox add-ons are little mini-programs for your Firefox browser, kind of like plugins for a WordPress website. They help you do all sorts of fabulous things, like inspecting .css and php elements and changing them in the browser before actually coding it into your site. How cool is that!?
 
The firefox add-ons that I am sharing with you today are:
 
1. Firebug -The most popular and powerful web development tool
 

• Inspect HTML and modify style and layout in real-time
• Use the most advanced JavaScript debugger available for any browser
• Accurately analyze network usage and performance
• Extend Firebug and add features to make Firebug even more powerful
• Get the information you need to get it done with Firebug.

2. Colorzilla-Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox
 
3. Measureit-Draw out a ruler to get the pixel width and height of any elements on a webpage.
 
I tried out the internet explorer tab, but I thought it kind of sucked and was inaccurate :p
 
Check out the video on me using the 3 tools above that I use for Thesis WordPress design and development.
 

Posted on May 20th, 2010 by Rachael Butts in WordPress Designer

About Rachael Butts

I'm a self-made WordPress gal who loves running my own shop...and coffee.