jQueryの機能を大きく分けると、 DOM操作、 アニメーション、 イベント処理、 Ajax、 その他のユーティリティ関数といった分類ができます。DOM操作は前回の記事で解説したような、 HTMLの要素を追加したり書き換えたりといった操作です。今回はその中の1つ ...

Webサイトに洗練された印象を与えるCSS Transition（遷移アニメーション）。ボタンのホバー効果やモーダルウィンドウの出現など、現代のUI構築には欠かせない技術です。 しかし、JavaScriptを使って「アニメーションが終わった直後」に何か処理をしたい場合 ...

CSSアニメーション（Keyframes）は手軽ですが、ユーザー操作への応答や複雑な演算（正弦波など）を用いた動きには不向きです。ブラウザの描画サイクルと同期し、60fpsの滑らかな動作を実現するには requestAnimationFrame が必須となります。 実務で即座に使える ...