https://www.go-ride-news.com/technology-instagram-widget/
お手軽だが、無料だとsnapwidgetの用意したページに飛ばされる
無料＆公式。しかし認証制で埋め込むだけの理由だと通らない可能性が高い
Snappptはウィジェットから商品の購入が可能にさせるECサイト向けのツール
これが一番簡単かも。デメリットとしてはフォローボタンのInstaアイコンが古いバージョンのものになっていることと、写真のリンク先がInstaWidgetに飛んでしまう
http://www.chaordic.co.jp/memorandum/2017/08/chartjs.html
いろいろ使うには動的に数値を拾って出力するようにしないといけない
http://rakuten-tips.com/htmlcss/generator/
http://jeremyckahn.github.io/stylie/
動作デモを確認しながらお気に入りの動きを見つけることができます。色々と試してみてください。
https://www.nxworld.net/tips/12-css-hamburger-menu-active-effect.html
↑こちらの８番 クリックで矢印になるものを使いました。
https://techacademy.jp/magazine/9540
↑jqueryに関してはこちらを参考にしました。
https://qiita.com/soarflat/items/4a302e0cafa21477707f
こちらを参考にcss3とjsを組み合わせて、魚が泳ぐ動きを実装したいと思います。
参考にさせていただきました。
ボタンのデザインから出てくる動きまで、html、css、jsのコードと一緒にわかりやすいサンプルで紹介されています。
ボクはページトップの実装ではなく、横から出てくるjqueryの動きだけ探していたので、「横から出てくるボタン」を参考にカスタマイズして使いました。