Category Archive
Open Source 
Notes on Sketchpad, Color Piano, MIDI.js, and creative coding: process, design, and code behind browser-native tools.
Color Picker
The latest rendition of the Color Picker “Classic”, themed after Photoshop, GIMP, and other image editors, there are no frills here, it’s a basic Hue, Saturation, Luminance, and Alpha (HSVA) color selector. It works in b...
MIDI.js
MIDI.js (on github) ties together, and builds upon frameworks that bring MIDI generation to the browser. Combine MIDI.js with jasmid to create a web radio MIDI stream similar to this demo… or with Three.js, Sparks.js, or...
HTML5: SoundFonts
Color Piano Theory is now available on the Chrome Webstore. There haven’t been any major UI overhauls since last reported, but there has been a lot of work going on the back end! Most importantly moving from the Java int...
Bitwise Gems and other optimizations
One of my favorite posts in the last few years was Bitwise Gems in AS3 by Polygonal Labs , an article inspired by Bitwise Operations in C on Gamedev . This article is a summary of what I’ve learned, applied to Javascript...
global Composite Operation
The standard chart (a great resource provided by Mozilla) describing the effects of the globalCompositeOperation is incomplete, as it leaves us to extrapolate how 99% of the color spectrum, and multiple levels of opacity...
HTML5: Typographic Effects
HTML5 Rocks is a website that helps inspire developers and teach how to implement those shiny new HTML5 features in real world examples. They recently asked me to write an article for their website. Working on a project...
HTML5: Typographic Metrics
Typography support between browsers has a history of being spotty. One of the major hurdles in creating the ( yet to be released) next incarnation of Sketchpad was typographic support; between browsers and even within th...
Dynamic MIDI generation in the browser
UPDATE: This project has been cancelled. The MIDIBridge took this idea much further; see the archived project page on the Wayback Machine. Have you ever wanted to use MIDI in your Javascript or Flash project? It’s been a...
Sphere Plugin
I’ve prepared a new DHTML plugin, licencened under Creative Commons. It works perfectly on all Macintosh browsers, however, I haven’t had the opportunity to test on Windows… If there are bugs there, it would be great if...
DHTML Color Picker
I finally got all the ColorJack code into a little widget for your websites! It’s surprisingly small… the entire package weighs in at only 24.5k :) To give you an idea for comparison, it’s nearest competitor is 72.3k. Fe...