Category Archive
Apps 
Notes on Sketchpad, Color Piano, MIDI.js, and creative coding: process, design, and code behind browser-native tools.
Sketchpad 5.0
Hot off the press, released January 2018! Introducing Sketchpad v5.0 (codename Fancy Fox), a year after 4.1. The biggest change: brushes now draw into layers instead of just on top of them, which opens up a pile of creat...
Sketchpad 4.1
Extra extra! Released January 2017. There’s a new SketchPad in town, focused on making it feel at home in more places around the world. Themes let you pick a look (I’m on "Deep Purple" right now), and 12 professional tra...
Sketchpad 4.0
I’m excited to announce Sketchpad 4.0! The focus of this release was making the app more colorful, faster, and easier to use. That meant rewriting a lot of the interior: real gradient editors, smoother text editing via O...
Sketchpad 3.7
Sketchpad v3.7 has arrived, February 2015! This is the release I’d been hearing the most requests about: 300DPI export for print, automatic library saving so you never lose work, and path smoothing on the pencil tool so...
Made with Code
I recently had the pleasure of working on Google’s Made with Code initiative with the Red & Co. creative studio and Mash, a group of developers located in Portland Oregon. My primary focuses were creating the renderer fo...
Sketchpad for Custom Print
Sketchpad has been used in applications from scientific machine learning, to kids drawing, but we haven’t had much chance to focus on any commercial aspects. This is why we’re excited to be changing that. We’re gearing u...
Sketchpad 3.0
Sketchpad 3 is available in the Chrome Webstore (for free), combining WebGL effects with vector editing, and lots of HTML5 goodness! You can now drop a photo through webcam filters and paint onto the result in the same s...
WebcamFX - GLSL Shaders
Take photos with your webcam: mix and match combinations of filters to come up with your own unique effects. FilterStack includes a large collection of filter combinations to help get you started. Once you're happy with...
Sketchpad 2.1
UPDATE: Read about Sketchpad 3.0 Where Sketchpad 2.0 introduced non destructive vector + bitmap editing on the web. Sketchpad 2.1 (SP2.1) takes that bland package of vector tools and borrows features from Sketch Mobile o...
Sketchpad 2.0
UPDATE: Read about Sketchpad 3.0 Introducing a new way to create graphics online. Sketchpad 2.0 is a non destructive vector & image editor, built in HTML5, that you can start using right now, for free! I/O is for input a...
Sketch Mobile
Sketch Mobile is a drawing app build for mobile browsers; taking advantage of technologies such as multi touch, the accelerometer, and the gyroscope; providing a fun & novel environment to express yourself in colorful wa...
Color Piano 2.0
Learn how to play piano songs by watching notes fall towards the keyboard as color blocks; similar to how Guitar Hero works, but with a real instrument. Color piano Theory (CPT) ties together chords, scales, inversions,...
Batch Thumbnail Generator
Many times, when researching a larger project, I make smaller demos to break up my workflow and keep things fresh. The Batch Thumbnail Generator (BTG) is one of these offshoots, a sandbox for creating zip packages with t...
ColRD: Image DNA
Exciting news on ColRD.com! Today we’re announcing the public beta of Image DNA, available exclusively on the Chrome Webstore. Image DNA is an application that aides you with intelligent extraction of colors from images....
Color Sphere
Color Sphere was one of my 1st HTML5 projects, way back in 2007. Well, the years passed, browsers sped up, my hair grew longer, and nothing changed on Color Sphere… but the time has come! The latest rendition is bigger (...
ColRD: Gradient Creator
Tonight, on ColRD, we released the latest rendition of Palette Creator, along with our newest addition; the Gradient Creator! This new webapp makes it fun and easy to create CSS3 linear gradients . UPDATE: You can also d...
Color Accessibility in the Browser
Announcing the release of color blindness daltonization + simulation bookmarklets; daltonize.appspot.com The Chrome Daltonize extension is faster in many cases, and uses less bandwidth than the bookmarklet, highly recomm...
Background Generator
I worked on a future release of BG a few months back, and am excited to share some screenshots! It’s exciting to be able to produce wallpapers for my Desktop in my Browser . Since creating these images, I’ve found that b...
Music Box
Last weekend I got a chance to mess around with Mr. Doob’s rendering framework Three.js and Daniel van der Meer’s amazing MIDIBridge. I’ve been a big fan of both Ricardo and Daniel for some time now, so it was fun to wor...
ColRD: Color Extractor
UPDATE: Renamed to Image DNA and released as a Chrome Extension, read more. I spent last weekend working on a color palette extractor in HTML5. These examples illustrate automatically picked 7 color and the 90 color pale...
Color Piano v1
UPDATE: There is a more recent post on Color Piano. Color Piano Theory (CPT) was inspired by an interest in building an educational application that utilizes colors in teaching piano theory . CPT ties together chords, sc...
ZenBG: Background Generator
Background Generator (BG) provides the ability to edit the background of any website in real time! To give you an idea, the backgrounds of the Journal, Photos, Projects, and Labs sections of Mudcu.be were created using B...
HTML5: Unicode Profiling Project
The Unicode Profiling Project was designed to gather statistics on unicode support across systems. The software checks each symbol in your systems Unicode catalog (65,535 glyphs) to see which are visible on your computer...
Sketchpad 1.0
UPDATE: Read about Sketchpad 3.0 Sketchpad is a free application utilizing to allow anyone with a web connection and a recent copy of Safari, Firefox, Opera, or Chrome the ability to create beautiful drawings. Sketchpad...
Sketchpad (alpha)
Welcome to the preview of Sketchpad. Though not all browsers support we’re working hard to extend support before our official release. Until then, you lucky FireFox users (download Firefox) will be able to kick the tires...
Piano Theory widget
\[update\] Read about Color Piano Theory.I’ve been working on this widget a long time, on and off, basically whenever I’ve got a vacation. There are a lot of features in the works, so check back for more updates. I would...
ColorJack: Sphere
Ever wonder what a computer programmer does while on vacation? The same thing we do every night. Check out the newest release from ColorJack Labs (developed in Mexico). Sphere allows you to visualize the theory behind co...
Sphere Widget
Do you like ColorJack Sphere? Want it on your desktop? Download the widget for Apple’s Dashboard!