sorter.sort(function(a,b){
var x = a.red – b.red;
if ( x === 0 ) {
var y = a.green – b.green;
if ( y === 0 ) {
return a.blue – b.blue;
} else {
return y;
}
} else {
return x;
}
});

If anyone has suggestions for interesting sort patterns, let me know, but do be specific.

I’ll update the post tomorrow to mention the new features, but for now I must sleep.

You know, that’s an excellent question. Two-dimensional vectors are easy to tabulate and sort in screenspace. Three-dimensional ones, less so…. I personally don’t have a preference as to sort order. Would it be possible to have the user specify the sort order?

Also — and this may be too involved to code just for kicks as you have with this table — what about a color picker style dialog with sliders or even just numbers that would give the closest color keyword match to a particular RGB/HSL combination? I figure something like that would involve some ugly JavaScript, though. Eesh.

I presume CSS defines ‘ch’ in terms of the width of the zero glyph arbitrarily … Personally, I can’t see any use for ‘ch’ outside of the context of a monospaced font though

There are several variable-width typefaces in which the digits 0 to 9 all have the same width as each other, so this could be useful in laying out numerical data in many fonts.

As Tab notes, this is most useful in dealing with monospaced, ‘fixed width’ fonts, and I presume CSS defines ‘ch’ in terms of the width of the zero glyph arbitrarily so that for any font — at least, any font containing a glyph mapped to the zero character — a ‘ch’ value could be determined. Personally, I can’t see any use for ‘ch’ outside of the context of a monospaced font though, since outside of that context it doesn’t relate to much in the design space.

I viewed the page on FireFox 12 and Opera Mobile 12. I’m assuming its a browser quirk.