Graphr is an interactive 2-dimensional plotting utility built using the HTML5 <canvas> element. This project was an entry to 10k Apart web application challenge. A submission limitation of 10 kilobytes forced streamlined coding throughout the HTML, CSS and Javascript.

Try Graphr (Requires a HTML5 ready browser)

Features Include

• Scroll to Zoom
• Pan by Dragging
• Onscreen Input

This project was developed with Sam Punshon-Smith as the Bullthisl Team. I created Bullthisl as an identity for my collaborative projects. Graphr upgrades are in the works with plans to break the 10kB barrier while staying true to the ideals of making every byte count.

Press

• Graphr mention on the IE Blog

Salvatto Sound is a full service acoustic/audio video design and installation company based in NYC. Salvatto Sound has designed audio enviroments for notable artists including Billy Joel and 50 Cent.

Their site was designed around showcasing the company's body of work via a custom gallery. The number of featured studios increased to 9 with the last upgrade, so the UI was overhauled for a custom fit. The new gallery also features a preloader for seamless browsing and is built completely with HTML, CSS and Javascript.

More about the project

Load Progress Indicator & the IE Bug

View the gallery

salvattosound.com/gallery

Archifarm, a non-profit architecture firm, required a site-wide translator that was implemented with the Google Translate API.

The challenge of this project was how to take a language setting page to page. I decided to store the language choice as a variable in the hash of the url. When the hash is changed, the page reloads and uses regular expressions to apply the hash to every internal link on the site.

This solution only works if the hash is unused, but is very simple and easy to implement.

More about the project

Building a Translator with the Google API

Visit the site

archifarm.org

Even though most conversations about browser based video playback rapidly degrade into an Apple/Adobe war, I think HTML5 video is great.

If you can stand about a minute of Daft Punk and yours truly driving a Cherokee through the woods then please try the HTML5 video player. (Requires a HTML5 ready browser)

The backend for control and playback of the video element is a Javascript object. This allows for multiple videos to be displayed on one page and implemented easily by including a file and a few lines of code on each page with video.