Stumble it!
13 Amazing Firefox Add-Ons To Make Designers Lives Easier
Smashing Apps Has Been Featured At Wordpress Showcase. If you like Smashing Apps and would like to share your love with us so you can click here to rate us.
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.
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 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.
A simple CSS property viewer. Add CSSViewer in your toolbar to use it. To enable/disable this, click the toolbar icon.
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.
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 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.
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.
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.
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!
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 is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
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)
| Download free stock photos on Dreamstime. Free registration |
If you enjoyed this post, please consider to leavea comment or subscribeto the feed and get future articles delivered to your feed reader.
You May be Interested In More Interesting Free Resources
- Earn Money From Showing Relevant Ads On Your Blogs And Website Using Google Adsense
- Genfavicon, The Free, Easy And Instant Online Favicon Generator
- 21 Truly Impressive And Eye Catchy Collection Of Free Textures
- 9 Excellent Apps That Are Absolutely Useful
- Test And Debug Your Website For Better Performance On Internet Explorer!
- Stunning Pieces Of Digital Art That Would Make You Say 'Wow'
- A Safe And Secure Free Web-Based Billing Application For Small Businesses And Freelancers
- Have You Ever Wanted To Convert Files Without The Need To Download Software? Zamzar Is The Free And Fast Online File Conversion Software!
- 45 Breathtaking Examples of Slow Shutter Speed Photography
- Smashing Release : Grunge Style, A 3-Column Free Wordpress Theme
Comments
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.
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 
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.
[...] 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 [...]
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.
[...] amazing firefox add-ons that will save time which our readers/viewers may like. wonder woman tied upread more | digg [...]
[...] 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.
[...] 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 [...]
[...] 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 [...]
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, 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.
[...] 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.
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
[...] You may be interested in our latest article 13 Amazing Firefox Add-Ons To Make Designers Lives Easier! [...]