Nowadays, Mozilla Firefox community floods us with so many firefox addons to deal with in order to ease our tasks and thus we found ourselves in front of a huge mouintain of addons and sometimes we come up to be unable to choose this or that.. to choose Colorzilla or ColorSuckr!!!!. Well, in order to avoid this little problematic, i will present you in this post a list of Firefox addons that i consider handy for both web developers and web designers.
If you have used other firefox addons and you consider them as useful for web geeks than you can share this with us on comments section.
MeasureIt
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
TinEye Reverse Image Search
TinEye is a reverse image search engine. The plugin adds a right-click menu item that allows you to search for an image to find out where it came from, how it is being used, if modified versions of the image exist, or to find higher resolution versions.
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
Firebug
Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
NoScript
The NoScript Firefox extension provides extra protection for Firefox, Flock, Seamonkey and other mozilla-based browsers: this free, open source add-on allows JavaScript, Java and Flash and other plugins to be executed only by trusted web sites of your choice (e.g. your online bank), and provides the most powerful Anti-XSS protection available in a browser.
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.
GridFox
Draws a grid on top of a website. This is useful for checking designs that are supposed to follow a grid-based layout.
Right click anywhere on a website, and go to GridFox > Toggle Grid. In the bottom right, you’ll see some buttons to help you create, edit and save a grid. You’ll also see some arrows which let you browse any existing grids for the site you’re looking at.
Greasemonkey
Greasemonkey is a Firefox extension that allows you to customize the way webpages look and function.
Web Developer
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
Pixel Perfect
Pixel Perfect is a firefox firebug extension that allows web developers to easily overlay a web composition over top of the developed html. Switching the composition on and off allows the developer to see how many pixels they are off while in development.
Fireflash
More productivity in 30 seconds. Browse any ActionScript 3 Class, Object, XML, Array and more from the web browser using Firebug! Browsing classes reveals accessible members’ types, packages and values in the console.
FirePHP
FirePHP enables you to log to your Firebug Console using a simple PHP method call.
All data is sent via response headers and will not interfere with the content on your page.
FirePHP is ideally suited for AJAX development where clean JSON and XML responses are required.