Rubber Stamper for the 21st Century

There is something satisfying about the old-school rubber stamp for marking a document. In the world of the web we just don’t have much of a need for paper anymore and the rubber stamp is dying as a result. Some co-workers and I had discussed this situation and decided we need to be able to stamp websites. Seems like a fun way to comment on the site and send a screenshot or post it on Tumblr or something, right? The first attempt was a bookmarklet that just throws a big greek beta over the page to indicate that the site is in beta mode. Mostly this was because we have clients that like to tell us when little things aren’t working like they want, we figured we’d throw a beta stamp on the site and send them a screenshot: “the site is in beta” would be our excuse. Something like this.

A better stamp

But that just didn’t seem stamp-like enough. It needed to be red. And a better font. And look like a real, honest-to-goodness rubber stamp. So using that same basic idea I threw together a quick stamp using our team’s favorite hash tag: #kindaconcerning. This is really for many different uses, most notably when we see something on a site that is really terrible or embarassing or something (either that we did or just something we ran across).

Still not enough

Even with that it seemed to limiting to have the location, size, color, text and basically everything about the stamp be so pre-defined. So partially to resolve those concerns but also partially because it sounded like a fun little exercise I built this toolbar for this very task. Based on the same idea as Malte Wassermann’s Viewport Resizer (which, as a sidenote, I highly recommend) this write a little tool bar to the current document and then reloads your current document into an iframe in that document. Then you have lots of fun controls at your disposal to stamp away with.

And that’s where we’re at today. Not sure how much further we can go with it? The only thing I’ve considered since I wrote this last night is maybe incorporating a screenshot tool within it that it would generate a screenshot automatically and let you download it. That seems like a significant amount of work for something that pretty much every computer can do on it’s own right now but we’ll see. Might be a fun little exercise for some day in the future.

Enjoy!

Write a Reply or Comment

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax