40 Useful Tools For Web Designers and Developers

In this article you’ll find 40 useful tools for web designers and developers. It includes plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimize rs, testing and many more.


Name Checklist

This tool will help you find out if your brand name, username, domain and vanity url are still available online or they are already taken.

Todo.txt Command Line Interface

If you’ve got a file called todo.txt on your computer right now, you’re in the right place. Countless software applications and web sites can manage your to-do list with all sorts of bells and whistles. But if you don’t want to depend on someone else’s data format or someone else’s server, a plain text file is the way to go.

Wordle

Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.

ScriptSrc.net

This site puts all the latest versions of script tags from the various JavaScript libraries in one place. Whether you use jQuery, swfobject, Chrome Frame, MooTools, Ext JS, YUI, Prototype, Dojo or Scriptaculous, you’ll find the most recent script tags here.

Print Friendly Bookmarklet

This bookmarklet strips advertising, navigation and all things that you don’t want to have when you decide to print out a page. It formats the content of an article or a document for great readbility and generates a minimal and clean PDF for printing.

Color Scheme Designer

Color Scheme Designer is an online application helps you create color schemes of different types and it may facilitate your looking for the optimal color palette by controlling the saturation and contrast level for the chosen color schemes.

ColourLovers

COLOURlovers is a creative community where people from around the world create
and share colors, palettes and patterns

CoffeeScript

This is a little programming language that compiles JavaScript while simplifying the code that developers actually have to deal with. It works with current JavaScript libraries and compiles clean code, leaving even comments intact. Once developers familiarize themselves with how CoffeeScript works, they could potentially save themselves a lot of time and headaches with the simplified code.

TypeChart

TYPECHART lets you flip through, preview and compare web typography while retrieving the CSS.

JS Bin

JS Bin is an application specifically designed to help JavaScript- and CSS-developers to test snippets of code, within some context, and debug the code collaboratively. JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code, new tabs doesn’t). Once you’re happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.

BackType

BackType lets you identify and connect with the people who’s thoughts and opinions you value; follow their comments in your Dashboard

jQuery 1.4.2 Visual Cheat Sheet

jQuery Visual Cheat Sheet, the refined and updated version of the popular jQuery Cheat Sheet is finally here. The new edition includes all the reference you will ever need for jQuery 1.4.2 API!

TweetDeck

TweetDeck is your personal real-time browser, connecting you with your contacts across Twitter, Facebook, MySpace, LinkedIn, Foursquare, Google Buzz and more.

Turbine

Turbine is a collection of PHP-powered tools that are designed to decrease css development time and web developer headache.

Sencha: HTML5 Mobile App Framework

Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.

SifrVault

An online Repository of sIFR fonts.

jQuery Deconstructed

The Deconstructed series is designed to visually and interactively deconstruct the internal code of JavaScript libraries, including jQuery, Prototype and MooTools. It breaks the physical JavaScript into visual blocks that you can easiliy navigate. Each block opens to reveal its internal code. Clickable hyperlinks allow you to follow program flow.

Are My Sites Up

Are My Sites Up is a very simple service to help you keep an eye on your sites and warn you if they go down. With the free service, you may check up to 20 sites, unlimited notifications are sent via email or SMS text message to your cell phone, site checks are performed 25 times per day.

makeTEXT

makeTEXT is a funny multilingual textgenerator. It is an alternative for the glorious, but rather boring Lorem Ipsum.

Scrnshots

ScrnShots is the best way to take, find, and share screenshots of web and screen based design.

Drop

Use drop.io to create and privately share your files by web, email, phone, fax, and more. Drops are protected from search engines so you can conveniently share what you want with whom you want.

Wix

With Wix you can create a free website or make free MySpace layouts and Flash MySpace layouts. It’s the simpler, faster, better way to build & design on the web.

280 Slides

Create beautiful presentations, access them from anywhere, and share them with the world. With 280 Slides, there’s no software to download and nothing to pay for – and when you’re done building your presentation you can share it any way you like.

SproutBuilder

Sprout is the quick and easy way for anyone to build, publish, and manage widgets, mini-sites, mashups, banners and more. It improves the way brands connect with customers through social advertising technology.

Scr.im

Scr.im lets you use a shortened URL to give out your email address safely and securely on forums. Just enter your email address on Scr.im and it will give you a link to a page with your email address, with security to prevent bots from viewing it.

ShiftSpace

ShiftSpace is an open source browser plugin for collaboratively annotating, editing and shifting the web.

Quix

Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot. All you have to do is remember the shortcut for the bookmarklet, so, basically, it’s like a command line for your browser! Quix comes with an enormous amount of powerful commands built in: check out the video below, or the first steps guide, after that, check out how to integrate it with your browser, and all the commands that are available by default.

RoundedCornr

This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.

Primer CSS

Primer undercoats your CSS by pulling out all of your classes and id’s and placing them into a starter stylesheet. Paste your HTML in to get started.

Fontstruct

Is a free font-building tool that lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Aloha Editor, The HTML5 Editor

Aloha Editor is an advanced browser-based editor that is faster than other editors and provides you with better and richer formatting in real-time in your browser.

OpenStack Open Source Cloud Computing Software

The goal of OpenStack is to allow any organization to create and offer cloud computing capabilities using open source software running on standard hardware. OpenStack Compute is software for automatically creating and managing large groups of virtual private servers.

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.

SwatchSpot: Random Color Swatch Generator

This tool creates random color swatches to inspire you. Lock in the colors you like and shuffle away the ones you don’t. Once you’re done, grab the color codes or download your palette.

Tweetment

Make your friends jealous – design beautiful web pages for your tweets.

Bounce

A fun and easy way to share ideas on a website. The tool allows you to make notes, write feedback in an overlay of every site and then share your notes with friends.

LaunchList

This tool helps you review important items before the big launch. By default, the tool provides 28 items to be checked, but it also allows you to add custom items to the list.

Zootool

With Zootool Collect, organize and share your favourite images, videos, documents and links from all over the web.

Sketchpad

This application is a powerful online image editor. Its tools are organized in handy, draggable boxes that can be positioned very much as you would see in traditional image-editing applications.

Tiny Fluid Grid

The happy and awesome way to build fluid grid based websites.

Related Posts:

Author:

Dipankar Jana, 21 year old student of Computer Science and article writter of Djdesignerlab.com. His latest creative field is web design and wordpress theme development. He also used to write articles for mystrious.com and djdesignfuture.com. If you'd like to connect with him, you can join him on facebook or follow him on twitter.

Submit a Comment

Your email address will not be published. Required fields are marked *


8 × = sixteen

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>