[웹개발] 웹개발 프로젝트 시 사용 가능한 유용한 리소스

📌 웹개발 프로젝트 시 사용 가능한 유용한 리소스

웹개발하는데 유용한 리소스를 알려드릴게요~! 프로젝트 야물딱지게 성공하세용

 

 

① Pexels

: 원하는 스톡 이미지 혹은 비디오를 라이센스 관련 문제 없이 무한정 다운박아 사용할 수 있다.

 

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

 

② HTML Color Codes

: HTML 테마별 색상을 Chart 메뉴를 통해 사용할 수 있다. 

 

https://htmlcolorcodes.com/

HTML Color Codes

 

③ Google Fonts

: 여러 폰트를 지원하는 구글 CDN (Content Delivery Network) 이다.

 

https://fonts.google.com/

Google Fonts

 

④ Pretendard

:  Pretendard 폰트 CDN 이다.

 

https://github.com/orioncactus/pretendard

GitHub - orioncactus/pretendard: 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternativ

 

⑤ Dribbble

: 사이트 디자인을 참고할 수 있다.

 

https://dribbble.com/

Dribbble - Discover the World’s Top Designers & Creative Professionals

 

⑥ Freepik

: 각종 무료 일러스트레이트 파일 등이 있다.

 

https://www.freepik.com/

Freepik: Download Free Videos, Vectors, Photos, and PSD

 

⑦ Font Awesome

: 무료 또는 유료로 아이콘을 사용할 수 있다.

 

https://fontawesome.com/

Font Awesome

 

⑧ ICONS8

: 각종 아이콘을 사용할 수 있다. (가로, 세로 100px 까지 무료)

 

https://icons8.com/

Free Icons, Clipart Illustrations, Photos, and Music

 

⑨ TinyPNG

: 이미지 해상도나 품질 저하 없이 용량을 줄여준다.

 

https://tinypng.com/

TinyPNG – Compress WebP, PNG and JPEG images intelligently

 

⑩ CodePen

: 각종 효과 및 기타 등등 구현 코드를 공개한다.

 

https://codepen.io/

CodePen