• Sumo

Here is an enumeration of online tools that I often use when developing a website, all of which are free to use. I have categorized them according to their purpose and no two tools offer the exact same features. Starting off…

Color Selection Tools

0 to 255

While cleverly named, 0 to 255 features a very attractive user interface for color selection using Flash. It is excellent for picking colors for hovers, borders and gradients.

DeGraeve.com – Color Palette Generator

Simply provide the URL of the image to extract a palette from and DeGraeve.com’s Color Palette Generator gives the hex codes of the colors straight up.

Color Scheme Designer

Color Scheme Designer is an excellent color selection tool that generates sets of colors or whole color palettes for website development or for other graphic related projects as well. It even provides an example of a website layout wearing the selected color scheme.

Dummy Content Generators

Dynamic Dummy Image Generator

If you are in the process of creating a web page layout and you encounter a portion of the layout where an image is supposed to appear, Dynamic Dummy Image Generator might be a useful tool for you. The dummy image generated is customizable and it is very easy to use.

Lipsum Generator

The Lipsum Generator can produce any defined number of paragraphs, words, bytes, and lists of the famous placeholder text – “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec dui metus, sit amet auctor eros. Sed id risus non diam convallis facilisis…”

Layout Builders

960 Grid System

The 960 Grid System Custom CSS Generator generates markup and CSS layout based on the 960 Grid System – a common trend in dimensions of modern websites.

YUI: CSS Grid Builder

YUI: CSS Grid Builder is one of Yahoo!’s web development tools. It differs by the widget-like approach to creating sections of the page layout.

FavIcon Creators

Dynamic Drive FavIcon Generator

Dyamic Drive’s FavIcon Generator is a classic tool for converting image files to favicon.ico (the graphic that appears beside the website address in the browser).


Favicon.cc is another favicon maker that not only allows the user to create favicons from images but also create one from scratch pixel by pixel using its intuitive tools.

Button Maker

CSS Button Generator

CSS Button Generator allows you to create CSS-based buttons by simply tweaking the sliders to customize the resulting image to your liking. Since the design does not require images, it would also contribute to the reduction of your page sizes.

Keyword Selection Tools

Google Insights for Search

Google Insights for Search is useful for strategically selecting keywords for search engine optimization on websites. It allows the user to compare search volume patterns across specific regions, categories, time frames, and properties.

Google AdWords: Keyword Tool

Google AdWords’ Keyword Tool is another helpful tool from Google that shows the user the statistics behind sets of keywords, that is, its popularity, and its competition. This tool has been recommended by viperchill.com for WordPress search engine optimization.

Web Traffic Monitoring Tools

Google Analytics

Google Analytics is a free web analytics service from Google that provides sophisticated facilities for web traffic measurement. You need only to use your Google account to gain access and paste a code (given to you) in your website.


Who’s.amung.us is a real-time web traffic tool. It features a timeline that shows how much visitors your website has at a given hour, and a map that shows the location of your visitors. You only have to paste a small widget to start using their service and requires no registration.

Thumbnail image from www.sxc.hu