TechCityInc

Technology,Software,Gadgets,Blogging

  • Home
  • About Me
  • Contact Us
  • Privacy Policy


Top 10 FireFox 3 Extensions for Web Developers


      Stumble it!

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. New Chrome Beta For Mac Supports Extensions and More
    I run Windows and have Google Chrome as my default browser. Its short webpage loading...
  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. 20 Useful Firefox Add-ons For Blogging and Browsing
    Firefox is one of the most powerful browser and the most recommended one as well....
  4. Download Maemo 5 OS Based Firefox 1.0 Mobile Browser
    Mozilla has released the first version of Firefox web browser for Maemo 5 OS based...
  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

  • 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

    • How To Minimize Google Chrome To System Tray
    • Download iPhone 3.2 SDK Beta 4
    • How To Add Favicon To Your Wordpress Blog in 5 Minutes
    • How To Upload/Download Files To FTP Accounts In Firefox
    • How To Create Cool Video Clips With Your Images Online
  • Recent Comments

    • Sponge Bebop on How To Minimize Google Chrome To System Tray
    • Men on 8 Excellent Sources To Download 2010 Wallpapers
    • wallpapers on How To Add Favicon To Your Wordpress Blog in 5 Minutes
    • Leading SEO Tips And Techniques Revealed on Avalanche Will Kill Your Boredom
    • A Must Have SEO Chrome Add On | TechCityInc - Traffic Pros – Learn to increase Traffics to Your Website on A Must Have SEO Chrome Add On
    • Download Facebook Application for Zune HD | iTechMax on Microsoft Launched Facebook App for Zune HD
    • gcarterIT on Update Twitter And Find Jobs At The Same Time with JobDeck
    • SunnyWillie on 10 Best Free Applications For Android Phones
    • Download Windows Mobile 6.5.3 Updated SDK | iTechMax on Windows Mobile 6.5.3 Updated SDK Download Link
    • Download Snowbreeze V1.5.1 to Jailbreak iPhone OS 3.1.3 | TechCityInc on Jailbreak iPhone 3.1.3 with SnowBreeze V1.5

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

  • Home
  • About Me
  • Contact Us
  • Privacy Policy