JavaScript

JSON Diff

JSON Diff is a simple tool for diffing and visualizing JSON.

JSON Diff

JS Dock

The Dock is a free, open source navigation bar featured on this website

The Dock

JS Console

The Console is a JavaScript console in bookmarklet form for executing JavaScript code in any web page. Features auto-completion, line editing, history, and more.

The Console - coming soon

Keychain Bookmarklet

The Keychain Bookmarklet application is a simple tool for storing and auto-filling passwords on webpages, originally intended for the iPhone.

Keychain Bookmarklet

Meebosé

A bookmarklet which adds "Exposé"™-like functionality to the Meebo chat client.

Meebosé

Spam Guard

The following is the method used on this site to protect against email address harvesting robots that crawl the web looking for your email address to spam. It's a little paranoid, but it should protect against pretty much any email address harvesters (unless it executes the JavaScript and actually traverses the DOM... but that's unlikely).

Include the following in a script tag on every page you need an email address link.

function email_me()     { window.location = "mailto:" + email_string(); }
function email_string() { var at = "@"; return "myemail" + at + "mydomain.com"; }
function email_link()   { document.write("<a href=\"#\" onclick=\"email_me(); return false;\">" + email_string() + "</a>"); }

Wherever you want an email address link, include the following:

<script type="text/javascript">email_link();</script>

Of course this will only work if the user has JavaScript enabled. You could also replace the "#" above with a link to a page alerting the user that they need to manually copy the email address into their email program.

Photo Proof Downloader

This one has very few actual uses (one, in fact), but it's a proof of concept that could be applied to a number of things. Many event photography companies, such as the one present at my graduation, have websites where you can view proofs and order overpriced prints. They usually have some sort of weak "security" to keep people from downloading high resolution versions of their images, ranging from using JavaScript to disable right-clicking to simply only showing low resolution or watermarked photos.

This one in particular has a fancy "magnifier" that only lets you see a small portion of the image at a time. Here's a screenshot:

Of course there's nothing stopping anyone from clicking each section of the image and pasting them all together, nor is there anything stopping me from writing a little JavaScript application to do it automatically.

It simply loops through each section of the image: downloading, cropping via CSS, and assembling them into one medium resolution image. This could be modified for similar sites by changing the dimensions and sizing parameters, etc. It as a few frivolous features like bookmarking and previous/next buttons as well.

Photo Proof Downloader - featuring myself as the model...

comment ^