Welcome

Did you know that Firefox browser may be preinstalled with very handy extensions for web developers, seo's and designers? No? Then I promise that when you finish reading this article, you'll be armed to the teeth with some advanced tools!

I use these extensions myself when developing web sites and they worth your time!

Regards,
Alex

First of all, let's make sure you have Firefox installed on your computer.

1. Download and Install Firefox Internet Browser

SEO (Search Engine Optimization) Tools

2. Download "SeoQuake" Extension for Firefox.

Monitoring site statistics on your screen in real time...Seobar is the HTML block, which builds itself into a web-page. It allows user to view a large number of SE parameters on the fly. Seobar interface is fully customizable by CSS.

3. Download "Live Page Rank" Extension for Firefox.

Watch Google Page Rank for every visited web site in a task bar...very handy, small and almost invisible while you work. Reccommend!

top

Web Developers Tools

1. Download "Web Developer" Extension for Firefox.

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. My favorite are: HTML,Links,CSS,WAI validation tools!

2. Download "HTML Validator" Extension for Firefox.

The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing...

3. Download "Firebug" Extension for Firefox.

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... My favorite is "Net Graph" where you can see request load time. Very handy!

4. Download "Fasterfox" Extension for Firefox.

Personally, I'm only using Page Load Timer to see how long would it take to load a page when developing web sites, but it has more settings, such as Prefetch Links, Tweak Network and so on...

5. Download "Fangs" Extension for Firefox 2+ Author's Home Page

Fangs displays a text representation of a web page similar to how a screen reader would read it. This helps web developers finding accessibility issues at an early stage in the UI development process.

top