Difference between revisions of "FirefoxExtensions"

From mi-linux
Jump to navigationJump to search
(Added Web Dev Toolbar & Fangs)
Line 15: Line 15:
  
  
* [http://www.kevinfreitas.net/extensions/measureit/ Measure It]
+
* [http://www.kevinfreitas.net/extensions/measureit/ Measure It] (Recommended by Cara Hughes 0615410)
 
** Instead of moving to and from your graphics program to check image sizes, this tool allows you to measure images and borders without taking screenshots etc.   
 
** Instead of moving to and from your graphics program to check image sizes, this tool allows you to measure images and borders without taking screenshots etc.   
  
-- Recommended by Cara Hughes 0615410
+
* [http://chrispederick.com/work/webdeveloper/ Web Developer Toolbar] (Recommended by Mark James)
 +
** "The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools." This extension allows you to edit your CSS code on-the-fly, along with a whole host of other useful tools.
 +
 
 +
* [http://sourceforge.net/projects/fangs Fangs] (Recommended by Mark James)
 +
** Tool to check the accessibility of a website. "Fangs is a Firefox extension that displays a text representation of a web page similar to how a screen reader would read it."

Revision as of 01:21, 26 February 2007

The following is a list of useful extensions that you can 'add-in' to Firefox to help with web development. Please feel free to include other useful extensions here if they are relevant to web development.

Matthew's Favourite Firefox Extensions

  • Total Validator
    • Perform multiple validations and take screen shots in one go rather than using separate tools. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the Pro desktop tool.
  • UrlParams
    • Shows you the GET and POST parameters of the current website in the sidebar.
  • Window Resizer
    • The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes.

Other Students' Favourite Web Development Extensions

  • Measure It (Recommended by Cara Hughes 0615410)
    • Instead of moving to and from your graphics program to check image sizes, this tool allows you to measure images and borders without taking screenshots etc.
  • Web Developer Toolbar (Recommended by Mark James)
    • "The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools." This extension allows you to edit your CSS code on-the-fly, along with a whole host of other useful tools.
  • Fangs (Recommended by Mark James)
    • Tool to check the accessibility of a website. "Fangs is a Firefox extension that displays a text representation of a web page similar to how a screen reader would read it."