Useful Firefox 4 Add-ONS for Web Developers
- Category: Web Development
- Created on 2011-04-29
Firefox is web developers and designers favorite browser, Firefox 4 was released on 23rd March, 2010 and many Firefox fans believe the new version is clearly the best browser you can get. Here I compiled 20 Very Useful Add-ons That Works Great With Firefox 4 for Web Designers and Web Developers.
1. Firebug
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. Firebug gives you full control over the CSS, HTML and JavaScript of any page that you choose. Inspect and edit HTML, Tweak CSS to perfection, Visualize CSS metrics, Monitor network activity, Debug and profile JavaScript, Quickly find errors, Explore the DOM, Execute JavaScript on the fly, Logging for JavaScript. Best of all, every change that you make is done live and instantly, so you can quickly test out different changes and see the results of those changes instantly.
2. FireFTP
FireFTP is a free, secure, browser based FTP client that allows you to easily access your server via Firefox instead of having to launch a separate program.
Render the current page with IE NetRenderer.
Instead of the dropdown menu, this Quick Search Bar add on places the search engine buttons inside the searchbar just to enhance the usability if you use more than one search engine.
iMacros was designed to automate the most repetitious tasks on the web. If there’s an activity you have to do repeatedly, just record it in iMacros. The next time you need to do it, the entire macro will run at the click of a button! With iMacros, you can quickly and easily fill out web forms, remember passwords, create a webmail notifier, download information from other sites, scrape the Web (get data from multiple sites), and more.
6. Greasemonkey
Allows you to customize the way a web page displays or behaves, by using small bits of JavaScript. Hundreds of scripts, for a wide variety of popular sites, are already available.
7. Font Finder
FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.
8. MeasureIt
As someone who creates designs for the Internet, one of the most chellanging job is to create design elements aligned. In that case MeasureIt comes in handy and allows you to overlay a ruler on a browser page so you can verify width, height and alignment of page elements.
Page Speed is an open-source project started at Google to help developers optimize their web pages by applying web performance best practices.
10. YSlow
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.
11. ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
12. Autofill Forms
Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.
13. FireShot
FireShot is an advanced screen capture add-on for Firefox. In addition to giving you the ability to capture an entire web page, FireShot also allows you to add add graphics and notes directly to your screen captures.
14. Stylish
It's a great add-on. It allows you to change the apperance of web pages through the use of CSS.
15. Mozilla Labs: Prospector – Home Dash
This add-on removes the typical location bar, search bar, and tabs to give the entire window to the web content. It enables the search functionality in a dashboard to find users top sites, tabs, history, and do web search.
16. Personal Menu (Personal Firefox Button)
Users will be able to edit the Firefox Menu by using this addon. Moreover, they can put several items into Firefox Menu which are Bookmark Items, History Items, Configuration(about:config), Restart.
17. SeoQuake
SeoQuake will help you in optimizing your web pages for search engines. It gives you an SeoBar that has loads of useful SEO-related options for you to take advantage of. This extension will assist you in identify issues pertaining to search engine indexing in your web pages.
18. Tab Badge
This add-on includes a small badge to the tabs to notify about new messages on Facebook.
19. Total Validator
This extension is an all-in-one validation tool that will check HTML, links, take screenshots and do a lot more. It also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (in five different languages), and take screen captures via different web browsers and operating systems to see how your web pages look.
20. Web Developer
The Web Developer add-on extends Mozilla Firefox by adding a toolbar with various options for working with web pages. For example, it has an option to inspect CSS styles of page elements that will tell you what CSS attributes they have, and which styles affect them.
REVIEWS:
