Home » Tech » 60 Firefox Add-ons for Web Developers

60 Firefox Add-ons for Web Developers

I mentioned some 60 Firefox Add-ons for Web Developers, do share & tweet this small piece of information. Previously I wrote an article about Twitter. This Add-ons will be really useful for Web Developers. A Web Developer is a Software Developer or Software Engineer who is specifically engaged in the development of World Wide Web applications, or distributed network applications that are run over HTTP from a web server to a web browser (via wiki).

1. Web Developer – The Web Developer extension adds a menu and a toolbar with various web developer tools.

2. Firebug – 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.

3. Color Zilla – 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 is more.

4. Measure It – Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

5. HTML Validator – 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.

6. IE Tab 2 – Updated and enhanced version of the classic IE Tab that includes support for FireFox 3.6 and beyond. Supports automatic import of all of your existing IE Tab settings and filter strings.

7. YSlow - YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.

8. Grease monkey – Allows you to customize the way a webpage displays using small bits of JavaScript.

9. Fire FTP – FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.

10. Live HTTP Headers – View HTTP headers of a page and while browsing. It’s great tool for watching a series of HTTP requests and their result codes.

11. Screen grab – Screen grab saves webpages as images. It will capture what you can see in the window, the entire page, just a selection, a particular frame, basically it saves webpages as images – either to a file, or to the clipboard. It captures Flash too.

12. StumbleUpon – StumbleUpon helps you discover great websites that match your interests. Simply click the Stumble button and see the best websites. There are over 500 topics to choose from, and, the more you use it, the better your recommendations become.

13. WordStream SEO for Firefox – WordStream SEO for Firefox is a Firefox plugin that helps marketing copywriters, bloggers, and search engine marketers create and publish SEO-friendly Web content.

14. SEO Doctor – SEO Doctor allows easy SEO diagnosis and problem solving for webmasters.

15. Adblock Plus – Annoyed by adverts? Troubled by tracking? Bothered by banners? Install Adblock Plus now to regain control of the internet and change the way that you view the web.

16. Delicious Bookmarks – Delicious Bookmarks is the official Firefox add-on for Delicious, the world’s leading social bookmarking service (formerly del.icio.us). It integrates your bookmarks and tags with Firefox and keeps them in sync for easy, convenient access.

17. x (Paranoia) mod – Adds a paranoia button to the toolbar (clear your history, saved form information, passwords, download history, cookies, and/or cache with as little as two clicks).

18. X-Ray - See the tags on a page without viewing the sourcecode.

19. CSS Viewer – A simple CSS property viewer. Add CSSViewer in your toolbar to use it.

20. Aardvark – Cool utility for cleaning up a page (for printing or better viewing) as well as for web development. Displays a red rectangle on the element under the mouse — hit “w” to go wider (get the containing element), then hit other keystrokes to remove, etc.

21. Tab Mix Plus - Tab Mix Plus enhances Firefox’s tab browsing capabilities. It includes such features as duplicating tabs, controlling tab focus, tab clicking options, undo closed tabs and windows, plus much more. It also includes a full-featured session manager.

22. No Script – The best security you can get in a web browser. Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.

23. Unhide Passwords – If you aren’t concerned about someone looking over your shoulder and stealing your passwords, why hassle with those obfuscated password fields, where you never know whether you typed your 30 character code correctly or not.

24. Image Zoom – Adds zoom and rotation functionality for images.

25. JavaScript Debugger – Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers.

26. Fire Shot – 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.

27. IE View - Lets you load pages in IE with a single right-click, or mark certain sites to *always* load in IE.

28. IE View Lite – This is a cut down version of IE View by Paul Roub, which is 47.4 KB. All the same UI and features are there. It has a right click menu item to open a page in IE and a list of sites to always open in IE. It can close tabs automatically and send.

29. Dummy Lipsum – This interesting add-on generates automatically “Lorem Ipsum” dummy text.

30. Font Finder – FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.

31. Opera View – Open pages in Opera from Firefox context menus. Very useful for web developers.

32. Total Validator – Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool.

33. Poster - 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.

34. Edit CSS – Stylesheet modifier in the Sidebar.

35. Cooliris – The Cooliris 3D Wall – The fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite “3D Wall” of content from Facebook, Google, YouTube, Flickr, and more. Even watch TV shows & movies.

36. RSS Validator – Validates a page using the W3C RSS Validator.

37. CSS Validator – Validates a page using the W3C CSS Validator.

38. Minimize To Tray – Minimizes Mozilla windows into the system tray. Also includes a right clickable tray icon menu to further load only the windows you want visible.

39. Tab Scope – Shows a popup on tabs and enables you to preview and navigate tab contents through popup.

40. Faster Fox - Performance and network tweaks for Firefox. Fasterfox allows you to tweak many network and rendering settings such as simultaneous connections, pipelining, cache, DNS cache, and initial paint delay.

41. Server Switcher – Server Switcher is a navigational help tool for web developers. It allows you to easily switch between sites on your development (hosting the temporary version you are currently working on) and live servers, so that you can immediately see the differences.

42. Smart Bookmarks Bar – Smart Bookmarks Bar extension comes right here by hiding bookmarks names and only showing icons. Bookmark names will be displayed on mouse hover.

43. Favicon Picker – Change your bookmark icons! Right-click a bookmark, and select “Properties”, then “Browse” for a new image or paste in a URL.

44. Download Statusbar – View and manage downloads from a tidy statusbar – without the download window getting in the way of your web browsing.

45. Stylish – Restyle the web with Stylish, a user styles manager. Stylish lets you easily install themes and skins for Google, Facebook, YouTube, Orkut, and many, many other sites. You can even customize Firefox and other programs themselves.

46. Selenium IDE - Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly.

47. Scrap Book – ScrapBook is a Firefox extension, which helps you to save Web pages and easily manage collections. Key features are lightness, speed, accuracy and multi-language support.

48. Platypus – Platypus is a Firefox extension which lets you modify a Web page from your browser — “What You See Is What You Get” – and then save those changes as a Greasemonkey script so that they’ll be repeated the next time you visit the page.

49. Colorful Tabs - The most beautiful yet the simplest add-on that makes a strong colorful appeal. Colors every tab in a different color and makes them easy to distinguish while beautifying the overall appearance of the interface.

50. Window Resizer - The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions. Resize the current page via the Context menu, Tool menu or Toolbar button.

51. Autofill Forms – Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.

52. Clippings – Saves and manages frequently-entered text for later pasting into Web page forms in Firefox or email and newsgroup messages in Thunderbird. Pasting a clipping is accomplished with just two mouse clicks, eliminating the hassle of retyping or repetitive copying and pasting.

53. JSView – All browsers include a “View Source” option, but none of them offer the ability to view the source code of external files. Most websites store their javascripts and style sheets in external files and then link to them within a web page’s.

54. CS Lite – This extension will allow you to easily control cookie permissions. It can be accessed from the statusbar, a toolbar button, or the context menu. Just click on the icon to allow, block, or temporarily allow the site to set cookies. You can also view, clear or edit the cookies and exceptions by right clicking on the cs lite icon. For safer browsing you may choose to deny cookies globally and then enable them on a per site basis. You can also download a blocklist that contains a list of untrusted hosts that you may choose to import into FF and block. The blocklist can be configured to automatically update or can be updated manually.

55. Fire PHP – FirePHP enables you to log to your Firebug Console using a simple PHP method call.

56. Codetch – Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.

57. Grid Fox – Draws a grid on top of a website. This is useful for checking designs that are supposed to follow a grid-based layout.

58. Open With Photoshop – Open With Photoshop is a new companion for web designers, graphic designers and in general whom like to use Photoshop.

59. Rainbow Color Tools – Color tools for web development.

60. Professor X – The Professor X Extension let’s you see inside a page’s head without viewing the sourcecode.

Tweeting and Sharing this post is encouraged ;)

About

He is the Chief Editor and Founder of Tekkieblog. He always strives himself to find simple solution for complex problems. He proudly says "ALWAYS THINK BIGGER, SO THAT YOU'LL REACH HIGHER".

commentscomments

  1. [...] This post was mentioned on Twitter by Ken Lyons, narendran. narendran said: RT @TekkieBlog 60 Firefox Add-ons for Web Developers http://bit.ly/d2SlFj [...]

  2. Which is the best website/forum/blog to learn new and upcoming technoligies for web developers?

  3. Cool list of addons. You know, i’m stuck with firefox because of some of these awesome addons – measureit, colorzilla, firebug. Can’t do without them!

  4. These add-ons can make useful anf comfort for designers and developers. They eliminate the need for a number of software and also save your computer a lot of memory and processing.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>