Brian Grinstead

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.

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.

My jQuery Colorpicker - Spectrum now has a mode that acts as a polyfill to input type=color.

I created a jQuery UI Widget for picking angles.

Given a parent rectangle and a collection of children rectangles on a 2D plane, how do you find a collection of non-overlapping rectangles that cover the inverse of the original set?

The first component that's being released as open source by Foliotek is the AjaxQ jQuery Plugin. The purpose of this plugin is for managing sequential ajax requests.

A few months ago, I posted about my developer tools concept colorpicker implementation. After that, I was contacted on the devtools mailing list and got some initial feedback. I pulled the jQuery dependency out of a branch on my JavaScript colorpicker using jsfiddle plus the mailing list. From there, I submitted a patch to the WebKit project.

I decided to make an HSV colorpicker for the js1k contest. Here is a demo of the colorpicker and the source code.

I threw together a color parsing library to help make my JavaScript colorpicker as small and accurate as possible. It is called TinyColor. One of the main goals is a small footprint - it clocks in at 8.98KB (3.41KB gzipped).

I always forget these links, and they are surprisingly hard to find. Here is a quick markup skeleton to throw together for prototypes using jQuery UI.