These days, there is big demand for strong web and application development skills in the job market. The good news is that there are many open source tools to help you with your web project or application, and given the costs of proprietary development environments, they can save you a lot of money. Here are many good examples of development tools and tutorials, with some unsung tools that you may not have considered.
Of course, one of the most beloved tools for web developers is the Firebug extension for Firefox. If you’re deep into development for the web, you probably already use it. With Firebug, experimenting with CSS changes no longer requires that you reload a page dozens of times; using Firebug, you can dynamically edit an HTML element’s styling, looking at the effects as you change each variable value. Firebug’s JavaScript console also makes it easy to work with JavaScript interactively.