Web制作をしていると、「アニメーションはCSSでやるべきか、それともJavaScriptでやるべきか？」という判断に必ずぶつかります。どちらも同じように動きをつけられますが、役割と適した場面は明確に違います。 この記事では、その違いを本質的に整理します。 CSSアニメーションとは CSS ...

ニチコマ合同会社（本社：東京都、代表：渡辺健太）は、CSSアニメーションを視覚的に作成し、コードを出力できるツール「アニメーションCSSジェネレーター by Toolpods」の提供を開始しました。 ニチコマ合同会社 従来のCSSアニメーション作成は、コードを ...

WebサイトのUIにおいて、ローディング画面のスピナーや、完了時のチェックマーク演出など、CSS Animationsを利用する場面は多岐にわたります。 しかし、そのアニメーションに合わせてJavaScriptでロジック（画面遷移やデータのロード処理など）を実行したい ...

「Animista」は様々なアニメーションを作成しCSSで出力できるサイトです。回転したり背景色を変えたり、バウンドさせたりさまざまなアニメーションが用意されています。それぞれの動きの微調整も可能で、その場で動作を確認できます。出来上がった ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2016年6月27日～7月3日の間に見つけた記事のベスト5です。 Chromeのデベロッパーツールで、 CSS ...

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