My Favourite Web Development tools.

Every few months, i will be Googling or check out new web development tools for my work and personal projects. Unbelievably,  new cool and fantastic tools kept popping up, something you even have problem which best tool to used. The tools i meant here, are tools like IDEs, plug-in, library, framework, CMS, test-suite and more. Below, are the list of tools that currently i am using and found it very useful and increasing my productivity. All the tools are OPEN  SOURCE which i am a very big fan of.

Firefox Add-ons

——————-

1.  Again, Firebug win my heart. This tool let you inspect and edit CSS on the fly. Not only css, debugging javascript with it, save tons of your time to look for javascript errors.

Firebug screen shot

Firebug screen shot

2. iOpus iMacros – from a Firefox add-ons : to record form filling and replay the task you had been recorded. Save your time kept repeating testing for web forms, useful for web testing, web scraping and more.

IMacro

IMacro

3. Web development– from a Firefox add-ons : Great tools with lots of functionality for web developers. Such as markup validation,  cookies management, http header management and more.

Web Development toolbar (Firefox add-ons)

Web Development toolbar (Firefox add-ons

4. XDebug for Javascript

5. Yahoo YSLOW – Javascript profiler : A great tools to check how to faster up your website. Their also provide best practice and guideline how to improve and tune website loading performances.

Framework

————–

1. Zend framework : started using recently and fall in love with it. Strong MVC architecture support and database adapter.

2. jQuery : A Cool Javascript framework that i have been using almost 2 years since it released. JQuery have strong community support, easy to learn, good documentation (at least better than some), more books on JQuery and more.

CSS

—-

1. 960 Grid System from MIT. Very easy to use and faster up your layout  design for a new website without worrying if the new row or column will expand accordingly.

Forum

——–

1. Although this part is a bit not relevant, but i insist to introduce the best question and answer programming/IT forum : http://www.stackoverflow.com

2. Slashdot : Ah!!..sometimes you need a break from your IDE or notepad.

Time Tracker

—————-

1. I use RTM : Remember the Milk task list which integrate well with Gmail Task List.

2. Google Calendar : Use it for weekly planner and task remimder which sent free sms reminder to your mobile phone.

Best firefox Extension for Web Developer

Here are the list of Firefox add-on plug-in I had been using for a while to test and debug for websites that I had been implemented, and not only that I can view a lot of buggy bad written Javascript (infinite loop) that make my precious Firefox Hang!!.
I think it is the perfect combination plug-in that a web developers must HAVE :

Web developer : A set of web development tools to help you imporve your coding, testing and debug.
Best tool ever. Get it from Web developer plug-in website.

Cache Viewer :Another great tool, to check the content of caches your browser are stored and track
the storage capacity was used. Basically it the GUI version of about:cache.
Get it from Cache Viewer plug-in.

Live Http Header : View Http header while browsing the web. Good to track the website you are visited.
Some say this tools can help you to track the port for private wifi WLAN such as
airport or public place but i haven’t try it yet. I used it to track the content send out
to the websites. Get it from Live Http Header plug-in.

FireBug : Ah, the master piece of css and javascipt plug-in to help you edit, debug and monitor the
performance of your script running on browsers. I really like this tool, because you can even
edit and execute javascript on the fly. Get it from here.

Mozilla Firefox

I am a Big Fan of Mozilla Firefox and seriously i hate “Internet Explorer > V.5+” no offense. Here are some of the MUST have add-on for you Mozilla Firefox browser. You can download Latest version of Mozilla Firefox Window Version

NoScript – Prevent any Malicious activities such as hidden advertising banners, cookies collector, XSS attack, popup and etc. Here to download the add-on : NoScript add-on

AdBlock Plus – Prevent advertising banners such as images, text display on any pages where your browser pointed to. It save your time and traffic. Web Preference : AdBlock plus add-on

ForecastFox : Another great add-on for weather forecast that display on the right bottom of your browser. Web Reference : ForecastFox add-on

Those are some good add-on. I will post more add-on next few days.

Spread Firefox