Animating to hex colors

[nikola]

Currently when I want to animate, for instance, an element's background-color to black, I have to write code similar to this:

$(selector]).velocity({backgroundColorRed: 0, backgroundColorGreen: 0, backgroundColorBlue: 0})

I'd like to be able to use a shorthand, e.g.

$(selector]).velocity({backgroundColor: 'black'})

or even

$(selector]).velocity({backgroundColor: 'white'})

Turns out velocity.js already has code to translate color tokens into RGB tuples, but unfortunately I don't have time to patch it myself.

[julianshapiro]

Working on this now, except for I'm aiming to offer full shorthand color support.

[nikola]

Thanks, @julianshapiro, looking forward to it.

Ideally, velocity.js would expose a method to override the shorthands, e.g. with the palette from http://clrs.cc/

Even more general: What if we could tell velocity.js to keep a mapping table token -> value, and every time we use a token as an animation property value velocity.js automagically fills in the pre-defined value? If that sounds interesting, I could open a new issue for this and flesh out the idea.

[julianshapiro]

1. Hex value passing is now done. Expect it in the next version. Color names will not be supported, nor will any other custom names. (You can assign your own variables to a custom color map in JS and do it that way.)

2. Although what you suggest is very interesting, it's a bit over-the-top re. scope, and I'm trying to be conscious about avoiding non-critical bloat as we near the final release.

[julianshapiro]

Booooom. We now have hex string support.

[nikola]

Awesome, thanks!