5 fundamental add-ons for Web-Developer

  0 comments

1. Firebug :

Firebug is a free and open-source web browser add-ons for Mozilla Firefox, and now also for Google Chrome. Which gives facilities to the live debugging, editing, and monitoring of any website's CSS, HTML, DOM, XHR, and JavaScript.

You can install it from here For Mozila.

Click right button of mouse and click on Inspect Element with Firebug and now you would be able to use above features

Firebug

2. Rainbow :

Rainbow is a great color picker add-ons for developer. Which provides facility to pick color from any website. It makes Development easy.

You can install it form here For Mozila.

After installing this add-ons, you can see it in toolbar

Click on rainbow icon from toolbar to pick the color value and use it where you want

Rainbow image

3. MeasureIt :

MeasureIt, it provides facilities to draw a ruler across any webpages. I've been using this add-ons since many times, and I love it. One of the most simple, useful add-ons!.

You can install it form here For Mozila.

After installing this add-ons, you can see it in toolbar

Click on MeasureIt icon from toolbar to draw a ruler

Measurlet

Ruler screenshot

4. Fireshot :

There are so many screenshot add-ons available, but i like most it because it has many more features like :

  • Printing screenshot
  • Saving screenshot to multi-page PDF
  • Export to OneNote
  • Capturing all tabs in one click
  • Advanced Editor
  • Capturing screenshots as PDF files
  • Crop and Resize screenshot functionality
  • Undo/Redo
  • Clipboard
  • Uploading screenshots to custom HTTP or FTP servers
  • Work with projects

You can install it form here For Mozila.

After installing this add-ons, you can see it in toolbar

Click on Fireshot icon from toolbar to perform action

Fireshot image

5. Web Developer :

Web development tools allow developers to work with a variety of web technologies, including HTML, CSS, the DOM, JavaScript, and other components that are handled by the web browser. The built-in web developer tools in the browser are commonly accessed by hovering over an item on a webpage and selecting the "Inspect Element" or similar option from the context menu. Alternatively the F12 key tends to be another common shortcut.

You can install it form here For Mozila.

After installing this add-ons, you can see it in toolbar

Click on tool of it enjoy its features

Add new comment