Friday, April 11th, 2008

Upside Down Text

Category: Fun, JavaScript

Yup, check the calendar, it’s Friday!

John Dyer has implemented the much asked for upside down text JavaScript that lets you code this:

  1. <script type="text/javascript" src="upsidedown.js"></script>
  3. <div class="upsidedowntext">I can be read in any orientation</div>
  4. <div>I can be read in any orientation</div>
  6. <div class="upsidedowntext">This is Tom Cruise taking your picture</div>
  7. <div>This is a boring Russian Mig</div>

to see this:

Upside Down

If you look at the source you will see that the magic is in a flip table that does the unicode thing.

I love the rationalization:

There is a huge need for upside down text on the web. With everyone “going mobile,” developers cannot simply rely on users having their screens oriented the same way all the time.

Nice joshing :)

Posted by Dion Almaer at 12:23 pm

2.9 rating from 25 votes


Comments feed TrackBack URI

Umm, isn’t that what SVG is for? Hard to see the practicality for this when you can’t read half the letters when “flipped”

Comment by TNO — April 11, 2008

This is going to be fantastic for my mobile text-mode original tabletop Donkey Kong rewrite! I’ve been at 99% for months, and the upside-down score text had stumped me. Get ready for impromptu coffee-shop text-mode tabletop Donkey Kong tournaments!

Comment by doublerebel — April 11, 2008

@TNO: I’m always amazed when people feel the need to nitpick humor.

Comment by Trevor — April 11, 2008

Humor is quite a relative thing, and in this case I didn’t get the memo

Comment by TNO — April 11, 2008

Might be interested that Umop Apisdn function does things with regular alphabets :-)

Comment by choonkeat — April 12, 2008

Hmm … never needed that feature. Text in 45 degree for nice tables would be nice.

Comment by Aimos — April 13, 2008

I cant seem to figure out how this is useful. I’m a mobile web user and there is no need for upside down text, who reads stuff upside down? If I were to hold my phone upside down then it will flip the browser upside down too, or even sideways so its always normal.

Does anyone who browse using a phone that doesn’t flip a website around for you keep it upside down and try to read it upside down? I think they usually just flip back their phone in a way that they can read it.

Comment by rsumi — April 14, 2008

You can browse the whole web upside down from here…

Comment by xlcus — June 12, 2008

Leave a comment

You must be logged in to post a comment.