Drag Out Images and Canvas With Filenames

It can be annoying that when you drag out images of a browser window, they are named png.png (or something equally useless). I was playing around with fixing this - it is a little inconvenience in my CSS Sprite Generator that would be nice to have working (naming the file based on their input). Here is what I came up with (no library dependancies):

Read more →

Astar Graph Search - Variable Costs

I've been working on updating my A* Graph Search Algorithm (A* on Github) and toying with the idea of adding variable costs to the grid, also known as weighted paths.

Read more →

Expanding Textareas jQuery Plugin

Ever want a textarea to expand based on the size of the input that someone types? I made a jQuery plugin to handle expanding textareas! The basic technique is based off of a cool article called Expanding Text Areas Made Elegant. Check out the Expanding Textareas Demo and play with the Expanding Textareas Source Code.

Read more →

Chrome DevTools Colorpicker Screencast

I put together a screencast explaining the colorpicker functionality recently added into WebKit Web Inspector (aka Chrome DevTools for brevity). For some backstory on how this got implemented, check out my initial colorpicker concept video or the description of the implementation.

Read more →

Gradient Generator

I have been working a browser based gradient generator. I've never had the best experience using gradient generators, so I decided to see if I could do better.

Read more →