初めまして！
14年新卒で入社予定の、HTMLファイ部のゴンです！
現在は入社前インターンシップとして、カヤックに通い、
一流のマークアップエンジニアになるべく、研鑽を積んでおります。
今回は、CSSアニメーションやjQueryで使う、イージングの話を書こうと思います。
イージングの話！
イージングとは
イージングは、CSSアニメーションやjQueryで、アニメーションに緩急をつけるために使うプロパティです。
CSSやjQueryでアニメーションを作るとき、ease-inとか、linearとか、設定することがあると思います。
CSSではanimation-timing-function、 jQueryではEasingと呼ばれるものです。
いろんな呼び方があるとは思うのですが、この記事ではイージングで統一します。
下はjQueryでアニメーションをするときの例です。
$("div.ball").animate({
left: "300px";
}, 3000, "easeInQuad");
この"easeInQuad"にあたる部分が、イージングです！
イージングを設定することで、動きに、勢いや波をつけることができます。
イージングを設定して、ボールを左右に動かしたものがこちら！
ちなみに、イージングがないとこんな感じです。
イージングを使いこなそう！
イージングは結構、種類が多いです。
例えば、jQuery Easing Pluginでは、なんと30種類以上のイージングが用意されています！
でも、30種類もあっても、ぱっと見、違いがよくわからないなんてことありませんか？
今回は、私の独断と偏見で、jQuery Easing Pluginのイージングを中心に、
それぞれのイージングの特徴と、使いどころを紹介します！
