Handy Dummy Text and Image Generators

When we are designing a brand new website, most times we insert dummy text or photos to make mockup looks finished. Today I will share dummy text and images generators. Let’s use them to save your time!

↑私が10年以上利用している会計ソフト!

Dummy Text


Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. You can grab this Lorem Ipsum dummy text on Photoshop.


Dummy HTML snippets for webdesigners
Generate dummy text with HTML tags. You can drag a snippet to right-hand side to customise. There is a similar website: HTML-Ipsum, you’ll see the list of dummy text with HTML tags.

Fake Name

dummy3
Random name generator
The Random Name Generator is a simple fiction writing tool to create character names.

Dummy Image

Simple Dummy Image

Placehold.it
A quick and simple image placeholder service. You can customise the size, colour, text and image format.

i.e. Copy and paste this tag, you’ll see below image.

<img src="http://placehold.it/640x340/27709b/ffffff">

There are similar websites:

Choose Category and Colour/Grey Image

lorempixel

This website provides sliders to adjust size of picture. You can get a random picture in your favourite category. Also you can choose colour or grey.

i.e. Copy and paste this tag, you’ll see below image.

<img src="http://lorempixel.com/640/340/sports/">

Choose Category and Colour/Sepia/Grey Image

PlaceIMG

You can get a random picture in your favourite category. Also you can choose colour, sepia or grey.

i.e. Copy and paste this tag, you’ll see below image.

<img src="http://placeimg.com/640/340/people/sepia">

Flickr Dummy Picture

flickholdr

Get placeholders related to the site you are developing, by pulling images from flickr based on tags.

i.e. Copy and paste this tag, you’ll see below image.

<img src="http://flickholdr.com/640/340/food">

For Dog Lovers

PlaceDog.com

You can choose your dimensions in the pathname and share the doggie love on your projects. Insert “g” before sizing to get a grey image.

i.e. Copy and paste this tag, you’ll see below image.

<img src="http://placedog.com/640/340">

For Cat Lovers

{placekitten}

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Insert “g” before sizing to get a grey image.

i.e. Copy and paste this tag, you’ll see below image.

<img src="http://placekitten.com/g/640/340">

Fake User Avatar

dummy7
User Inter Faces
Finding sample avatars for interface design can be super annoying. To use, adjust the avatar grid however you like, and take a screenshot.

Please share us your favourite generators :)

シェアする

コメント

“Handy Dummy Text and Image Generators” への2件のフィードバック

  1. sweettools より:

    maybe you like also:

    http://dummy-image-generator.com/

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)