35 Best Firefox Add-ons for Web Developers and Web Designers
By Partho, Gaea News NetworkThursday, February 12, 2009
Most of web designers and developers prefer Firefox to other browsers. Whether you are a front-end graphics designer or web programmer who has been generating web-based solution for some time now, I hope you know about Firefox functionalities. Firefox is a versatile player with a variety of add-ons to make things easier. With add-ons Firefox is almost an omnipotent thing with maximal functionality that you can expect from a browser.
1. Web developer
It’s a all powerful extension for the web designers working with Firefox. With web developer you have a menu of various web development tools. You can code quality websites and troubleshoot problems easily.
2. Colorzilla
For designers with a different eye colors always make a difference. Colorzilla finds a quick and efficient way to identify the exact HSV and RGB value for that tool.
3. Codetech
This is essentially a web page editor that gives you a feel of Dreamweaver. With this extension you can edit your documents on one side while surfing the web pages.
4. Fireshot
The designers are always looking for better ways for screen captures. Fireshot does just that for you. In addition you can add graphics and notes to the sreenshots directly. Still more, you can save them in a variety of file formats, email it to others or saved on the free FireShot hosting server and much more.
5. Firebug
Once you integrate firebug to firefox you get a wealth of development tools at your behest. With firebug you can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
6. Aardvark
This is handy extension for web developers and designers that offers a good view CSS attributes. You can check into the id, class by highlighting each of the page elements individually.
7. Greasemonkey
If you have a good command over javascript this is a plugin you must add. Run you own javascript on any page to enhance them.You can control almost every aspect of the web page behavior using the scripts.
8. CSS Validator/HTML Validator
Use this for easy validation of the CSS of the current page. This only works on pages with an associated CSS files.
9. chromEdit
This is a cool extension that allows you to edit CSS and Javascript files.
10. W3C Offline Page validator
As you all web developers know validating is a real agony. With Offline Page Validator you can send your page to W3C validator with a few clicks.
11. JavaScript Debugger
It’s codenamed as Venkman. Since Firefox lacks a built-in JavaScript debugger tou can download this Venkman JavaScript debugger for your convenience.
12. ScreenGrab
You would say why screengrab when there’s screen shot. Well with printscreen its not easy to take the screenshot of the whole page. Screengrab can do this for you and save or copy it to the clipboard.
13. IE Tab
There are whole lot of users who still stick to IE. Well, this plugin comes handy for all designers as it allows you to view you work on IE without leaving Firefox.
14. CSSMate
It’s a ready firefox extension for editing CSS files.
15. Flash Switcher
This one comes in handy when you are looking to avoid reloading between flash plugins.
16. X-Ray
Using X-Ray you can view the webpage code with just a right click. Further you can shuffle between the webpage and its code easily.
17. Style Sheet Chooser II
With it you can pick an author-provided alternate style sheets for a web site. These choices are available for all the pages on the same site.
18. Font finder
It’s a simple and useful facility to find what font style is been used on a certain text. It shows you all the font properties of the selected text including details like text colour, font-family, spacing and decoration values.
19. Palette Grabber
Whatever you work on Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, or OS X this one creates a color palette based on current page.
20. CSS Viewer
When you gotta large CSS file with styles overlapping each other it impossible to peek into each line. This add on makes things easier by allowing you to view the CSS properties of related page elements.
21. Measureit
This is a very conducive tool for web designers that provides you the measurement specifications of tables, paragraphs on internet.
22. TestGen4Web
With this plugin you can save the webpage activities users like entry of the text or webpage click in xml file. Later on you can replay and convert the scripts for automated test tool
23. Platypus
This is viable Firefox extension for modifying a webpage. After modifying the page you can save the changes in the page as a Greasemonkey script. The saved changes gets loaded when the page is revisited.
24. Poster
It helps the web developers to interact with the web services and other resources.
25. FirePHP
With this you’ll know what the PHP code is doing at the backend to the displayed pages in Firefox browser.
26. CS Lite
So if you were looking for a effective Firefox Cookie Managers this one is a good solution. Block the cookies globally so that no cookies are set until you want them.
28. Professor X
If you want to check the contents of the head of the page without modification in the source code you can use this plugin.
29. Browser Window Resizer
The Window Resizer extension allows you to test your page in different screen sizes. It also resizes the browser so that you can test whether the web page looks right in all of the standard resolution sizes.
30. View Source Chart
This add on helps you to view the source code of a webpage as on Firefox
31. Link checker
This one enables you to check the validity of a webpage. The current status of the page is indicated by color of the link.
32. View Dependencies
With this you can find all the files that were loaded in a webpage with the view dependencies tab in page info.
33. Console2
This is a very handy extension for any web developer. Console enables you to debug your javascript, css, and more.
34. Image Zoom
To view an image that is too large to fit your screen or too small with the pick up the details in the browser you need this add on. Image zoom allows you complete control over the size of most images displayed.
35. Opera View
While working in Firefox you would often want to view how the pages appear in Opera. To do this you need use the OperaView extension.
Tags: Add on for Firefox, Eye, Firefox extension, Firefox plugin, Fireworks, Mozilla, Mozilla Firefox, Top Add on for Firefox
|
April 26, 2010: 8:20 am
Nice information, I really appreciate the way you presented.Thanks for sharing.. |
w3cvalidation