If you've studied design at all, you've probably encountered Lorem Ipsum placeholder text at some point. Anywhere there is text, but the meaning of that text isn't particularly important, you might see Lorem Ipsum.
Most people recognize it as Latin. And it is. But it is arbitrarily rearranged and not quite coherent Latin, extracted from a book Cicero wrote in 45 BC. Here's the complete quote, with the bits and pieces that make up Lorem Ipsum highlighted.
Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
But what does it all mean? Here's an English translation with the same parts highlighted.
Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?
On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain.
Of course the whole point of Lorem Ipsum is that the words aren't supposed to mean anything, so attempting to divine its meaning is somewhat … unsatisfying, perhaps by design. Lorem Ipsum is a specific form of what is generally referred to somewhat cheekily as "Greeking":
Greeking is a style of displaying or rendering text or symbols, not always from the Greek alphabet. Greeking obscures portions of a work for the purpose of either emphasizing form over details or displaying placeholders for unavailable content. The name is a reference to the phrase "Greek to me", meaning something that one cannot understand, so that it might as well be in a foreign language.
So when you need filler or placeholder text, you naturally reach for Lorem Ipsum as the standard. The theory is that, since it's unintelligible, nobody will attempt to read it, but instead focus on other aspects of the design. If you put readable text in the design, people might think the text is important to the design, that the text represents the sort of content you expect to see, or that the text somehow itself needs to be copyedited and updated and critiqued.
(Regular readers of this blog may remember that I am fond of using Alice in Wonderland in this manner, when I need a bit of text to demonstrate something in a post.)
However, not everyone agrees that relying on a standard boilerplate greeked placeholder text is appropriate, even going so far as to call for the death of Lorem Ipsum. I think it depends what you're trying to accomplish. I once noted that it's better to use real content to avoid Blank Page Syndrome, for example.
There are quite a few websites that helpfully offer up the classic Lorem Ipsum text in various eminently copy-and-pastable forms.
Beyond that, if you just want a bunch of, uh, interesting text to fill an area, there a lot – and I mean a lot – of websites to choose from. So many in fact that I was a little overwhelmed trying to index them all. I've tried to broadly categorize the ones I did find, below. If you know of more, feel free to leave a comment and I'll update the list.
Novelty
Clever English Tricks
Literature |
ProfessionsSocial NetworksTV, Movies and Media
Possibly NSFWRegional |
This is a lot to go through. If I had to pick a favorite, I'd say Fillerati because it's all dignified and stuff. But I think truer to the spirit of Lorem Ipsum are definitely the homophonic transformations, which consistently blow my mind every time I attempt to read them. Isn't that the implied goal of any properly greeked text? You were one deliciously perverse professor of romance languages, Howard L. Chace.
In today's Pinteresting world, images are arguably more important than text. But what is the Lorem Ipsum of images? Is there even one? I guess you could just slap some Lorem Ipsum text in an image, but where is the fun in that? Anyway, there are also plenty of websites offering up placeholder images of various types to go along with your Lorum Ipsum placeholder text.
I'm not sure the world needs any more Lorem Ipsum-alikes than we already have at this point. Like the market for ironic t-shirts, the Internet has ensured that our placeholder greeked text needs have not merely been met but vastly exceeded for the forseeable future. But after discovering all the creative things people have done with Lorem Ipsum, and text placeholders in general, it's sure tempting to dream yet another one up, isn't it?
| [advertisement] Hiring developers? Post your open positions with Stack Overflow Careers and reach over 20MM awesome devs already on Stack Overflow. Create your satisfaction-guaranteed job listing today! |
Great post! For WordPress developers, I made a plugin called WP-Lipsum that gives you a shortcode to access a whole bunch of Lorem Ipsum snippets:
http://wordpress.org/extend/plugins/wp-lipsum/
And then there's Lauren Ipsum, a book by Carlos Bueno that came out recently that illustrates computer-science concepts in the form of a children's adventure story.
Dan Tobias on May 19, 2012 1:35 PMMy personal favorite boilerplate text is an excerpt from Finnegan's Wake:
The fall (bababadalgharaghtakamminarronnkonnbronntonnerronntuonnthunntrovarrhounawnskawntoohoohoordenenthurnuk!) of a once wallstrait oldparr is retaled early in bed and later on life down through all christian minstrelsy. The great fall of the offwall entailed at such short notice the pftjschute of Finnegan, erse solid man, that the humptyhillhead of humself prumptly sends an unquiring one well to the west in quest of his tumptytumtoes: and their upturnpikepointandplace is at the knock out in the park where oranges have been laid to rust upon the green since dev linsfirst loved livvy.
That super-long word is great for finding issues in your layout (like, in user-submitted comments that might include very long URLs).
I even wrote a jQuery plugin which lets me insert that wherever I like on a page:
https://github.com/tomjakubowski/jquery.joyce.js/
Tom Jakubowski on May 19, 2012 2:17 PMIt's not a tradition in layout, but there is a standard photo for image processing. Meet Lenna: http://en.wikipedia.org/wiki/Lenna
_sjs on May 19, 2012 2:38 PMI must admit, even though I seem to just go back to lorem ispum text for placeholders, I don't find it visually appealing when used in a layout. Perhaps it's because it doesn't look intelligible and thus it draws attention to itself? It often appears as a wall of text in your vision, not normal paragraphs of text.
I think I may move to using randomly sourced factual information from Wikipedia or something.
Nickjbedford on May 19, 2012 5:48 PMAnd another in the Possibly NSFW which anticipated this post by a couple of days.
http://douchebagipsum.com/
https://github.com/philhawksworth/dbagipsum/
Holy fucking coincidence Batman! I just watched that episode of TinTin with my niece this morning! Also, "readable" is bad, horrible English and you should be ashamed of yourself. The word you are looking for is legible. Just because Americans decide to create a word, doesnt mean it is correct.
MJ on May 19, 2012 9:49 PMGreat post! One other thing I've found helpful lastely is .jpg.to - drop anything in there and you get an image, e.g.
There is Skyrim Ipsum for gamers: http://skyrimipsum.devsmithy.com/
Michaelsm1th on May 19, 2012 11:26 PMGreat post.
I have stopped using lorem ipsum since I do lots of client work in swedish. Swedish look a lot more spiky while lorem ipsum is quite round.
I end up using the first paragraph from a random swedish wikipedia entry.
"readable" is bad, horrible English and you should be ashamed of yourself. The word you are looking for is legible.
"Legible" is understood by most people here in England as the opposite of illegible, and usually used to denote lettering that's clear due to the writing or printing. It's also rarely used except to castigate handwriting.
Or in short, words change (horror!) and often only one meaning carries through from the languages we steal them from.
Denyer on May 20, 2012 3:33 AMDid you know MSWord has native support for lorem?
In any word document, just type =lorem()
For two paragraphs of three sentences, you can type =lorem(2,3)
This is in addition to the classic =rand() and (in newer versions of MSWord) =rand.old()
I've never really had a use for Lorem Ipsum. If I did, I might use my random sentence generator instead. Most of the time, it's nonsense (Wanton bedrooms had been tasting outward superb.) but occasionally it speaks the truth (Authorities fail.) or has something almost profound (The valid teaching will have related.).
Andrew on May 20, 2012 5:41 AMI find lorem ipsum distracting, because I can't help trying to read it, whereas I would tend to ignore some similarly obvious boilerplate gibberish in English.
Rosegarden Trumpeter on May 20, 2012 5:53 AMNothing will ever beat http://slipsum.com- Samuel L Ipsum is a Lorem Ipsum Generator, it uses quotes from films Samuel L Jackson has been in.
Brazill on May 20, 2012 8:50 AMOh. So that's probably (sorta) what that was.
At the end of the 70's I was in the Navy and living within walking distance of Japan for a year or so. Occasionally you see a young Japanese woman (as I recall) wearing a shirt with an English word or two written on it.
The words never made any kind of sense to me. It was as though they were there just because it was English, not because it meant anything.
This always makes me wonder when I see someone in the West wearing a shirt with a Kanji symbol on it. Does it mean anything or is it just a pretty piece of art which happens to also be a symbol in an Eastern language?
irrational John on May 20, 2012 2:25 PMGonna plug my own tool which uses Markov chains to generate almost-readable unique random text: http://wordum.net/
Wordum on May 20, 2012 3:45 PMhttp://ephemer.kapsi.fi/FhtagnGenerator.php?count=500&format=text&fhtagn=yes
Cthuvian Ipsum Generator
D on May 21, 2012 12:09 AMand of course, this post reads better while listening to http://www.biglionmusic.com/music/lorem-ipsum/ :)
Sylvainhb.blogspot.com on May 21, 2012 5:00 AMMy favorite is a list of disclaimers. I have my own that I have collected over the years but here are a couple of good ones.
http://webcatt.net/humor/disclaimer.html
http://coolsig.com/disclaimers1.html
heb3 on May 21, 2012 8:21 AM10 Print "Lorem Ipsum"
20 Goto 10
வணக்கம்(greetings in "tamil" language)
Abs Abs Abs solutetttttlllllllllyyyyyyy fantastic mr.dude
Rocking information wow!this is not for this post but for this entire blog.i learned really some nice info,thanks!
i really hate people's who not often update write some stupid out dated info's whom newbie's read,trust and follow them which leads to poor software design.
but your concepts ideas give great insights.........simply what to do what not to do!!!
I am in a early of stage of game changing A.I design and development process.i need lots of info not for devlopment purpose but also i am looking into hackers and clever ones mindset.
Hmmmm my favor is mixed approach like backbone in c++ and others parts in c,python but def. not crap "idiotgates" "idiotery languages" such as vb.net,c# etc.....
Any way i love to get some tips some other time(I am busy in reading and analyzing your post)..keep it up sir,God bless you
manosankar.v
V Mano Sankar on May 22, 2012 11:35 PMA noble gesture to garner the design community vote, for sure, but if programmers need to sling Lorem Ipsum to do their job, something is deeply, horribly, terribly wrong with the state of technology in the world.
So please don't learn anything about Lorem Iosum!
KyleTress on May 23, 2012 2:29 PMI'm a designer, and I hate lorem ipsum. Let me tell you why.
Firstly, mockups that use lipsum typically assume that all pieces of content will be filled with equal amounts of text. Typical lipsum mockups with equally-sized blocks of latin therefore give a free pass to designs that break with uneven or unusually large amounts of content (like vertically aligned columns). They also fail to uncover issues where narrow columns and textareas create 'rivers' of whitespace when words don't quite fit into the space.
Secondly, using realistic text in wireframes is a great way to expose pieces of content that don't make sense in practice. Perhaps the content would be redundant, or would be difficult to fill in real-world scenarios. Either way, that's not something you want to discover at the late stages of the design process (or worse, post-release). You don't necessarily have to write your own copy - just pasting in something from another website with similar content will typically do.
Thirdly, because lipsum is not to be read, it allows designers to forget about readability and text legibility in favour of shaping text sections to fit into their design. That's risky practice, and at worst it creates unusable content and websites with text that looks pretty can't be consumed. And that's killer.
Granted, sometimes there aren't any alternatives. Sourcing realistic content - even when it's copypasted from somewhere else - is a time-consuming exercise. But I'd always recommend trying it out before signing off a design, because the alternative is just too, too risky.
Jimmy Breck-McKye on May 24, 2012 5:37 AMMy personal favorite generates random text in the style of Noam Chomsky:
http://code.activestate.com/recipes/440546-chomsky-random-text-generator/
I find this site very nice and I especially like the simplicity of the graphics, whatever the chosen themes.
A big congratulations and thank you for the work that you share
voyance par telephone
I've added http://placeape.com to the mix of placeholder image sites. Check it out. That'd be cool! :-)
Will_woodward on July 16, 2012 3:13 AMThis is really a good post.
It make know more and help me a lots.
Thanks for sharing.
My website: http://isitdownjustforme.com/
On top of all that, according to the program, I just found that my presentation involves interpretive dance, too. Man. I wish someone had told me! My moves are so rusty, they've barely improved from Electric Boogaloo. But hey, at least I don't have to sing Andrews Sister songs like poor Brian Fling. london flats for rent
The comments to this entry are closed.
|
|
Traffic Stats |