Register  |   Sign In
Show All Articles

20 Free Tools for Web Developers and Designers

Mike S.  |   Tools  |   3986  |  

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.

Browser Lab

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.

Browser Lab

Clean AJAX

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

Clean AJAX

Tiny Fluid Grid

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.

Tiny Fluid Grid

Microsoft Expression Web SuperPreview

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.

Microsoft Expression Web SuperPreview

Kodingen

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

Kodingen

CanStudio - Free Streaming Video Software

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

CanStudio - Free Streaming Video Software

JavaScript Debugger

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

JavaScript Debugger

HTML5 Starter Pack - A Sick Freebie

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

HTML5 Starter Pack

Formee - Fresh baked forms for your websites!

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

Formee

DooPHP - High performance open source PHP framework

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.

DooPHP

IxEdit

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.

IxEdit

SmokeScreen - Convert Flash to HTML5/JavaScript

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

SmokeScreen

UKI - Simple UI Kit for Complex Web Apps

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.

UKI

Microsoft WebsiteSpark

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

Microsoft WebsiteSpark

Dropbox

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

Dropbox

Pixel Zoomer

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.

Pixel Zoomer

CodeRun Studio

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.

CodeRun Studio

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

PHPAnywhere

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.

PHPAnywhere

Alloy UI

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.

Alloy UI

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

Rate this article:
Active StarActive StarActive StarActive StarActive Star
(5.0 rating from 3 votes)

Comments