作りたい動き、アニメーションをCSSやJavaScript、jQueryで自力で再現するにはどういった学習方法や書籍を参考にするのがいいでしょうか。

Question

現在Webサイトを制作しております。
現在、制作している中で、サイトに動きをつけたいと思った時は調べて、サンプルコードなどをもとに実装し、動きをつけてます。

しかし、自分でやってみたい動きやアニメーションが必ず見つかるわけでもありません。

例えば、画像のギャラリーを作り、
画像にノイズのアニメーションを加えて、テレビを消すようにピンッと消えて、違う画像に切り替わると言うようなものを作りたいと考えております。

CSS、JavaScriptの基礎学習の部分は色々なサイトで学ぶ事ができますが、動きやアニメーションの付け方を学ぶのにオススメのサイトや書籍があれば教えて頂きたいです。

よろしくお願いします。

Comments

[m.ts10806]

使いたい機能に合わせてページを構成するのでしょうか

Answer 1

貴方のしたいことと完全に一致したことが書いてある書籍もサイトもないので、
貴方が使いたいようなアニメーション、動きを作っているサイトをデベロッパーツールで覗いてみて、
色々弄ってみてどの処理がどういう動作を起こしてるのかとか研究したらいいんじゃないですかね。

学問に王道なしってよく言います。

Answer 2

絵コンテでも書いて、自分なりのソースを書いて、どうしてもつまったところで
teratailで質問すればよいのでは？