MoMA asked us to create a website for their annual after party for the Armory Show. In addition to selling tickets, they decided to introduce a micro donation campaign this year; for those that want to contribute but cannot attend the event. We were delighted when they liked our pitch for creating digital bobble heads as a gift for donating. There will also be a live stream of the event.

The website is a pretty straight forward e-commerce site, but we got to use Stripe as a payment processor for the first time. I love them and so should you. We created a simple admin interface that allows MoMA to manage orders.

As for the bobble heads, we implemented it with a little JavaScript + Canvas magic. Unfortunately, in order to support InternetShitExplorer version < 9; we had to create an additional Flash version. Thankfully converting most of the JS into ActionScript was trivial.

We got Luis to do all the illustrations for the bobble heads. It was great working with Luis. It felt like being back at the lab, PLW style. This may turn into a new startup

Anyway, check me out! And see you at the party on March 7, 2012! I’ll be there. Will you?

Fellow nerds. Kyle and I are at WWDC this week. Lets hang out and have a beer. See you early tomorrow morning!

A few days late, but I just helped Tracy at Village launch Super Rural. I’m starting to become a Shopify expert For Like Ever poster now come in many colors!

Based on some recent feedback from a developer using CVOCV in one of his projects, I spent a few hours the other day updating the CVOCV code to run on my iPad 2, on iOS 4.x. I suspect a fair number of developers will be interested in this and taking it for a spin. Enjoy.

Grab the Universal code over on github.

With the introduction of their new product MultiGeneration by Knoll to their Generation family, we designed and developed a brand new sithowyouwant.com for Knoll. Unlike the previous site, this site does not use Flash, and all components including the “Build your own Generation” feature works on all browsers including mobile Safari.

I just posted JSGestureRecognizer which is a bit like a JavaScript implementation of UIGestureRecognizer on iOS for Mobile Safari. If you’re familiar with UIGestureRecognizer, this should come in really handy.

I wrote this because:

1. I got sick of writing touchstart/touchmove/touchend events to support Mobile Safari
2. I didn’t see any implementation out there that I liked
3. I like how UIGestureRecognizer works in iOS and wanted Mobile Safari to work similarly
4. I wanted to be able to easily create my own gestures

Anyway, there’s documentation on the project page, and you can get a copy of it on github.

With my buddy Jeff, we worked on our friend Mamiko Otsubo’s new website. A nice collection of Mamiko’s work, go see her work now!

Here’s a simple HistoryObserver (or better yet, hash observer) in Prototype.js for all ajax-like needs. I find myself rewriting this all the time!

(function() {
  var HistoryObserver = Class.create(Abstract.TimedObserver, {
    getValue: function() {
      return location.hash.substring(1);
    }
  });
  Event.observe(document, 'dom:loaded', function(event) {
    new HistoryObserver(document, 0.4, function(el, value) {
      alert('New hash value: ' + value);
    });
  });
})();

A quick weekend project, building a site for my friend Cara using Indexhibit. It was easy enough to get started although while writing the plugin, I did have to add some extra stuff to the core. It did make me feel a little sad having to write PHP, but maybe this will inspire me to port it as a Rails/Sinatra app?

PS Cara is awesome if any one is looking for a production designer.

I just saw this in a flash ad:

which is clearly a rip off of the classic eye bee m poster by Paul Rand:

The rule to ripping something off is to make it better. In this case, a massive failure. If I ever get old and need grandpa reading glasses, I will not go to Lens Crafters!