Firefox add-ons for web development
Today, I would like to talk about Firefox add-ons for the web development that can extend the browser’s core functionality, because I believe that these add-ons are very important for any web developer and web designer.
Many of these add-ons you already know!
Let's start with the most popular and powerful a wed development tool:
2. Web Developer
Why is the browser so inconvenient for the web development?
It is simple the users are not the developers. The Web Developer is created for this purpose. I guess I don’t have to do any introduction in terms of this one. Whether you need to inspect the CSS of page, discover information about a webpage (such as seeing all the alt attributes of images on the page), quickly validate a web design for W3C compliance or measure design elements, Web Developer will likely have a convenient tool for you..
Firepicker automatically adds color picker to Firebug's inline CSS editor.
Previously, Stylizer program was very topical, but firebug + firepicker are much more universal and both free.
Pixel Perfect is a firebug extension that allows web developers to easily overlay a web composition over top of the developed html. It is very simple and easy to use.
cssUpdater is a plugin for Firebug which allows you to automatically save changes made in Firebug to your CSS file, which is going to be a massive time saver.
The following 2 plug-ins I refer to the controversial, but you need to know about them. They have something.
- Edit CSS in Firebug
- Press Sync (or alt + s)
- Reload the page and make sure that the changes are updated!
If cssUpdater is fit for file changes on the local machine, between your IDE and the browser, then FireFile works directly with css file server. It uses a script for this purpose that needs to be filled on the server. This plugin may be too new, but it is very convenient.
Of course, there are cases where css is made up of the different files. Do not forget to backup css before the test. Anything can happen.
Page Speed is a tool that improves the performance of the web pages. It’s a Firefox add-on integrated with Firebug. When you run Page Speed, you get immediate suggestions on how you can change your web pages to improve their speed.
This is another Yahoo’s development.
Firecookie is an extension for Firebug that allows viewing, managing and debugging the cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug. This means that the web developers have the functionality accessible within the familiar Firebug's UI.
8. CSS Usage
CSS Usage is an extension for Firebug (thus requiring you to have Firebug installed) that uncovers unused CSS style rules. It works by identifying the CSS you use and don’t use. It points out what unnecessary parts can be removed to keep your CSS files as lightweight as possible.
|Vote for this post
Bring it to the Main Page