インタラクション実装におけるCSSとJSの棲み分け - Qiita

Advent Calender 初めて参加させていただきます。 どうぞよろしくお願いいたします。 「インタラクション」と言うと大きな話に聞こえますが、 ユーザがクリックすると何かがアニメーションするよ、くらいの小さいインタラクションを例に話したいと思います。 意見 クリックしてアニメーション、みたいなインタラクションはついJSで全部完結させてしまいがちですが、 アニメーションはCSS、ステータス管理や値の更新はJSといったようにすみ分けるとシンプルに実装できてオススメですよ。という話をしたいと思います。 DEMO ↑の画像のような、ごく普通のスライダを例に考えたいと思います。 動きのサンプルと全ソースは下記jsfiddle参照ください。 http://jsfiddle.net/volkuwabara/ecy7voxf/4/embedded/result/ コード 一応ソースの解説をしますが

[kanflu]

IE8、9でアニメーションしなくてもOKな案件なら。