10 Wonderful Web Tools

Posted on September 6, 2011 by Anna

The web design community offer many free tools online to help with the designing process. Some are quite simple and others do quite a bit more. Wet your tongue with eight of these wonderful tools.


Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality.


A simple tool that helps web designers find variations of any color. It’s perfect for hovers, borders, gradients, and more.

CSS Sprites

Optimize your website using CSS Sprites! Generate CSS Sprites to speed up your website by reducing HTTP requests.


Placehold.it is a quick and simple image placeholder service. How does it work? Just put an image size after the URL and you get a placeholder.

Blind Text Generator Snippets

This handy tool helps you create dummy text for all your layout needs. I like the drag and drop formatted HTML Lorem Ipsum.

LayerStyles v 0.1

The interface of this little app looks quite like the Photoshop layer styles, but works in your browser. And it creates CSS.


This tool automatically updates stylesheets with browser prefixes for the new CSS3 properties.

Awesome Fontstacks

Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!

I hope you enjoyed those and are out looking for more. Make yourself a collection of little tools. You never know when they will come in handy. Just remember to organize them in your favorites, otherwise you won’t be able to find them, and then what help are they?