🐝 꿀팁🍯 효율을 높여주는 웹디자인, 프론트엔드 개발 레퍼런스 리소스 추천 사이트, 구글 크롬 익스텐션 추천

추천 사이트

✨ awwwards 웹디자인 트렌드 알아보기

https://www.awwwards.com/

✨ 2colors, LOL COLORS, Color Hunt - 색상조합 참고

https://2colors.colorion.co/
https://www.webdesignrankings.com/resources/lolcolors/
https://colorhunt.co/

✨ unsplash, pexels 개인용도 무료 이미지, 비디오 리소스

https://unsplash.com/
https://www.pexels.com/ko-kr/

✨ tinyjpg 이미지 파일 용량 축소

https://tinyjpg.com/

✨ PageSpeed Insights - 웹사이트 페이지 로딩 스피드 성능 분석

https://developers.google.com/speed/pagespeed/insights/

✨ Canva - 블로그 유튜브 썸네일, ppt

https://www.canva.com/ko_kr/

✨ BundlePhobia - npm packages, 라이브러리 번들 사이즈 체크

https://bundlephobia.com/

---

크롬 익스텐션

✨ ColorZilla - 웹페이지 컬러픽커, 그라디언트 생성기

https://www.colorzilla.com/chrome/

✨ JSONView - 못생긴 Json파일 보기 편하게 바꿔줌

https://github.com/gildas-lormeau/JSONView-for-Chrome

✨ Wappalyzer - 웹사이트가 어떤 기술사용했는지 분석해주는 익스텐션

https://www.wappalyzer.com

✨ Momentum - 구글 크롬 첫 랜딩화면 새로운 풍경으로 꾸며주는 익스텐션

https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca?hl=ko&utm_source

✨ Adblock - 유튜브, 웹사이트 광고 제거

https://chrome.google.com/webstore/detail/adblock-plus-free-ad-bloc/cfhdojbkjhnklbpkdaibdccddilifddb

✨ Lighthouse - 웹성능 분석

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk

이외에 React Developer Tools, Redux DevTools, Apollo Client Developer Tools 등등