Developer Snippets - An Embodiment for Developers

There are many useful Firefox add-ons which helps us in Web Development, I would like to thank each and every developer who has given us these add-ons to us. These add-ons or extensions are also known as in-browser tools. In my perspective I would like to say these helps me a lot and save my lots of time. These makes life’s very easier and cool as well, these may can be used as a reusable components as well.

Below are some of the useful tools which has been released in the year of 2008 and which became powerful tools in the World of Web. I would like to list out all the respective tools which helps a developer in all the aspects of life while he is working at his desk. I would like to recommend every developer to use these tools and make your life easier. These tools were mostly related to web development area.

Here we go, the lists which are depicted below are considered as a most useful firefox add-ons in the World of Web.

1. Html Validator 0.8.5.2 (by Marc Gueury)
Description:
“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).

The details of the errors are seen when looking the HTML source of the page.

The extension is based on Tidy and OpenSP (SGML Parser). Both algorithms were originally developed by the Web Consortium W3C. And now extended and improved by a lot of persons. Both algorithms are embedded inside Mozilla/Firefox and makes the validation locally on your machine, without sending HTML to a third party server.”

Homepage: http://users.skynet.be/mgueury/mozilla/

Support: Support for this add-on is provided by the developer at http://users.skynet.be/mgueury/mozilla/

Html Validator 0.8.5.2

Read More >>

2. ColorZilla (by Alex Sirota)
Description:
“Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

With ColorZilla you can 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. DOM spying features allow getting various information about DOM elements quickly and easily. And there’s more…”

Homepage: http://www.iosart.com/firefox/colorzilla/

Support: Support for this add-on is provided by the developer at http://www.colorzilla.com/

ColorZilla

Read More >>

3. ViewSourceWith 0.4 (by Davide Ficano)
Description:
“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
- open files listed in Javascript console. When editor open file the cursor can be moved to line number shown on javascript console, read js faq
For desperate cases you can add Microsoft IE to editor list.”

Homepage: http://dafizilla.sourceforge.net/

Support: Support for this add-on is provided by the developer at http://dafizilla.sourceforge.net/viewsourcewith

ViewSource With 0.4

Read More >>

4. Flashblock 1.5.7 (by Lorenzo Colitti, Philip Chee)
Description:
“Flashblock is an extension for the Mozilla, Firefox, and Netscape browsers that takes a pessimistic approach to dealing with Macromedia Flash content on a webpage and blocks ALL Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

Flashblock currently blocks the following content types:
* Macromedia Flash
* Macromedia Shockwave
* Macromedia Authorware”

Homepage: http://flashblock.mozdev.org/

Support: Support for this add-on is provided by the developer at http://flashblock.mozdev.org/contact.html

Flashblock

Read More >>

5. MeasureIt 0.3.8 (by Kevin Freitas)
Description:
“Draw out a ruler to get the pixel width and height of any elements on a webpage.”

Homepage: http://www.kevinfreitas.net/extensions/

Support: Support for this add-on is provided by the developer at http://www.kevinfreitas.net/extensions/

Measure It

Read More >>

6. FireFTP (by Mime Cuvalo)
Description:
“Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!”

Homepage: http://fireftp.mozdev.org

Support: Support for this add-on is provided by the developer at http://fireftp.mozdev.org/help.html

FireFTP

Read More >>

7. NoScript (by Giorgio Maone)
Description:
“Winner of the “2006 PC World World Class Award”, this tool provides extra protection to your Firefox.
It allows JavaScript, Java and other executable content to run only from trusted domains of your choice, e.g. your home-banking web site, guarding your “trust boundaries” against cross-site scripting attacks (XSS) and Clickjacking attempts, thanks to its unique ClearClick technology.
Such a preemptive approach prevents exploitation of security vulnerabilities (known and even unknown!) with no loss of functionality…
Experts do agree: Firefox is really safer with NoScript ”

Homepage: http://noscript.net

Support: Support for this add-on is provided by the developer at http://noscript.net/forum or by sending an e-mail to noscript@informaction.com

NoScript

Read More >>

8. Screengrab! (by Andy M)
Description:
“Screengrab saves entire webpages as images.

It will save what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images.

The following little keywords are at the request of those who can’t remember the name ScreenGrab! and want searches to work. It takes screen shots, screenshots – that is, shots, of web pages.”

Homepage: http://www.screengrab.org

Support: Support for this add-on is provided by the developer at http://www.screengrab.org or by sending an e-mail to andy@screengrab.org

ScreenGrab

Read More >>

9. IE Tab (by PCMan (Hong Jen Yee), yuoo2k)
Description:
“This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.”

Homepage: http://ietab.mozdev.org/

Support: Support for this add-on is provided by the developer at http://forums.mozillazine.org/viewtopic.php?t=505032

IE Tab

Read More >>

10. Firebug (by Joe Hewitt, Justin Dolske, others)
Description:
“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.”

Homepage: http://getfirebug.com/

Support: Support for this add-on is provided by the developer at http://groups.google.com/group/firebug/topics

Firebug

Read More >>

11. CoolPreviews 2.6.4 (by The Cooliris Team)
Description:
“* Preview web links, images, and videos without even clicking.
* View Google & Yahoo Image Search in ultra slideshow mode
* Instantly send links to friends and family with just a click.
* Automatically subsearch Google, Wikipedia, and many others by right-clicking on any phrase
* Customize preferences to control preview window activation, time delay, size & position, etc.

Created by the developers of Cooliris (formerly PicLens), the ever-popular Firefox addon that gives you stunning, full-screen 3D views across the web.”

Homepage: http://www.cooliris.com

Support: Kindly visit http://www.cooliris.com/support/ so we can help you.
Please do not post here.

Cool Previews

Read More >>

12. FireShot 0.61 (by susbox)
Description:
“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 web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.
It’s possible to choose whether you want to capture entire web page or take screenshot of only visible part of the web page.

The captures can be:
- uploaded to FREE public screenshot hosting
- saved to disk (PNG, GIF, JPEG, BMP)
- printed
- copied to clipboard
- e-mailed
- sent to configurable external editor for further processing.”

Homepage: http://screenshot-program.com/fireshot/

Support: Support for this add-on is provided by the developer at http://screenshot-program.com/fireshot/

FireShot

Read More >>

And many more like this, the tools which I have stated above are very useful for a web developer to make his life easier. Hope this list might help you guys in finding out your favorite ones