【jQuery】ハンバーガーメニュー・アコーディオン・ページTOPボタンを実装する上で、参考にすべきおすすめサイトまとめ。プログラミング独学の軌跡プログラミング独学の軌跡ド素人がプログラミングを独学していく記録です。未解決テックアカデミーが初心者向け副業コースを始めました。テックアカデミーで無料メンター相談ができる。CSS初心者が稼ぐならココナラがおすすめ。クラウドワークスは難しい。【jQuery】ハンバーガーメニュー・アコーディオン・ページTOPボタンを実装する上で、参考にすべきおすすめサイトまとめ。2020.10.04今までは模写コーディングでサイトに動きを付ける際に、プロゲートで習った事を元に自己流でjQueryなどを書いていましたが、これから案件でサイトに動きを付ける際はそうはいかない。自己流ではなくしっかりとしたものを実装しなければいけません。実装できるようにサンプルコードを用意しておいた方がいいと思うんですよね。技術系のサイト(ブログ等)で公開されているコードを参考に、サンプルコードを作っておくことにしました。ググると沢山のやり方が出てきますが、色々調べた結果、自分が参考にする事にしたおすすめサイトをまとめてみました。これは自分へのメモでもあります。目次ハンバーガーメニューの作り方でおすすめサイト。アコーディオンの作り方でおすすめのサイト。ページTOPボタンの作り方でおすすめのサイト。ハンバーガーメニューの作り方でおすすめサイト。世界一わかりやすいWeb制作このサイト、かなりいいですよ。メニューが、1ふわっと出てくるパターン2上から出てくるパターン3横から出てくるパターン、の3通りあるし、ハンバーガーのアイコン自体(三本線)のアニメーションも7種類から選べます。コードもそれほど難しい訳ではない。ありがたやありがたや。アコーディオンの作り方でおすすめのサイト。アコーディオンの作り方でおすすめのサイトは、2つあります。ブログの設置こちらはシンプルなアコーディオンですね。ナビゲーションで使うのではなく、Q&Aなどで使えそうです。TechAcademyマガジンこちらもシンプルなアコーディオンですが、「アコーディオンメニュー」なのでナビゲーションに使えそうです。jQueryを使わずにCSSだけで作っている所にも注目です。ページTOPボタンの作り方でおすすめのサイト。【コピペOK!】ページトップボタンを簡単に実装する方法こちらもシンプルなページTOPボタンですが、「ふわっ」と現れたり、丸バージョンと四角バージョンが選べたりと、うれしい内容となっています。コードもとても簡単です。いかがでしたか?今回は、ハンバーガーメニュー、アコーディオン、ページTOPボタンを実装する上で参考にすべきおすすめサイトをご紹介しました。これで、かっこいいアニメーションを付けることができます。参考にしてみて下さい。テックアカデミーが初心者向け副業コースを始めました↓テックアカデミーが初心者向け副業コースを始めました。プログラミングスクール大手「テックアカデミー」が、初心者向け副業コースを始めました。その名も「はじめての副業コース」です。いうのうれしいですよね。どんな内容かわかりやすく解説します。「アネ婚」模写コーディング中断。ポートフォリオ作りへ。ISARA[イサラ]模写のお問い合わせフォームに、PHPの機能を実装しました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。jQueryプロフィールプロフィール管理人のハルトです。