Page 4 of 5

Super easy image resizing in GIMP

Ever been here? I want to double the size of this image open calculator type in current width * 2 type in current height * 2 paste results back into the Create New Image dialog I’ve done that countless times. As I was about to do the same thing once more, I thought “Hmm, wouldn…
thumbnail for 'Super easy image resizing in GIMP'

ColorPal CLI!

ColorPal CLI is a command-line version of ColorPal, my HTML5 color palette generator. # Demo! $ node cpal.js -f hex -s 8 MyImage.png #07070b #bac0c4 #d1bd66 #7e8899 #696964 #c4b441 #65683e #394434 # Get it! npm install -g canvas requirejs # install dependencies git clone git@…
thumbnail for 'ColorPal CLI!'

ColorPal Output Update

Hi pals. This is a speedy post about a speedy update I made today to ColorPal, an HTML5 tool I wrote that automatically generates color palettes from a photograph. Previously, ColorPal provided hex codes for each color extracted from the image. Eight individual <input>s at …
thumbnail for 'ColorPal Output Update'

Introducing Canvas Indexed Color

2018-08-29 update: This is an old post about how I created a thin indexed color API in front of HTML5 canvas. It wasn’t very usable or powerful, but it was a fun learning experience. Instead of reading the post, I recommend checking out Mark Ferrari’s breathtaking color cycling a…
thumbnail for 'Introducing Canvas Indexed Color'

ColorPal palettes improved!

In my last post on the subject, I introduced ColorPal, my HTML5 color palette generation tool. It didn’t perform well with certain types of images, so I fixed it. :) Color palettes will now match the image even better. Especially for images with infrequent but important colors.…
thumbnail for 'ColorPal palettes improved!'

ColorPal Alpha

Introducing ColorPal! I’ve been toying with color palette generation for years. My photography website has always had some form of dynamic palette, so the theme of each page matches the photo. You can see the current iteration here: I owe the idea of photo-matching website pale…
thumbnail for 'ColorPal Alpha'

The N9, QR-Codes, and KeePassX

Update: I happened across a KeePass plugin (not the same as KeePassX) that displays passwords as QR codes, just like my hack below. Poor, glorious N9. It’s impossible not to love the N9 if you’re a geek, especially a programming, bash-loving, Linux-hankering geek. It’s like a ner…
thumbnail for 'The N9, QR-Codes, and KeePassX'

Bouncey returns - more canvas physics

This is a slightly upgraded version of the physics demo I showed in my last post. It is still… “a buggy, rudimentary, just-for-fun javascript physics simulator.” This version has: pre-defined initial states gravity friction It still has the “clinging” bug. I know how to fix it,…
thumbnail for 'Bouncey returns - more canvas physics'

HTML5 canvas point operations

This is the last demo I made using JSImage. I created it some time around 2009-2010. At the time, I had checked out an imaging book from my university’s library at least ten times. Most of the exercises in that book I implemented in Python using PIL, but point operations were si…
thumbnail for 'HTML5 canvas point operations'

How not to use CSS3

How to ruin a good thing by abusing CSS3 text shadows… CSS3! The code: // Random factors to determine x/y offsets for text shadows and amount of blur var x_factor = Math.floor(Math.random() * 20) - 10; var y_factor = Math.floor(Math.random() * 20) - 10; var blur_factor = Math.fl…
thumbnail for 'How not to use CSS3'
Page 4 of 5