Webmaster 9: Free Webmaster Resources for you, such as Design Resources, Online Tutorials, Templates, Online Tools , Marketing Resources, Software Resources and etc.

5 Miscellaneous Tools for Firefox Users

Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Font Finder

Simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select `Font Finder`, then marvel as the full CSS text styling of the selected element appears.

View Dependencies

View Dependencies adds a tab to the “page info” so you can see a break down of all of the files associated with the page you just loaded along with their sizes. This can be a handy tool for determining what may be slowing down the load time.

Web Developer

Despite the name, Web Developer has many useful features for designers such as inspect, edit and disable CSS, as well as graphics.  You can also use it to measure elements, re-size the browser, display CSS by media type and more.

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.

Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
Resize the current page via the Context menu, Tool menu or Toolbar button.

Related Posts