A blend of programming and seo

Top 5 firefox extensions (for web developers)

The following are the top 5 firefox extensions that every developer should be using.

5) Open source in tab

Opens the page’s source file in a new tab. Has a preference to either open source in a new tab or existing tab.

sourcetab Top 5 firefox extensions (for web developers)

Download here

4) IE Tab

A great extension that allows you to run an instance of Internet Explorer in a firefox tab. This is great for testing a new site that may look different in each browser.

ietab Top 5 firefox extensions (for web developers)

Features:

  • Supports multiple languages
  • Allows the switching of the rendering engines (IE and mozilla) with one click

Download here

3) Server Switcher

Server Switcher allows you to easily switch between sites on your development and live servers, so that you can immediately see the differences.

serverswitch Top 5 firefox extensions (for web developers)

Features:

  • You can create multiple development/live-server-pairs.
  • Multiple keyboard shortcuts
  • Support for ports other than 80
  • supported by flock and firefox

Download here

2) Web Developer

The sheer number of options and developer tools that are available with this plugin make it a great option for a web 2.0 environment.

webdeveloper Top 5 firefox extensions (for web developers)

Features:

  • Easily disable java, javascript, popup blocker, and referrers.
  • View Advanced cookie information
  • Advanced form debugging – (Show passwords,convert GET <=> POST,remove maximum length)
  • Outline frames, headings, links, and tables
  • Resize the current window
  • Validate CSS,HTML,Links, and WAI

Download Here

1) Firebug

Any list involving firefox plugins and developers should have firebug near the top. This plugin is great for debugging javascript in realtime, which is a must for anyone developing a web application.

firebug Top 5 firefox extensions (for web developers)

Features:

  • Inspect and edit HTML live on any website.
  • Measure all the offsets, margins, borders, padding, and sizes (great for CSS).
  • Get a list of each individual javascript file that is being loaded and each load time.
  • Pause javascript execution and set breakpoints.
  • Advanced javascript, CSS, and XML error reports
  • Edit DOM objects in real-time
  • Javascript command-line for easy execution of code

Download Here

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Reddit
  • Twitter
  • HackerNews
  • StumbleUpon
  • Technorati

3 comments

1 racy_rick { 04.03.09 at 8:57 am }

Thanks for the list. I use firebug and web developer tools daily. I will check out the others.

I just wanted to mention a shout out for YSlow (which works with firebug) which gives you metrics on things to speed up your site. The only problem is that you have to put your domain in the CDN of your browser (otherwise you can’t score more than 90/100.

2 Flaxton { 04.03.09 at 10:15 am }

5. Ctrl + U, no need for a plugin.

3 we3bus { 04.03.09 at 10:40 am }

Ctrl + U opens the source in a new window, not in a tab.

Leave a Comment