Saturday, October 30, 2010

Must Have Firefox Addons for Web Developers

"Happy developers! I know this term is quite rare for developers. The workload of todays developer can be quite over ridden with varying tasks, therefore : looking towards certain apps or Add-ons by which to enhance their workflow and productivity is something which is required. Firefox provides such solutions for developers, some are aware of these but not the most of them. Here, blogger’s path is listing 15 of the most practicable and useful add-ons for web developers, which are compatible for all Mozilla based web browsers and Mozilla Firefox 4 Beta."
As a web developer I can understand the actual need of a developer. I am personally using these add-ons and these are quite useful to me, so I decided to share them with the rest of the world.

1.No Script 2.0.3.5

 This add-on is quite popular among developers and it supports all Mozilla based web browsers. It promises the best security in web browser against clickjacks and XSS attacks and makes page loading fast. Giorgio Maone developed it. It has been downloaded more than 75 millions time, and has won “PC World Class Award” in year 2006.
Install | More Info

2.IE View 1.4.5.1

 I bet, this add-on is likable by the most of the web developers. This enables you to load any web page in Microsoft Internet Explorer from Firefox. You can open any web page in IE while surfing in Firefox. Just right click and open it in IE or you can set option for any page to open in IE only and vice-versa. Now this add-on provides an easy way to switching browsers for web developers.
Install | More Info

3.Pearl Crescent Page Saver Basic 2.6.1

 This add-on allows you to take screen shots of web browser including flash contents. It can capture the whole page or the visible area of the page depends on your mood. You can also control the output of the page between allowed image formats. Images may be captured using a toolbar button, the browser context menu, or from the command line.
Install | More Info

4.URL Fixer 1.7.2

 This is for all; developers as well as common web surfer can use this add-on. It will correct your type mistakes done while entering address for web surfing. Such as if you type ‘google.con’ or ‘microsoft,com’, it will automatically correct it and save your time and controls your anger too if you are in hurry.
Install | More Info

5.CSS Usage 0.2.2

 First you need to install Firebug to use this add-on. This add-on shows you the all CSS rules applied to any website. You need to open a webpage in Firefox in similar fashion then click on the ‘Scan’ button on Firebug ‘CSS Coverage’ tab. It will also open the linked CSS file in other tab for your help.
Install | More Info

6.Total Validator 6.7.0

 It provides one click go validation for your web page. It supports HTML5 and XHTML5 standards and provides true HTML validation for HTML 2.0 to XHTML 1.1 with DTD rules. In addition, it gives you other checking tools such as: accessibility validation, language checker in 5 languages and takes screenshots using numerous browsers on Windows, Linux, and OS X.
Install | More Info

7.Wappalyzer 1.9.4

 It gives you the complete details of technology used by the website. It detects CMS, message boards, e-commerce system, JavaScript frameworks, hosting panel, analytical tools and others. Wooo; what else a developer need? Till date, it has detected more then 155 applications; you can see the complete list by clicking here.
Install | More Info

8.PHP Developer Toolbar 2.2.4

 This add-on will install a toolbar dedicated to PHP developers. It makes access to PHP developer communities and forums over internet. It gives you search option to find out any functions. Here, you can generate HTML forms and classes from native PHP generator.
Install | More Info

9.Regular Expressions Tester 3.1.10

 As its name suggests, this add-on provides the functionality of testing your Regular Expressions. It gives you the options like sub matching, special character highlighting, case sensitive etc and adjust the display of result.
Install | More Info

10.MozMill 1.5.0

 You can use it to create test case and simulate a test process for testing your Mozilla applications. It dissembles like a real user. For complete tutorial you can visit here.
Install | More Info

11.Mobile toolkit 1.0

 This installs a toolbar for mobile web application developers. It provides help to validate your code and check it on many mobile emulators for documentation.
Install | More Info

12.Unicode Input Tool/Converter 2.6.8

 It lookups Unicode characters, symbol descriptions in charts and outputs it in optional textbox. For full functionality, you need to download Unihan database and place it into Firefox install directory.
Install | More Info

13.View Source Chart 3.02

 This add-on creates DOM of the webpage source and hierarchy it in lightning speed. It provides better eye solution of page source for developers.
Install | More Info

14.FireAtlas 1.2.27

 This is another Firebug extension. You can use it for Asp.net Ajax development. It tracks PageRequestManager event requests and partial update inspection within Firebug panel.
Install | More Info

15.Page speed

 I was really missing Google, so here it comes. Now you can test your webpage speed with this add-on. It calculates the speed of your page and gives the score depending on the test. These tests are run against web server configuration and front end code. Same tool is used by the Google webmaster tool to evaluate the speed score for a webpage.
Install | More Info

That's it. I hope these add-ons will help out the developers. I will come back soon with some useful and interesting information. Thank you.

No comments:

Post a Comment