There are many available tools to help make web development projects quicker and more productive. rendering these tools practically useless until you stump up the cash. In most cases, however, there are free alternatives available can significantly help you accomplish tasks such as color selecting, color palette, JS Library, CSS/HTML/PHP Framework, WYSIWYG editor. etc...which are included in this list intentionally.

1. HTML5 Starter Pack - This HTML5 Starter Pack is a bit different than a template. It has been built with one guiding principle: scalability.

2. Tiny Fluid Grid - Inspired by the 1kb Grid, the Tiny Fluid Grid is a super simple fluid layout generator. Its download comes with a index.html with demo code.

3. PHP Template Inheritance (TI)  - PHP library for creating reusable HTML layouts (templates) for a site, using template inheritance technique.

4. DooPHP – High Performance Open Source PHP Framework, rapid development framework for PHP using commonly known design patterns like MVC and ORM.

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

6. CSS3 Button Maker - To use this Button Maker thing, you just adjust the settings until you have a nice looking button, then press the button and it will give you the CSS.

7. Simple Cloud API - open source project providing common PHP interfaces for File Storage, Document Storage, and Simple Queue cloud services.

8. Formee - CSS framework for easily and quickly creating cross-browser web forms. It works with the technique provided by Fluid 960 Grid System to compose the form's layout.

9. MooTools Canvas Library - Formee is a MooTools library that provides you methods to manage and interact with the content of a HTML5 canvas element.

10.  IxEdit - 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

11. CSS Grid Builder - a lightweight CSS framework developed by Yahoo! that comes with over 1000 page layout combinations.

12. Venkman - a JavaScript debugging environment for Firefox 2, Netscape, and Seamonkey. It gives you a GUI for stepping through JavaScript code and setting break points.

13. CodeIgniter - free open source PHP Framework with relatively small codebase. It uses the Model-View-Controller (MVC) approach for development, which allows better separation between logic and presentation.

14. DOMAssistant - a modular lightweight JavaScript library, with CSS selectors, event handling, AJAX and complete Unicode support.

15. UKI - a JavaScript based rich view component framework that can be used to create full desktop like web applications or just components inside a web page.

16. Less - an HTML5 powered CSS framework for building flexible multi column website layouts for varying screen widths.

17. PHP Fat Free - a powerful, modular and lightweight PHP 5.3+ web application framework designed to help you build dynamic and robust web sites.  CSS

18. Clean AJAX Framework - an open source engine for AJAX, that provides you high level easy to use interface for AJAX interactions.

19. BrowserLab - 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.

20. Web Developer Toolbar - Adds a menu and a toolbar with various web developer tools.

21. Expression Web SuperPreview - It can display a website in IE6, IE7 or IE8 side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout.

22. Microsoft WebsiteSpark: A Program For Small Web Design/Development Companies, It is easy to guess that most of the web designers/developers are not the fans of Microsoft.

23. Google Font Directory - Google just announced a very functional font resource with an API which will help using custom fonts within web pages.

24. CamStudio - open source screen recorder software which can record every screen and audio activity on a computer & create industry-standard AVI video files or bandwidth-friendly Streaming Flash videos (SWF).

25. Dropbox - an amazing service which keeps you synchronized on any computer with the help of a software that functions as a drive or from a web interface.

26. Kodingen - ull-featured online web development platform that enables individuals or teams to work on projects.

27. CodeRun Studio - It has support for multiple languages (C#/.NET 3.5, PHP 5.1, JavaScript, HTML and CSS). There is also SQL Server 2005 & Amazon SimpleDB support.

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

29. MochaUI - a web applications user interface library built on the Mootools JavaScript framework. You can use MochaUI for creating really slick user interface for your web applications, web desktops, web sites, widgets, standalone windows and modal dialogs.

30. PHPanywhere - There are also features like tabs, find-replace or auto-completion that we could expect from a desktop IDE.

31. Dojo - The Dojo Toolkit is an open source modular JavaScript library designed to ease the rapid development of cross platform, JavaScript/Ajax based applications and web sites.

32. Websecurify - a very easy-to-use and open source tool which automatically identifies web application vulnerabilities by using advanced discovery and fuzzing technologies.

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

34. PixelZoomer - very handy Firefox extension for web developers which can replace the step of taking screenshots of a web page and pasting it into an image editing software for making pixel-perfect measurements.

35. Firebug - Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

As a web designers or/and developers, I believe we all have our own favourite tools. For me, I have heaps of them and some of them are extremely useful.

People Who Read This Article Also Interested IN:

Useful Firefox 4 Add-ONS for Web Developers

Firefox is web developers and designers favorite browse

8 Popular Community to Create Blog for Free

Blogging has become a fashion these days and allows peo

30 Free Online Tools for Web Developers

It’s no secret that web developers seldom build thing

30 Best Web Development Tools Work On Mac

Mac OS X are well know for their simplicity and perform

15 Places Help You To Get Free Blogger Templates

Blogger is a blog publishing tool which like all other

Website Page Speed Up Tools Resources

Being a web developer and Desinger you will wondering h

REVIEWS: