jQueryの勉強に便利なサイト

UPDATE：2023.7.18

CATEGORY: ホームページのこと

こんにちは、こばです！

先日CSSで作るハンバーガーメニューのお話をしましたが、今回はjavascriptのご紹介。
コーディングの勉強をしているとき、デザイン、モーションなど様々な参考サイトを目にすると思います。

しかし、いざ自分でコーディングしようとすると頭ではイメージできても、どうコーディングするのか、どんなライブラリを使うと効率よく作れるのかなど分からなかったり、ゼロから調べたりすることがあると思います。

そこで、今回ご紹介するのは、jQueryで作る様々なアニメーションを沢山紹介しているサイトです。

動くWebデザインアイディア帳

こちらのサイトはWEBデザインで使われる様々な動きを「機能」と「印象」にカテゴライズして、紹介しています。

使っているライブラリや、javascriptのソースも記載されており、コピペもOK！！

ちなみにこちらは書籍もあり、書籍版では最初の方にjavascriptの関数や、cssアニメーションの開設もあるので、それを見るのも大変勉強になります。
急ぎのときはそのままコピペ、勉強する場合は、codepenのデモページを確認しながら自分で作ってみるなど様々な使い方があります。コーディングだけでなく、デザインを作るときにも参考になると思いますので、活用してみてください。