Design, Development, Tools

When prototyping a new layout its convenient to use placeholder images then it is to use the final images. You could make the placeholder images in an image editing program.

There is a far better way using a site called placehold.it you can quickly get an image of any size you require by simply going to http://placehold.it and placing your desired width and height after the address like: http://placehold.it/350x150 which generates an image 350px wide by 150px tall you can then save the image and use it or use that path in an img src path like:</p>

<img src='http://placehold.it/350x150'>

Which gives you this image:

You can also specify the colour of the background and text by passing them as extra parameters in the url call:

<img src="http://placehold.it/468x60/226688/cfa" alt="" />

The first set of colours is the background the second is the text color.

A very useful service, one to bookmark.