Tag Archive for 'firefox add-ons'

10 Popular Firefox Plugins Every Designer Must Know

Firefox has emerged as a popular choice for millions of Internet users across the world. It’s a rapidly growing web browser and has received the second largest market share for June ’09. Apart from being a user-friendly browser, Firefox offers a lot of extensions or add-ons. It has an advanced list of plugins, which are easy to install and help in enhancing productivity.

We have selected some useful Firefox plugins, which will help you stay focused, simplify your daily work flow, and give a boost to your efficiency.

Firebug

firebug

It is one of the most commonly used and essential Firefox plugins for every web designer. It allows you to examine and analyze that your HTML, CSS, Script, DOM and Net are working properly or not. It also helps in editing, debugging, and monitoring CSS, HTML, and JavaScript live in any web page.

Colorzilla

This plugin is similar to color dropper used in Fireworks and Photoshop. Using Colorzilla, you can use any color you want, adjust it and paste it into any other program. It saves time and is useful for checking hex values, investigating DOM elements and a built in color palette. You can also zoom the size of the page to measure distance of two different points on the page.

Fireshot

This extension of Firefox helps you take screen shots of web pages. You have an option to choose the entire web page or a specific part to capture. It can be modified by adding text or graphics and can be uploaded to the server or saved to disk (PNG, GIF, JPEG, BMP), printed, copied to clipboard, e-mailed and sent to the client or used as a portfolio.

Greasemonkey

It is considered to be the most essential Firefox extensions and allows you to add scripts that alter the web pages you browse through. It lets you apply custom Javascripts to pages within your browser; you can check out the directory of Greasemonkey scripts at Userscripts.org.

MeasureIt

Using this plugin you can measure various portions of a page with an in line, adjustable ruler. It allows you to verify width, height and alignment of different elements on the page.

JS View

Generally, all the browsers provide “View source” option for internal files but to view the external files you need to view the page source and then copy the file path. Now using JS view, you can easily open a file with just a click of a mouse. You can get this from the context menu, from the toolbar, from the view menu, or from the status bar.

ImageBot

You can upload your images to a free image hosting service (ImageShack or Photobucket). It allows you to classify, filter and make image galleries etc.

Font Finder

It is helpful in checking the font properties of the selected text. It can show details regarding the selected text color, font, spacing and other creative additions.

Window Resizer

This plugin is useful for testing different screen sizes of web pages. It helps you see how your page looks like in standard resolution sizes. It supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.

Fire FTP

It provides easy and intuitive access to FTP servers. Along with uploading your files quickly, you can also try its advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more.

Now next time you browse through Firefox, don’t forget to install these easy to use plug-ins, which are really helpful in making your job much easier than before.