Flickr Ransomizr .:. kentbrewster.com

Hang tight, please ... we're loading your font from Flickr.

What's This?

Ransomizr grabs the last bunch of single-letter images from the One Letter Pool on Flickr, arranges them into an array, and waits for you to type something in the entry blank. The result looks just like an old-school ransom note, and may be copied and pasted from here into the page of your choice.

Welcome, Delicious People!

We made the popular/fun list at del.icio.us on October 6th; thanks for all your support! If you like fun with Flickr, you might also want to check out Flickrball.

Things to Do and Notice

  • Patience, young Skywalker. If you don't see your font, it's loading. If it looks like it's taking forever, something may be busted. Keep an eye out for JavaScript errors; if you see one that says result.photos is null or not an object, please reload the page.
  • To change your note, type something else. Ransomizr is checking the input blank every half-second, and will update on the fly. No submit button needed!
  • Re-size your message with Font Size. (Right, the smaller sizes look pretty crappy ... but I figured it'd be worth including.)
  • Sorry, only the letters A through Z will show. Upper and lower case doesn't matter.
  • Don't like the letters? Erase and re-type a letter, re-size, or hit space at the end of the input box.
  • Happy? To save your note for later use, triple-click inside the Your Code box, copy, and paste it into the site of your choice.
  • There's a "get this" link at the end of that copy-and-paste code. Yeah, it's ugly; feel free to remove it. It would be great if you could leave it (or something with the same destination) somewhere near the note, so your customers could come back here and make their own notes.
  • If you do post your note elsewhere, please do not remove the links back to the authors' Flickr pages. That's Conspicuously Uncool.
  • Take a moment to get a Flickr account and upload some fresh letters to the One Letter Pool, which rocks.
  • Once you've got your letters, arranging them neatly into a rectangle is easy. Create a div, class its width to be the number of letters you want times the width of one letter (25, 50, or 75), and drop all the letters in. A 3x3 example is running on the blog post.
  • Yep, that's a blink tag up there. Wanna make something of it?
  • Have fun, and please let me know how it goes. Thanks!

Curious?

Sure, you can check out how I did it. If you're into this sort of thing, poke around on the right side of this page, under Research and Development.

View the JavaScript Source

Comments from before Disqus:

msafiullah .:. 2008-07-25 09:45:02
on firefox, the images are ok... but in IE.. the images are of the wrong size, some are bigger and some are smaller..
msafiullah .:. 2008-07-25 08:12:50
yo. nice script.

btw, i converted it into a widget.

hope you don't mind.

http://msafiullah.blogspot.com/ransomizr.html
Kent Brewster .:. 2007-11-26 14:14:17
Ahmet: unfortunately, the Flickr API doesn't mention the predominating color of any particular image. Boy, would that be nice!
Rosemary .:. 2007-11-26 09:15:09
Super!!
cihat .:. 2007-11-12 07:28:57
perfect :D
ahmet alp balkan .:. 2007-11-11 06:41:01
Good script but needs implementations. For example you can group letters has blue tones and you can use them toegether when generating new text.
Kent Brewster .:. 2007-10-10 14:02:15
Right, seems to be fixed. I needed to be watching for two-letter tags, like "aa" and "ii", which make sense because tagging a picture with "a" or "i" would be confusing. The JavaScript source has been updated; look for the changes in the getPix function.
Kent Brewster .:. 2007-10-10 13:40:55
Heh. Looks like the API isn't returning a single instance of a photo tagged with "A" in the last 500 uploads. Need to re-rig to accept "aa", which I'm seeing a lot.
Kent Brewster .:. 2007-10-10 12:54:09
That's weird. The API return is working; it does indeed seem to be choking on the letter "A". Got meetings; will come back and look at it in a few.
Collin Anderson .:. 2007-10-10 12:28:26
I think 'a' and 'i' are broken