Webサイトの動きに困った時にオススメなサイトを紹介！

こんにちは。お久しぶりです。最近、ラジオ体操を本気でやったら筋肉痛になった佐藤です。一生懸命やると、結構疲れます。運動不足解消に良いと思うのでお試しください。

Webサイトの動き・アニメーションを指示する際、参考サイトを探すのが大変だな…と思うことはありませんか。そんなとき、私がのぞいているサイトをご紹介いたします！

Webサイトの動きに困ったらこのサイトをチェック！

以下の2つのサイトは、私がいつも参考にしているサイトです。ぜひチェックしてみてくださいね。

CodyHouse

こちらのサイトでは、HTML、CSS、JavaScriptのコンポーネントが90種類ほど紹介されているのですが、webの動作のデモも見れます。実際の動きが見られるのと、それらのコードをコピーして使用できます！なので、コーダーの方に使って欲しいものをそのまま送れば、全く同じものが出来上がります。

ナビゲーションの動きもスマホ対応しているので、表示の際のデザインや動きも参考になりますし、そのまま使用もできます。困った時にはぜひ参考にしてみてください。サイトはこちら

AOS

こちらのサイトはスクロールした際の画像などの動きがまとめられています。フェードインやズームなど、数パターンずつあるので動きをつけたい時に参考にしています。

こちらも、コードをコピーして使用できるので、コーダーの方に使いたい動きを送ると、同じ動きにしてもらえます！サイトはこちら

まとめ

この記事では、Webの動きに困った時のおすすめサイトを紹介しました。参考サイトが見つからないときや、文章や口頭で思い通りの動作を伝えるのが苦手な方は、ぜひ使ってみてください！

Tweet

この記事を書いた人

sato