Scroll page back to the top

Useful tools for web designers / developers

Web technologies were evolving very quickly over the last few years. This ever changing situation makes it more difficult for every web designer and developer to stay on top of the things. There is a large number of the different tools, which can help you with all your day to day tasks and streamline the development process. This collection lists some of the most useful tools each designer / developer should try at least once to find the right one for him/herself.

 

960 Grid System

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

960 Grid System

 
 

Adobe BrowserLab

Preview and test your web pages on leading browsers and operating systems - on demand.

Adobe BrowserLab

 
 

Are My Sites Up?

Your clients and/or customers don't care that a hamster chewed through a network cable somewhere in Northern California. They want their website up.

Are My Sites Up?

 
 

Browsershots

Check Browser Compatibility, Cross Platform Browser Test.

Are My Sites Up?

 
 

Domainr

There’s a whole world of domains out there—hundreds at the top-level and even more beyond. Whether you want a short URL or something big, Domainr helps you explore them all.

Domainr

 
 

Dropbox

Put your files into your Dropbox on one computer, and they'll be instantly available on any of your other computers that you've installed Dropbox on (Windows, Mac, and Linux too!)

Dropbox

 
 

FavIcon from Pics

Want to display your own logo on the browser address bar and browser tabs?

FavIcon from Pics

 
 

HTML Entity Character Lookup

Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters.

HTML Entity Character Lookup

 
 

Icon Finder

Search through 124,176+ icons or browse 320+ icon sets.

Icon Finder

 
 

WayBackMachine

Browse through over 150 billion web pages archived from 1996 to a few months ago.

WayBackMachine

 
 

Photoshop.com

Well, Photoshop Online! Almost!

Photoshop.com

 
 

phpForm

Create Web Form Template Online in Seconds.

phpForm

 
 

Screenr

Now you can create screencasts for your followers (and more…) as easily as you tweet.

Screenr

 
 

CSS Sprite Generator

CSS Sprite Image Generator.

CSS Sprite Generator

 
 

Icon Generator

Icon Generator is a little application that lets you generate a CS3 or Web 2.0 style icon, only 3 step. Pick color, type characters, and save it. Just create 4 different sizes of the icon.

Icon Generator

 
 

What The Font

Seen a font in use and want to know what it is?

What The Font

 
 

TypeKit

Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal.

TypeKit

 
 

SlickMap CSS

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

SlickMap CSS

 
 

ajaxload.info

Generate 'wait' indicators.

ajaxload.info

 
 

ColourLovers

This Web Tool helps you create a pallet of colours.

ColourLovers

 
 

TypeTester

Style your type using simple selection settings and get CSS for it.

TypeTester

 
 

Keyword Suggestion Tool

This is a handy little tool will show you the results of your query from both Wordtracker and Overture for determining which phrases are searched most often.

Keyword Suggestion Tool

 
 

Free SEOTools

The SEMToolBar is an attractive, easy-to-use toolbar that allows users access to statistics relating to online marketing campaigns.

Free SEOTools

 
 

Free Search Engine Marketing Tools

Free Search Engine Marketing Tools

 
 

Web Developer Toolbar

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools.

Web Developer Toolbar

 
 

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

 
 

YSlow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.

YSlow

ColorZilla for Firefox

Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox.

ColorZilla for Firefox

Lorem Ipsum Text Generator

Lorem Ipsum Text Generator makes it easy to quickly grab preformated (tagged) lorem ipsum text. If you need a specific number of paragraphs, words or letters you can specify this using our text generator. 3 easy steps: Select - Press Copy Button - Paste to your html editor.

Lorem Ipsum Text Generator

 

Discussion ( comments)

  • Donna Burdett

    Donna Burdett on Tuesday, 5th March 2013

    I've already use a few of this list namely, FireBug, ColourLovers and this Free Search Engine Marketing Tools. However, as of this moment, I'm currently looking for an SMS marketing software that would effectively enhanced our company's marketing strategies.

    Reply

 
 
 
Add a comment
Add Comment