10 most useful Firefox Add-ons for Web Developers
// August 6th, 2009 // 1 Comment » // Add-ons, Browsers, CSS, FireBug, HTML, JavaScript, Web Designing, Web Development, XHTML
Most of web developers they will choose first browser as a Firefox, because Firefox is best browser compare with all browsers.
Since Firefox become crazy because of add-ons of Firefox, I promise you that without add-ons no developer will work.
How Ever I have came up with some useful Firefox plugins, which will help you stay focused, simplify your daily work flow, and give a boost to your efficiency.
let’s check it out and let me know your suggestions or comments.
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×1200resolutions.
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.
