2012の13日目の記事です。いうjQueryプラグインが、公式ブログで先月末にアップデートがアナウンスされていた。Colorというと、デフォルトのanimateメソッドでは対応していない、colorやbackgroundColorなどのプロパティおよびその値もアニメーションさせるプラグイン。今となってはCSS3のTransitions/Animationsで色を扱ったアニメーションなんかはできちゃうわけですが、地味にアップデート、バグフィックスされているということでニーズはきっとあるのでしょう。触ってみる手っ取り早く、CDNからjQuery本体と、プラグインファイルを取ってきましょう。src="http://code.jquery.com/color/jquery.color-2.1.1.js"></script>そしてそのままREADMEにあるサンプルを見ながらの軽い解説。サンプルをCodepenにアップしたので、こちらで確認できます。これが結局どういうことをやっているかというと、簡潔にいえば、animateメソッドで変化させる値は数値でなければいけないので、#FF0000みたいなHEX値を、rgb(255,0,0)のようなRGB値にすることでアニメーションできるようにしている様子。その他色々メソッドがある。HSLAの値返したりとか。(CSSのHSLのことは、CSSでの色指定について。Ginpen.comなど参照。面白そうなサンプルこちらもサンプルが拝借します。Dunn氏の記事より、Spectrumな表現をするサンプルです。こちらもサンプルはCodepenで。単純にランダムでRGB値を回しているというだけですが、こういうもできるよ、ってことで。アドベントカレンダーは続く次はtoshimaruさんですね、よろしくおねがいします。SpeakerBY-NC-SA。