JavaScriptでUIのアニメーションを実装する際、element.style.height = ... のように直接スタイルプロパティを書き換えていませんか？ その方法は、JavaScriptコードの中にデザイン情報が混在してしまい、メンテナンス性が低下するだけでなく、描画パフォーマンスを ...
Web制作をしていると、「アニメーションはCSSでやるべきか、それともJavaScriptでやるべきか？」という判断に必ずぶつかります。どちらも同じように動きをつけられますが、役割と適した場面は明確に違います。 この記事では、その違いを本質的に整理します。 CSSアニメーションとは CSS ...
jQueryの機能を大きく分けると、 DOM操作、 アニメーション、 イベント処理、 Ajax、 その他のユーティリティ関数といった分類ができます。DOM操作は前回の記事で解説したような、 HTMLの要素を追加したり書き換えたりといった操作です。今回はその中の1つ ...
前回はjQueryのアニメーション機能について解説し、 以下のようなタブのUIをjQueryのアニメーションで切り替えるというお題を出しました。 jQueryアニメーションのお題 - jsdo.it - share JavaScript, HTML5 and CSS 今回このお題をforkしてもらったコードを紹介しながら ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する