Top Firefox Extensions for Designers & Developers & SEO Roundup
As we all know, Firefox’s one of the best features is it’s extensible with it’s add-ons and plugins.
I listed here the ones I always use on when building websites and suggest to my friends. I categorized them as for designers & developers and for SEO tracking purposes.
I am sure some of you already have them in your FF. In total, they’re great time-savers.
Top 10 Extensions for Designers & Developers
1- Firebug
With firebug, you can edit, debug and monitor CSS, HTML, and JavaScript live in any web page.
Most of the CSS / XHTML developers I know dig it for it’s live edit and change feature.
Click here to download Firebug
2- Web Developer
Developed by Chris Pederick, Web Developer is one of the best development extensions around, and my personal favorite.
It is loaded with zillions of development tools such as CSS, DOM elements, xHtml properties of the website, browser resize, W3C validation check, site information, form, javascript and images limitation etc.
Totally a must have.
Click here to download Web Developer
3- Dust-Me Selectors
This tool helps you find the unused selectors on a web page. A handy feature for developers.
Click here to download Dust-Me Selectors
4- Fire FTP
Fire FTP is a free and secure, cross-platform FTP client foFirefox which provides easy and intuitive access to FTP servers.
Click here to download Fire FTP
5- MeasureIt
This tool allows you to draw a ruler across the web page to check the width, height, or alignment of page elements in pixel measurement.
Click here to download MeasureIt
6- Dummy Lipsum
This one is a handy tool to generate dummy “lorem ipsum” text from the Firefox context menu, without having to visit lipsum.com every time you need.
Click here to download Dummy Lipsum
7- IE Tab
Though Internet Explorer 7 is becoming more popular than the outdated and developer enemy 6th version, it still has many rendering issues you might want to check when developing sites.
IE Tab allows you view the page in IE render inside the same tab, without having to launch the program.
8- Screengrab!
Screengrab! is a great website snapshot tool for Firefox. It allows you take partial or whole screen snapshot of the page and save it in various graphic formats.
I use it mostly for my inspirational deployments.
Click here to download Screengrab!
9- Colour Contrast Analyzer
This extension is a very helpful tool for visual accessibility check. It allows you to see if there is sufficient contrast between background and foreground colours of the web page.
Click here to download Colour Contrast Analyzer
10- ColorZilla
ColorZilla helps you pick the hex or rgb colour of any pixel on a website. Very useful for designers.
Click here to download ColorZilla
Top 5 Firefox Extensions for SEO and Internet Marketing
1- Alexa Sparky
Great tool for viewing the Alexa rank, traffic and linkback details of a web page from your Firefox status bar.
Click here to download Alexa Sparky
2- Pagerankstatus
Another sweet extension to check the google page rank status of a website from status bar.
Click here to download Pagerankstatus
3- Seoquake
If you want both of the above SEO check tools and even more ranking investigation for the page viewed, Seoquake is an absolute must have.
Click here to download Seoquake
4- KGen (Keyword Generator)
Amazing tool allowing to generate the best matching keywords for the page, depending on the weight of the major words inside the content of that page.
5- MetaTags
This sidebar displays page meta-information (metatags, links, etc.) Also has an automated search engine submission menu.
Click here to download MetaTags
I hope they are useful for you.
Please let me know if you know any other great tools for development and seo purposes.
Tags: add-ons, designer extensions, extend firefox, extensions, firefox, SEO, top 10
i got most of them, but still helped me to find new plugins.
