Projects

  • Brooklyn Alpha

    Tom Sartain and I were having a conversation one night after work. Between the two of us we figured we had approximately zero knowledge about organizing a conference. So, obviously we decided it best to jump right in. This three-day build-a-thon held in Gowanas, Brooklyn was what we came up with.

  • The Man From Hollywood

    Would it be possible to create a kinetic type animation using only CSS transitions and a whole lot of elbow grease? I thought so. TMFH is a first-of-its kind demo of how far CSS animation can be taken.

  • Jribbble

    When a popular web service releases a public API it's like a dinner bell ringing for web developers. We run towards it cooking up ideas of how that beautiful open data can be used. Jribbble was my reaction to Dribbble.com releasing their API. It's a jQuery plugin to easily access shot and player information.

  • Full Court Shots

    I wanted a way to get an at-a-glance view of all the latest and greatest design snapshots from the design-a-thon that is Dribbble.com. This weekend project of mine continues to be a source of design inspiration for me and the handful of other design lovers that frequent it.

Experiments

Bite-size snippets of code exploring an idea that may or may not be practical or even sane.

  • A pretty bad drawing of some shaky text and a beaker filled with pink crud.

    CSS Shaky Animation

    I've always loved the shaky animation style of a lot of cartoons. This demo brings that style to the browser with some CSS tricks and a little elbow grease.

  • A stylized image of the text Write-on! used in the CSS demo

    CSS Write-on Text Effect

    Handwritten text being drawn onto the screen is a common effect in motion graphics. In this demo I recreate that effect using web technologies.

  • A stylized image of two cowboys used in the CSS demo

    CSS Animated Slideshows

    Revolving image galleries made with only CSS animations? Get out! Feast your eyes on some new wave CSS goodness.

  • A stylized image of frames of a running horse used in the CSS demo

    CSS Animated Sprites

    Wait, did I just recreate animated gifs using only CSS animations? I sure as hell did. Might not be the most practical thing, but it sure is cool!