Simple and effective- a great tool for designers. MeasureIt, for example, allows you to draw out a ruler and measure the pixel height and width of any element of the webpage you are viewing. Other handy attributes include a zoom feature, which allows you to measure the distance between any two points on the page, and the ability to uncover what CSS rules specify a given color.įor every complex and multi-use plug-in there is a simple one, hiding away in the background, going about its job quietly. Features include an Advanced Eyedropper, ColorPicker and Page Zoomer, meaning you can lift a colour from a page in your browser and transfer it to your own palette, stored for use at a later date when you come to designing your own pages. A great tool for all developers.ĬolorZilla is a particularly useful add-on for designers, especially those who have found a color on a certain site and never been able to accurately replicate it for their own use. With IE Tab, one click is all it takes to see how your pages looks and runs in IE, and switching back to Firefox is just as simple. You and your fellow developers may have made the switch to Firefox decades ago, but an estimated 70% of Internet users stick with IE as their default browser, meaning developing sites and applications that run smoothly on IE is vital. Any HTML errors detected throughout the course of a page are displayed in icon form in the status bar when browsing, and the plug-in is then able to validate the HTML itself. HTML Validator, unsurprisingly, adds HTML validation inside Firefox and Mozilla. Features include editing, debugging and the mentoring of CSS, HTML and JavaScript live in any webpage, meaning that once you’ve tried it, you’ll wonder how you got by without it before. It integrates with Firefox, providing the user with a large range of developing tools, easily accessible when browsing.
So because there is a whole sea of Firefox plug-ins out there for you to sift through, we've done the hard work for you, and selected 20 of the best.įirebug is considered by many as a must have tool for any web developer or designer. For web designers and developers, this is particularly useful, as often the more menial tasks are made easier and completed quicker by using plug-ins, allowing you to work more efficiently and effectively.
The vast majority are free to download and allow you to personalise your browser exactly how you like. When deciding on which web browser to use, one thing that distinguishes Firefox for many web developers is the wealth of plug-ins available.