Tools | Development | Design

David Carr

Need place holder images for a new design? Placeholder is perfect for the job

When prototyping a new layout it's 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 placeholder.com you can quickly get an image of any size you require by simply going to https://placeholder.com/ and placing your desired width and height after the address like: https://via.placeholder.com/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='https://via.placeholder.com/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="https://via.placeholder.com/350x150/226688/cfa" alt="" />

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

A very useful service, one to bookmark.

Domains are often purchased from multiple providers, keeping track of where a domain is and its DNS settings can be tricky. Domain Mapper solves this by listing all your domains in one place. View your DNS settings and receive reminders to renew your domains. Try it today.

Support my work by donating with PayPal.

Subscribe to my newsletter

Subscribe and get my books and product announcements.

© 2009 - 2021 DC Blog. All code MIT license. All rights reserved.