June 11, 2009

5 MUST Mozilla add-ons for every Designer

Mozilla Browser gives more than 5000 add–on’s which let us to customize and extend Firefox to meet our needs .There are many add-on's that helps designers to make there work easy, simple to use and to make the things speedy and the best part is they are totally FREE.

Here is the official link of the Mozilla add-ons

Here are the few of the add-on's that are must for every designer
1) Firebug
This is the best add-on ,it is totally MUST to have as it helps designers while browsing they can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.This is the one of the favorite add-on of Mozilla.

2) Web Developer toolbar
Adds a menu and a toolbar with various web developer tools.Containing all the necessary tools that every designer can need from the simple images options to highlighting the DOM structure to display the line guides to validate the CSS and XHTML locally as well as live.So, this one add-on replace many other add-on or plugin.

3) Colorzilla
colorziila gives Advanced Eyedropper, ColorPicker, Page Zoomer and many other colorful goodies.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.

4) Screengrab
Most of the times it happens designers need to take the screen shot of particular website or section for that we have to do print screen and switch to the either Ms Paint or photo shop which becomes time consuming.So,here the Mozilla Screengrab comes for make our job easy. Screengrab will capture what you can see in the window, the entire page, just a selection, a particular frame, basically it saves web pages as images - either to a file, or to the clipboard.

5) Pixel Perfect
When ever designer needs to slice down there PSD into XHTML/CSS the biggest problem came in the spacing and trying to achieve the pixel perfect design through XHTML/CSS. Every time designer needs to measure the space in the photo shop by taking the screen shot.Which is the most frustrating job.Thanks to pixel perfect for making the goal of achieving Pixel Perfect design easy.Pixel Perfect allows web developers and designers to easily overlay a web composition over top of the developed HTML. Pixel Perfect also has an opacity option so that you can view the HTML below the composition. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.

Spread Firefox Affiliate Button

1 comment:

Anonymous said...

Thanks for the add-ons...My favourite is Firebug and Web Developer toolbar.