こんにちは。お久しぶりです。

最近、ラジオ体操を本気でやったら筋肉痛になった佐藤です。

一生懸命やると、結構疲れます。運動不足解消に良いと思うのでお試しください。

今回はwebサイトの動き・アニメーションを指示する際、参考サイトを探すのが大変だな…

と言う時にのぞいているサイトをご紹介いたします！

CodyHouse

こちらのサイトではHTML、CSS、JavaScriptのコンポーネントが90種類ほど紹介されているのですが、webの動作のデモも見れます。

実際の動きが見られるのと、それらのコードをコピーして使用ができます！

なので、コーダーの方にそのまま使って欲しいものをお送りすれば全く同じものが出来上がります。

ナビゲーションの動きもスマホ対応しているので、表示の際のデザインや動きも参考になりますし、そのまま使用もできます。

困った時にはぜひ参考にしてみてください。

AOS

こちらのサイトはスクロールした際の画像などの動きがまとめられています。

フェードインやズームなど、数パターンずつあるので動きをつけたい時に参考にしています。

こちらも、コードをコピーして使用することが可能なので、

コーダーの方に使いたい動きをお送りすれば、同じ動きにしてもらえます！

参考サイトが見つからなかったり、文章や口頭で思い通りの動作を伝えるのが苦手な方はぜひ、使ってみてください！

Tweet

この記事を書いた人

sato