jQuery Roundup: Color, animate-textshadow, jQuery.forrst

2011-06-07 00:00:00 +0100 by Alex R. Young

jQuery Color

jQuery Color
(GitHub: jquery / jquery-color, License: MIT,
) version 2 beta 1 has been released. This version has a new API,
RGBA, HSLA, and partial colour animation support. This is the backbone
of jQuery's colour animations, but only now is it being exposed as a
public object.

This new object, \$.Color has a pretty simple API:

// Create a red Color object:
var red = $.Color('rgba(255,0,0,1)');

// Create a red Color object, then make orange:
var orange = $.Color('#FF0000').green( 153 );

// Get the color halfway between red and blue:
var between = $.Color([255, 0, 0]).transition('blue', 0.5);

// Desaturate the background of this element
  backgroundColor: $.Color({ saturation: 0 })
}, 1000);

Anyone who has worked with CSS colour animations will know how useful
this is. It's also going to come in handy when building interfaces for
things like colour picker widgets. I imagine the jQuery UI project will
benefit from this new API.


animate-textshadow (GitHub: alexpeattie / animate-textshadow,
License: MIT) by Alex Peattie is a little plugin for creating
text-shadow animations.

This will make a shadow that slowly moves away from text as if it's
being lifted off the screen:

$('#slow').hover(function() {
    $(this).animate({textShadow: '#000 -10px -10px 30px'}, 1000);
}, function() {
    $(this).animate({textShadow: '#259 5px 5px 5px'}, 1000);


jQuery.forrst (License: GPL) by Jason Gerfen is a plugin for the Forrst API. It
currently supports accessing user info, posts, and interestingly offers
AES encryption for local storage.

I initially thought it might be a handy way of creating Forrst widgets
for blogs, but it seems more like something that could be used to build
a Forrst client.