Design Review

Industry insights, studio news, and even a recipe or two!

OMG – Kittens!*

May 7th, 2011 by
Share This
Share on Facebook0Tweet about this on Twitter0Share on Google+0Share on LinkedIn0Pin on Pinterest0
OMG -- KITTENS!! All the kittens your layouts could ever use at placekitten.com

OMG — KITTENS!! All the kittens your layouts could ever use at placekitten.com

For designers, a placeholder (or dummy) image is pretty much what you’d expect from the name: a blank square or rectangle, or generic image placed into a layout or wireframe to indicate where an image will be located before the actual illustration is chosen. Designers use it for images the way they use Lorem Ipsum text.

There are several ways to generate these images and a number of services that provide code or images, so that designers can focus on getting the layout right and not be forced to think about the images or graphics until it’s time. Placehold.it is maybe the most well known.

All these services are pretty easy to use. For web wireframes or webapps, you basically insert a short bit of code into your layout, like this: <img src=”http://placehold.it/350×150″>, and you’ll get a placeholder from whichever of these services you choose. For most of them you can specify size, for some you can insert text, for the photo-based ones, you can sometimes specify black and white vs. color or abstract vs. representational.

Some other popular and versatile services are:

Dummyimage.com, which allows you to add text.

Lorumpixum.com, which has an image library.

Flickholdr.com, which contains a bit of code that pulls creative commons images from flickr.

OMG - ANOTHER KITTEN! *This title is pretty much what Kandra Skyped me when she found out about this service.

OMG – ANOTHER KITTEN!
*This title is pretty much what Kandra Skyped me when she found out about this service.

But none of these can compete with the cute overload that is placekitten.com. Which uses random (but always adorable) photos of kittens for your placeholder images.

All of these services are going to be useful to anyone building out websites or webapps, but just think how much more pliable all of our clients will be when they see their wireframes populated with adorable kittens! It’s instant happiness.

Questions or Comments? Leave a reply, we would love to hear from you.

3 Comments on “OMG – Kittens!*

    kandra says:

    OMG — I LOVE THE KITTENS!

    Thanks to @mbernier for sharing this superior link!

    Jo Fuston says:

    Just wanted you to know I was checking your stuff out; like “OMG – Kittens”. and know what –
    I like what I see. Your business is sure are growing and looking good!

    You Make me PROUD! ~ You must take after me, well I will give some credit
    to your Dad as well……………………

    Sincerely,
    Mama
    (Jo A. Fuston jfuston@designfiles.net)

    Matt Bernier says:

    No problem! I love this service, along with lipsum.com I am set for good.

    So awesome that you guys wrote a blog post about this.


Phone: 303.995.1472 Fax: 1.866.823.5015 Site Map