By AN Jay on September 15, 2008

13 Amazing Firefox Add-Ons To Make Designers Lives Easier

Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster.

  Advertisement

As we all know that Firefox is a fastest growing popular web browser. There are lots of ease provided by the firefox and this is the main reason for its popularity. There are lots of free download able extensions and add-ons available on the internet for firefox and there demands are increasing every day. In this post, I am listing down 13 Amazing Firefox Add-Ons To Make Designers Lives Easier.

You are welcome to share if you know more amazing firefox add-ons that will save time which our readers/viewers may like.

IE Tab

IE Tab

This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.

Style Sheet Chooser II

style sheet chooser for firefox

Style Sheet Chooser II allows you to choose author-provided alternate style sheets for a web site, and have those choices be persisted for all pages on the same site. Style Sheet Chooser II replaces Firefox’s built-in style sheet switcher – its functionality is available via the [View]->[Page Style] menu item, one-click stylesheet rotating Toolbar icon and Statusbar icon. Icons can be switched on/off via Extension Preferences.

CSSViewer

CSSViewer

A simple CSS property viewer. Add CSSViewer in your toolbar to use it. To enable/disable this, click the toolbar icon.

CSS validator

CSS validator

Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab. Will only work on pages that have a CSS file associated. For example it will work with http://www.w3.org/ as the URL has a CSS file.

ColorZilla 2.0

ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.

FireShot 0.59

FireShot

FireShot is a Firefox extension that creates screenshots of web pages.
Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers. It’s possible to choose whether entire web page or only visible part of this page should be captured.

LinkChecker 0.6.3

LinkChecker 0.6.3

Check the validity of links on any webpage. With this add-on you can check if any link in the page is broken or not validated now.

Font Finder 0.5c

Font Finder

Simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select `Font Finder`, then marvel as the full CSS text styling of the selected element appears.

LiveHTTPHeaders

LiveHTTPHeaders

The goal of this project is to adds information about the HTTP headers by adding a ‘Headers’ tab in ‘View Page Info’ of a web page and by adding a tool in the ‘Tools->Web Development’ menu to be able to display http headers in real time (while pages are being downloaded from the Internet.This is also letting you edit request headers and replay an URL (beta). Look for the Replay button in the live window!

SearchStatus 1.26

SearchStatus

Display the Google PageRank, Alexa rank and Compete ranking anywhere in your browser, along with fast keyword density analyser, keyword/nofollow highlighting, backward/related links, Alexa info and other SEO tools.

FireFTP

FireFTP

FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.

MeasureIt 0.3.8

MeasureIt

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Html Validator 0.8.5.2

Html Validator

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution)





If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

[...] You may be interested in our latest article 13 Amazing Firefox Add-Ons To Make Designers Lives Easier! [...]

You missed out on the obvious FireBug, but even more so on Web Developer toolbar which has a lot of this features and more.

Honestly I can live without firebug, but web developer toolbar is just awesome, and a necessity.

Yea the main fact that you missed the single greatest thing to happen to web development is a major fail on your part. Going to go bury this on Digg now. And most of these can be rolled up into one extension called the Web developer tool bar.

Great collection. Thnx!

Wait. No Add-On list for developers is complete without Firebug. You can edit stylesheets, as well as javascript, and static HTML, all while testing. As well as be able to find where different elements are in the code. I’d have to say that is the #1 most useful dev tool, I have been using it for over a year, and it has made my life a whole lot easier.

Wow, awesome. I spent the last few days playing with Googles “Chrome” Browser but I think its all the cool plug ins for FireFox that make it the best out there. http://www.datools.net.tc

In response to the person above who was claiming that this is why Firefox shall forever be better than Chrome, I’d like to inform you that Chrome is open-source as well, so in a matter of time all sorts of these add-ons will be on Chrome as well. I’m hoping this means even more competition which is always good for us internet users :D

Nice list. I love FireFTP and have used it for a while now. Mighty Handy! I had a small problem once and emailed the guy that did it and he got back with me in no time. httt://www.affordablepcgeek.com

Good collection – but you missed out the obvious ones FireBug and Web Developer.

I will also recommend Greasemonkey – I made some scripts that assists me in development and testing.

Awesome, I’d never heard of font-finder, that’s very useful, many times inspecting text with WebDev/Firebug doesn’t give you all the info you’re looking for.

And yes, no webdev toolkit is complete without WebDev toolbar and Firebug. WebDev toolbar is usually my first go-to guy for quick inspections, but when you really need to dig deep into the nitty gritty, Firebug is king.

Awesome. I’ve used some of these programs before. Others not so much. It’s a good thing you posted an article, because I had been dying to use some of these extensions again, but I couldn’t find them, because I couldn’t remember the names of them. So, thanks for that.

Aardvark is another to add to the list of “OH, You HAVE to add THIS one cuz it’s the BEST!” entries. It is very useful.

[...] Read the full story… This entry was posted on Tuesday, September 16th, 2008 at 5:50 pm and is filed under le Chat Marchet. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]

For me: Web Developer Toolbar, Colorzilla, FireFTP are must haves (Firefox raison d’être on my Windows and MacOSX laptops). The rest? Yawn.

omg.. Firebug is hands down the most useful addon fore firefox

[...] 13 Amazing Firefox Add-Ons To Make Designers Lives Easier – Opensource, Free and Useful Online Resou… As we all know that Firefox is a fastest growing popular web browser. There are lots of ease provided by the firefox and this is the main reason for its popularity. There are lots of free download able extensions and add-ons available on the internet for firefox and there demands are increasing every day. In this post, I am listing down 13 Amazing Firefox Add-Ons To Make Designers Lives Easier. [...]

I don’t know how many times I’ve seen IE Tab listed as one of the add-ons that developers must have when it is a piece of crap. Which version of IE does it render? The one that is currently installed on my machine? As a designer we have to design for IE6/7/8. Not because we want to, because we have to. The majority of users out there use IE.

[...] add-ons that will save time which our readers/viewers may like. guide to buying X Men comic booksread more | digg story RSS feed for comments on this post. TrackBack URI Cartoons Fans Lounge [...]

[...] read more | digg story [...]

Nice. Your list sure made our day ’cause otherwise we’d all be sitting here just drinking and thinking about what we’d be doing with the day otherwise.

OK, now it’s time to milk the cows.

Regards from Sweden’s “most boring town” (Katrineholm, Sweden)…

[...] firefox add-ons that will save time which our readers/viewers may like. mirage incredibles nuderead more | digg [...]

Don’t you know Pencil? It’s a tool for making diagrams and GUI directly on your loved firefox.

[...] firefox add-ons that will save time which our readers/viewers may like. superheroines, supergirlread more | digg [...]

I am quite impressed with MeasureIt add-on, but just wondering how much effectiveness does it add to Firefox web-browsing? Nonetheless, I would have to agree that most of them stated here are pretty much helpful.

I will try to add these add-ons on my browser. Thanks for the post

[...] amazing firefox add-ons that will save time which our readers/viewers may like. wonder woman tied upread more | digg [...]

[...] read more | digg story [...]

[...] firefox add-ons that will save time which our readers/viewers may like. teen titans action figuresread more | digg [...]

Agreeing with Television Voyeur, you really missed those two, especially FireBug, I couldn’t live without it. Anyhow, nice post, will try FontFinder and Colorzilla for sure :)

[...] 13 Amazing Firefox Add-Ons To Make Designers Lives Easier – Opensource, Free and Useful Online Resou… via kwerfeldein (tags: firefox webdesign extension plugin design via:mento.info) « links for 2008-09-17 [...]

[...] bookmarks tagged amazing 13 Amazing Firefox Add-Ons To Make Designers Lives… saved by 7 others     MegaMushroom34 bookmarked on 09/18/08 | [...]

MyMobileTube is a Internet TV, Digital TV provider for your desktops, laptops, notebooks, pda’s and mobiles via internet, gprs and satellites. It provides free latest software’s to download on to mobiles and desktops for watching 100 of channels free of cost. Watch best videos, movies and listen to music, get updated news by mobiletube.

thanks for the information, it’s rally helpfull,.

[...] a painful time. With appropriate tools you can make it more fun. I used to work it from my firefox. An Jay from smashingapps.com show us some handy tools that you can used as plug-in for your firefox. Lets [...]

Yes good collection!!!

How can you ignore the WEB DEVELOPER TOOLBAR – the best developer add-on by miles.

[...] maybe interested in our other related post 13 Amazing Firefox Add-Ons To Make Designers Lives Easier 9 Amazing Firefox Add-Ons That Will Save Your [...]

In spite of facing tough competition from Google, Alexa is having a strong stand and presence among the Internet users. Apart from being a search engine, Alexa now also offers informative and important information on the sites that one might want to know about. Alexa’s new related links has enabled the Internet users to know all about a particular field by visiting all the sites related to that field.

[...] maybe interested in our other related post 13 Amazing Firefox Add-Ons To Make Designers Lives Easier 9 Amazing Firefox Add-Ons That Will Save Your [...]

Very helpful guide. Does the link checker tell if the link is nofollow? This would be very helpful.

Awesome article. Personal fave: IE Tab

Nice lost, but without the Developer Toolbar, it is definitely incomplete.

Very helpful guide. I will try to add these add-ons on my browser. Thanks for the post

what a impressive article. last days I didn’ t read post like that. I am now your blog’ s follower thanks for this useful blog. you are now in my bookmarks.

[...] 13 Amazing Firefox Add-Ons To Make Designers Lives Easier [...]

[...] 13 Amazing Firefox Add-Ons To Make Designers Lives Easier, Top 6 Internet Explorer Extensions for Web Developers, DebugBar for IE [...]

I’m always tring to keep on top of the web development industry. And sometimes it’s hard to find good information on the web. You made a valid point. Thanks for the good input.

[...] 13 Amazing Firefox Add-Ons To Make Designers Lives Easier [Smashing [...]

[...] reports and websites 25 essential Firefox add-ons for power users | News | TechRadar UK 13 Amazing Firefox Add-Ons To Make Designers Lives Easier – Opensource, Free and Useful Online Resou… Check The Movie Quality Before You Start Downloading | MakeUseOf.com Introduction to Video Search [...]

Hello
Guy, I think you missed out on the obvious FireBug, but even more so on Web Developer toolbar which has a lot of this features and more. Honestly I can live without firebug, but web developer toolbar is just awesome, and a necessity.

Wow, some of these are really cool!

Great list of resources! I’m definitely going to try a lot of these.

thanks for the list, i just installed it today!abercrombie

I think a nice add-on have not tested it but thanks for sharinglinks london

CSS ( Cascading Style Sheets ) – Why CSS ? – Introduction – Css Link Properties / Examples – Css List Properties / Examples – Css Layer Properties / Examples – Css TextBox Properties / Examples – Css Font Properties / Examples – Css Text Properties / Examples – Css Cursor Properties / Examples – Css Background Properties / Examples – Css Table Properties / Examples – Css Scroll Bar Properties / Examples – Tools – Units – Parameters – Template Page – Web Design

http://www.css-lessons.ucoz.com/

I was very pleased to find this site. I wanted to thank you for this great read!!

That’s awesome! I can’t wait to get into it.

hat’s awesome! I can’t wait to get into it.

hat’s awesome! I can’t wait to get into it. fge

I’m always tring to keep on top of the web development industry. And sometimes it’s hard to find good information on the web. You made a valid point. Thanks for the good input.

şampiyonlar ligi -football manager -bikin modelleri

thanks for share! Firefox is very excellent!
lebron james jersey

Add-Ons are the way forward!!!!
Great post!

hat’s awesome! I can wait to get into it.is great!!!

thanks a ton for providing such a article.. I found it great. All the best

that’s amazing! wow

Cool add-ons. Firefox really is amazig as to adding up add-ons and I am very cool with it. However, most cases my firefox here always crashes. I am really confused why.

Red bean rice cakes are buying Cheng told reporters that he had stayed in New York for 18 years The Chinese version reported on its Web site to do a survey Moreover,

Sorry, the comment form is closed at this time.