What Firefox plug-ins are essential for web developers?
Hi, I am a web developer, of course I know some rather helpful plud-ins, but would like to know more. Thank you.
Hi, I should advice you to learn about the following Firefox plug ins.
1. Flash Switcher - it enables you to choose between different versions of flash so you can be sure your code is compatible with all existing versions of Flash.
2. Firebug
Firebug allows you to edit CSS and HTML and any browser side code from within the browser. It’s a great tool to figure out why your web pages are loading slowly, what JavaScript code is slowing things down, and editing pages within the browser environment.
3. Live HTTP Headers
Live HTTP headers plug-in shows you the dialog that happens between the web server and your browser. It helps to figure out why things aren’t redirecting or why search engines aren’t properly indexing your content.
4. FireShot
Have you ever wanted to send screenshots to clients or take an image off a page and use it in a mockup? FireShot lets you take screenshots of entire pages, selected areas, or the current window and export it to an imaging program. It is great for client meetings, quick mockups and portfolio pages.
5. Tamper Data
This plug-in lets you modify GET and POST parameters on any page. Use it to test form processing code, diagnose bugs and test for security issues. Its only issue is that it won’t work in tandem with Google’s web accelerator.
6. Load Time Analyzer
Load Time Analyzer enables you to see how long your web page takes to load for different speeds. It is especially useful for web development specialists whose audience may still be using dialup.
7. MeasureIt
Do you need to create a new graphic but don’t know what size or perhaps do you need to know the exact dimensions of a piece of web page? MeasureIt adds a ruler which lets you measure vertically and horizontally.
8. ColorZilla
It lets you get the RGB colors of any element on a pageusing a drop tool similarly to Photoshop. Great when you need to design new graphics on an existing project.
9. Link Checker
Line Checker is used for checking which links aren’t loading properly or go 404 from any given page.
10. Web Developer
Its features include: view the CSS property or parent class of any element on a page with a simple click, find broken images, view any form field and much more. You can clear cookies, run a DOM editor, and use all other functions from one simple menu. Once you start using it in web development, you will never figure out how you lived without it!
September 29th, 2009 at 10:21 am
Then I assume you’ve known addons such as web developer and greasemonkey.
Maybe just browsing around firefox addons website, install things and try them, remove them later if you don’t like
References :
September 29th, 2009 at 10:50 am
Hi, I should advice you to learn about the following Firefox plug ins.
1. Flash Switcher - it enables you to choose between different versions of flash so you can be sure your code is compatible with all existing versions of Flash.
2. Firebug
Firebug allows you to edit CSS and HTML and any browser side code from within the browser. It’s a great tool to figure out why your web pages are loading slowly, what JavaScript code is slowing things down, and editing pages within the browser environment.
3. Live HTTP Headers
Live HTTP headers plug-in shows you the dialog that happens between the web server and your browser. It helps to figure out why things aren’t redirecting or why search engines aren’t properly indexing your content.
4. FireShot
Have you ever wanted to send screenshots to clients or take an image off a page and use it in a mockup? FireShot lets you take screenshots of entire pages, selected areas, or the current window and export it to an imaging program. It is great for client meetings, quick mockups and portfolio pages.
5. Tamper Data
This plug-in lets you modify GET and POST parameters on any page. Use it to test form processing code, diagnose bugs and test for security issues. Its only issue is that it won’t work in tandem with Google’s web accelerator.
6. Load Time Analyzer
Load Time Analyzer enables you to see how long your web page takes to load for different speeds. It is especially useful for web development specialists whose audience may still be using dialup.
7. MeasureIt
Do you need to create a new graphic but don’t know what size or perhaps do you need to know the exact dimensions of a piece of web page? MeasureIt adds a ruler which lets you measure vertically and horizontally.
8. ColorZilla
It lets you get the RGB colors of any element on a pageusing a drop tool similarly to Photoshop. Great when you need to design new graphics on an existing project.
9. Link Checker
Line Checker is used for checking which links aren’t loading properly or go 404 from any given page.
10. Web Developer
Its features include: view the CSS property or parent class of any element on a page with a simple click, find broken images, view any form field and much more. You can clear cookies, run a DOM editor, and use all other functions from one simple menu. Once you start using it in web development, you will never figure out how you lived without it!
References :
http://www.nexuslab.com/blog/2009/09/01/essential-firefox-plug-ins-for-web-developers/