TechCityInc
  • Home
  • About Me
  • Contact Us
  • Privacy Policy


Top 10 FireFox 3 Extensions for Web Developers


Delicious
Posted by Umar Anjum
February 7, 2009

FireFox is such a power browser that offers millions of extensions for your comfort. I earlier wrote about 30 Firefox Add-ons to do just about anything and it turned out to be quiet helpful for many readers. If you’re a web developer then this is something you’re going to love. Also please don’t forget to Subscribe for more upcoming tips and tricks.

Firefox 3 Extensions for Web Developers

Codetch

http://img.photobucket.com/albums/v63/umaranjum/Feburary/Codectch.jpg

Codetch gives you the feel of Dreamweaver in a Firefox extension and allows you to edit your documents right next to your web pages as you surf. If you know how to use Frontpage, Expression Web or any visual/code editor then you’ll know how to use Codetch.

2. ColorZilla

http://img.photobucket.com/albums/v63/umaranjum/Feburary/ColorZilla.jpgColorZilla gives you the option to get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes.

3.  Aardvark

Aardvark is a powerful and user friendly selector utility for selecting elements and doing various actions on them. It can be used for cleaning up a page prior to printing it by removing and isolating elements, and for web development.

http://img.photobucket.com/albums/v63/umaranjum/Feburary/addon.jpg

After installing Aardvark, simply just right-click on the page and select Start Aardvark from the popup menu. As you move the mouse over the page, you will see a red rectangle around the current block element, along with a label showing its type, and if they exist, its id, class, and style. You can then press various keys on the keyboard to do things, for instance W to navigate wider , R to remove the element, I to isolate the element , V to view formatted source of that element, U to undo, Q to quit aardvark, and H for help, that is, a list of the 14 or so available keystrokes.

4.  FireBug

http://img.photobucket.com/albums/v63/umaranjum/Feburary/Firebug.jpg

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.

5.  HTML Validator

http://img.photobucket.com/albums/v63/umaranjum/Feburary/Html.jpg

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

The extension can validate the HTML sent by the server or the HTML in the memory after Ajax execution.

6.  LinkChecker

http://img.photobucket.com/albums/v63/umaranjum/Feburary/Linkchecker.jpg


LinkChecker can come on Handy for Developers who needs to check pages with many links that are external to their website. It’s gives you a quick way to see where you need to make updates.

7.  Poster

http://img.photobucket.com/albums/v63/umaranjum/Feburary/posterr.jpg

A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type. This allows you to interact with web services and inspect the results.

8. Professor X

Professor X is a great Firefox add oon that allows you to check the contents of the head of page without getting into source code. Once installed the Professor X command is available by right-clicking as well as in the Tools menu. When applied to a page it will display the contents of the page’s head element, including Meta, Script and Style content.

9. X-Ray

http://img.photobucket.com/albums/v63/umaranjum/Feburary/Ray.jpg

Just like Professor X, X-Ray allows you to view webpage code with just a click of a button without viewing the source code.

10. Style Sheet Chooser

Style Sheet Chooser II allows you to choose author-provided alternate style sheets for a web site, and have those choices be persisted for all pages on the same site. Style Sheet Chooser II replaces Firefox’s built-in style sheet switcher.

Browsers, Tips N Tricks
If you enjoyed this post, make sure you subscribe to my RSS Feed for latest updates.


Related posts:

  1. Mozilla Releases FireFox 4 Beta
    Countless computer owners use Firefox to access the web. Over the years, Firefox has become...
  2. 5 Best Chrome Extensions for Social Media Networks
    As an overall Google fan, I hope most readers of this post use Chrome as...
  3. New Chrome Beta For Mac Supports Extensions and More
    I run Windows and have Google Chrome as my default browser. Its short webpage loading...
  4. FireFox Home App Coming Soon To iPhone App Store
    Firefox has a huge fanbase. Personally I have been using the browser ever since I...
  5. How To Preview Browser Tabs in Firefox and Chrome
    Browser tabs enable us to view many webpages in a single internet browser window. We...

Comments
Pingback by Top 10 Extensiones de Firefox 3 para desarrolladores web « Obocodex on February 26, 2009 @ 5:08 am

[...] Comment! Firefox es un navegador que ofrece el poder de millones de extensiones para nuestra comodidad, y es por ello por lo que se ha convertido en mi preferido. Las extensiones o Add-ons las hay de todos los colores pero ahora vamos a poner 10 para los desarrolladores web. [...]

Pingback by 23 Useful System Applications for Linux | TechCityInc on December 9, 2009 @ 9:55 pm

[...] Top 10 FireFox 3 Extensions for Web Developers [...]

Sorry, the comment form is closed at this time.

Additional comments powered by BackType

Search

Categories

  • Apple
  • Blogging
  • Browsers
  • Cell Phones
  • Cool Websites
  • Gadgets
  • Gaming
  • Interesting/Funny
  • Internet
  • Linux
  • Software
  • Tips N Tricks
  • Uncategorized
  • Windows

Archives

  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
Translate:  cn de es fr it jp kr pt ru
  • Recent Posts

    • Create Portable Applications To Use On Any PC
    • Watch Full Length Free Movies On Youtube Now
    • Netflix for iPhone is Finally Here
    • Listen to Free Music Online via Grooveshark
    • Latest Facebook app 3.2.2 for iPhone Released
  • Recent Comments

    • Louis from www.buyaudioproductionsoftware.com on 10 Best Audio Editors for Linux
    • mevsevil on iOS 4.0.2 fixes JailbreakMe.com Exploit
    • Savannah Scott on 10 Free Websites To Design Your Business Card Online
    • anonymous on How to Fix Gmail Not Loading Standard View Issue in Chrome
    • vijikey on Top 10 Websites to Download your Music legally for Free
    • apple on Jailbreak iOS 4.0.1 Using Sn0wbreeze 1.8 on Windows
    • EZ411 on How to Track Product Prices of Multiple Online Shopping Stores
    • Paul on All-in-one Device Jailbreak for iOS 4.0.1/4.1 Coming Soon?
    • iPhone 4 Jailbreak – Very Soon. | Jailbreak the iPhone 4 on All-in-one Device Jailbreak for iOS 4.0.1/4.1 Coming Soon?
    • darren on Jailbreak iOS 4.0.1 Using Sn0wbreeze 1.8 on Windows

Powered by Wordpress | WP Premium theme by WP Remix
Copyright 2007. TechCityInc. All rights reserved

  • Home
  • About Me
  • Contact Us
  • Privacy Policy