웹사이트

웹 개발

DB 설계 구조 만들기

https://aquerytool.com

임시방편 CSS

https://andybrewer.github.io/mvp/ :CSS를 적용하기 전에 간편하게 사용

UI/UX 디자인

https://www.figma.com/ :웹 페이지 디자인
https://velog.io/@oneook/프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역 :UI 요소

Public API

https://github.com/public-apis/public-apis

개발자 포트폴리오

https://devfolio.kr

디자인 소스

Design resources for developers

https://github.com/bradtraversy/design-resources-for-developers

디자인 참고

https://dribbble.com
https://www.pinterest.co.kr
https://designus.io/topic
http://koreawebdesign.com/site/
https://mediaqueri.es :미디어쿼리 디자인

아이콘

https://fontawesome.com
https://www.flaticon.com
https://heroicons.dev: svg 아이콘

색상, 팔레트

https://flatuicolors.com/palette/gb :추천 색상
https://colors.eva.design : 채도에 따른 색상 변화
https://color.adobe.com/ko/create/color-wheel/ :컬러 팔레트
https://colorhunt.co : 컬러 팔레트
https://uigradients.com/#SunnyDays :컬러 그레디언트

폰트

https://fonts.google.com

배경사진

https://coolbackgrounds.io :패턴 배경
https://www.shapedivider.app/ :svg genrator. 배경 혹은 로고에 사용
https://unsplash.com :사진
https://www.pexels.com/ko-kr/ :사진

무료 프로그램

XMIND

마인드맵

포토스케이프

포토샵 대용
기본 편집 기능. 여러 이미지 크기 및 형식 변경. 사진 보정

잉크스케이프

일러스트레이터 대용