個人的に見返したり、よく共有する資料をまとめておく。

JSフレームワーク

React

https://react.dev/
https://react.dev/learn/tutorial-tic-tac-toe
https://www.hypertextcandy.com/tags/react-tutorial
https://zenn.dev/y_ta/articles/1eb1403af45909
https://licensecounter.jp/devops-hub/blog/uxpin-202311/
https://qiita.com/st_12/items/3e9bd64d74f72e8bbe34
https://qiita.com/TakanoriVega/items/fde951544361bfad53ed
https://blogger101.blogging-life.com/2019/03/sharethis-emoji-reaction-button.html
https://qiita.com/soarflat/items/bd319695d156654bbe86

NextJS

https://nextjs.org/
https://nextjs.org/learn?utm_source=next-site&utm_medium=navbar&utm_campaign=docs
https://qiita.com/Yuki_Oshima/items/5c0dfd8f7af8fb76af8f
https://www.docswell.com/s/ashphy/KM1NQ6-you-dont-need-nextjs
https://zenn.dev/yamadadayo123/articles/6cb4f586de0183
https://zenn.dev/luvmini511/articles/1523113e0dec58

Gatsby.js

https://www.gatsbyjs.com/
https://webcraftlog.net/best-gatsbyjs-plugins/
https://blog.nakamu.me/posts/gatsbyjs-introduce-disqus
https://qiita.com/yoshiki-0428/items/71d80713ffc264cf40f1
http://codelabo.com/posts/20200404152423

CSSフレームワーク

Tailwindcss

https://tailwindcss.com/
https://qiita.com/Yuki_Oshima/items/708986d62ea3a773d6a5

Mantine

https://mantine.dev/
https://qiita.com/ot_RikuOta/items/0ddf5926270c1f019d20

NodeJS

https://nodejs.org/en/about
https://qiita.com/non_cal/items/a8fee0b7ad96e67713eb

Webデザイン

基礎

margin, padding

https://chot.design/html-css-beginner/c81aa1dddf86/
https://saruwakakun.com/html-css/basic/margin-padding

z-index

https://saruwakakun.com/html-css/basic/z-index
https://uxmilk.jp/14818

ブロックレベル要素、インライン要素

https://www.htmq.com/htmlkihon/005.shtml

練習など

https://code-jump.com/
https://codepen.io/

ハンバーガーメニューなどの実装例

https://coco-factory.jp/ugokuweb/move01/5-2-1/
https://zenn.dev/taketooon/articles/b83fb5bcd3e9e9

CSS flexbox

https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet

諸々

https://github.com/yubinbango/yubinbango
https://web-camp.io/magazine/archives/82442