We pay for user submitted tutorials and articles that we publish. Anyone can send in a contributionLearn More
We all know that Firefox has tons of plug-ins and add-on’s, but there are a few any web developer must know and use. The description and screenshots are taken from the Firefox add-ons site.
CSSMate: Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that I’ve been using for many months. I’ve gutted it, made each stylesheet load into a separate tab. Removed the save load clear functionality as i found it to be useless and added in support for loading stylesheets that have a media type of “all” instead of “screen”.
FireShot: FireShot is a Firefox extension that creates screenshots of web pages.
Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.
It’s possible to choose whether entire web page or only visible part of this page should be captured.
Screenshots can be uploaded to server, saved to disk (PNG, JPEG, BMP), copied to clipboard, e-mailed and sent to external editor for further processing.
Web Developer: Maybe the most succesfull of all, has great reviews. Adds a menu and a toolbar with various web developer tools.
SeoQuake: Seoquake is a Mozilla Firefox extension aimed primarily at helping web masters who deal with search engine optimization and internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the internet project under study on the fly, save them for future work, compare them with the results, obtained for other, competitive, projects.
ViewSourceWith: The main goal consists to view page source with external applications but you can also…
– open page source as DOM document, read faq
– open CSS and JS files present on page
– open images using your preferred image viewer (e.g. GIMP or ACDSee)
– open PDF links with Acrobat Reader or Foxit Reader or what you prefer
– edit textboxes content with your preferred editor and automatically see modified text on browser when you re-switch focus on it, this simplifies wiki pages editing, read faq
– open server side pages that generate the browser content, this simplifies web developer’s debug, read server-faq
For desperate cases you can add Microsoft IE to editor list.
Enjoy your development!
Tags :CssMateFirefoxFirefox add-inFirefox plug-inFireShotMust haveSeoQuakeViewSourceWithWeb developer
Copyright © 2012 Dev102.com
Breeze : Designed by Amit Raz and Nitzan Kupererd