CSSとjqueryのtoggleClassを使った実装
https://www.nxworld.net/tips/12-css-hamburger-menu-active-effect.html
↑こちらの８番 クリックで矢印になるものを使いました。
toggleClassの実装
https://techacademy.jp/magazine/9540
↑jqueryに関してはこちらを参考にしました。
css
CSS3アニメーションのお勉強
CSS3で動かすアニメーション
https://qiita.com/soarflat/items/4a302e0cafa21477707f
こちらを参考にcss3とjsを組み合わせて、魚が泳ぐ動きを実装したいと思います。
スクロールすると出て来るボタン
スクロールすると出て来るページトップボタンのサンプルなど
参考にさせていただきました。
ボタンのデザインから出てくる動きまで、html、css、jsのコードと一緒にわかりやすいサンプルで紹介されています。
ボクはページトップの実装ではなく、横から出てくるjqueryの動きだけ探していたので、「横から出てくるボタン」を参考にカスタマイズして使いました。
Font Awesomeに飽きたら！おしゃれなフォントアイコン「Jam-icons」
結構使えるアイコンフォント「Jam-icons」
Font Awesomeに頼りっきりの最近の僕ですが、気分を変えたい時にちょっとイカしたフォントを使ったりしてます。
Font Awesome公式
https://fontawesome.com/?from=io
使い方参考
https://saruwakakun.com/html-css/basic/font-awesome
おすすめ本
SCSS対応 グラデーション生成するジェネレーター！
CSSでグラデーションを生成するジェネレーター
http://www.colorzilla.com/gradient-editor/
GUI付きで使いやすい
SCSSも対応
CSS スプライトジェネレーター：画像をアップするだけで簡単生成！
CSS Sprites Generator
https://www.toptal.com/developers/css/sprite-generator
画像をドラッグでアップするだけでスプライトを生成！
Spritebox
http://www.spritebox.net/
cssだけじゃなくsassのコードも吐き出してくれる