35 Free Web Development and Designer Tools

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.

HTML5 Starter Pack


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.

Tiny Fluid Grid


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

PHP Template Inheritance (TI)


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

DooPHP – High Performance Open Source PHP Framework


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).

Smokescreen


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.

CSS3 Button Maker


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

Common PHP Based Interface For 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.

Formee


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.

MooTools Canvas Library


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

IxEdit


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

CSS Grid Builder


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.

Venkman


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.

CodeIgniter


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

DOMAssistant


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.

UKI


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

Less CSS


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

PHP Fat Free i


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

Clean AJAX Framework


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.

BrowserLab


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

Web Developer Toolbar


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.

Expression Web SuperPreview


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.

Microsoft WebsiteSpark: A Program For Small Web Design/Development Companies


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

Google-Font-Directory


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).

CamStudio


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.

Dropbox


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

Kodingen


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.

CodeRun Studio


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.

CSS Sprite Generator


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.

MochaUI


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

PHPanywhere


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.

Dojo


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

Websecurify


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.

Alloy UI


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.

PixelZoomer


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

Firebug

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.

Sponsors Adverts

POPULAR Articles

Written on 08/04/2014, 00:04
A family of thirty precision-crafted vector glyphs. Elegant. Simple. Modern. The modern minimal glyphs were created as a humble set of icons...
Written on 15/04/2014, 00:28
Here collection of logo mockups for free download will helpful save time for logo and graphical designers to making a new logo when inspiring ideas from...
Written on 17/04/2014, 10:59
If you are searching for free html5 and css3 responsive website templates to boost your website functionality, took a little extra time to see templates...
Written on 09/04/2014, 11:39
When we come to designing, we have to implement a lot of styling features. Whether it would be a logo design or any kind of poster making , efforts are...
Written on 09/04/2014, 10:54
Brand identity in the pre-established brand positioning is very critical stage; only a clear positioning and consumers can have emotional side of the...
Written on 07/04/2014, 23:13
With the following powerful and elegant jQuery notification plugins that easy to create alert,success,error,warning,information and confirmation...
Written on 09/06/2014, 07:07
The occupation of rocinha a notorious hillside "favela" that overlooks some of rio's swankiest areas is a crucial part of the city's preparations to...
Written on 05/06/2014, 08:15
Flat elements is became a popular search keyword and triggered wide web designers and ui developers academic research, Also vital to...
Written on 11/06/2014, 08:24
Developing the logo design concept is where creativity comes into play, this is where the designer must create the logo by using the design brief and...