- SEO TOOLS
- Webmaster Tools
If you want to make a few quick web design to your WordPress theme framework or any HTML web or blog site Firebug, a free add-on for Firefox and Chrome, can help you do it.
Firebug web development tool will provide you with X-ray vision that exposes the HTML elements of your site and identifies the CSS styles at work. Even better, Firebug allows you to make changes to those styles in real-time, meaning you can make a change and see how it affects your website instantly
When you’re using a theme of other web developer you can change style of each section of their theme or site even if you can’t see them in action. This means, when you start using a web inspector tool like Firebug, all you have to do is add some CSS styles and you’ll be good to go.
There are two ways to install firebug
The short cut key to view the firebug windows is “F12”. Or alternatively you can also click on the firebug icon from the status window. To inspect an element simply right click on the element which you want to inspect and click on “Inspect Element with Firebug”. Or you can also press “F12” and click on the “inspect” icon and then move your mouse to any element and then you’ll be able to see a blue rectangle surrounding that element and its code in the firebug window.
Inspect and edit HTML and CSS with Firebug