There are plenty of tools available in the market that are free to use, but selecting really nice ones from a big pile can be a bit cumbersome. To make your designing and development task a lot more fun, we have compiled a list of some great tools that you may find useful in your designing projects.
Below you'll find 15 Free Wonderful Tools for Web Developers and Designers that can help you in accomplishing your designing task in an easy manner.
BrowserLab lets you preview web pages across multiple browsers and operating systems. You can get a full-view screenshot, even beneath the fold, or compare how your web page looks in two browsers, side by side.

Clean is an open source engine for AJAX, that provides a high level interface to work with the AJAX technology.

Inspired by 1kbgrid.com. Developed with love by Girlfriend's overconfident and pretty good looking team of web developers. Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.

Expression Web SuperPreview for Internet Explorer is a visual debugging tool that makes it easier to migrate your web sites from Internet Explorer 6 to Internet Explorer 7 or 8.

An online web development platform that enables individuals or teams to work on projects.

CamStudio is able to record all screen and audio activity on your computer and create industry-standard AVI video files and using its built-in SWF Producer can turn those AVIs into lean, mean, bandwidth-friendly Streaming Flash videos (SWFs).

Venkman is the code name for Mozilla's JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Gecko-based browsers.

This Starter Pack is a bit different than a template and is based on a one guiding principle: scalability.

Formee is nothing but a framework to help you develop and customize web based forms.

DooPHP is a rapid development framework for PHP using commonly known design patterns like MVC and ORM, reduces development costs and helps developers write less code.

IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages.

Smokescreen is a new open-source project aimed at converting Flash to HTML5 to run where it previously couldn't (iPhone and iPad).

Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.

WebsiteSpark gives Web designers and developers a jump-start by providing the tools and resources needed to build great websites with no upfront cost.

Dropbox allows you to sync your files online and across your computers automatically.

PixelZoomer is a FireFIx extension for web developers which allows for zooming into websites. The core features are characterized by tools for pixel perfect measuring of distances and picking colors (HEX codes) with an eye dropper.

CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser.

Using CSS sprites is an excellent way to improve web page performance by reducing the number of HTTP requests needed for rendering images.

Develop and maintain your php applications in almost any browser, with all the comfort that you are used to in any desktop IDE, and from anywhere.

Alloy is a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure, style and behavior.

You are most welcome to suggest any additions to this list. You can use the comments box below to make any suggestions.