1. Color Paletts
Color Palettes for Designers and Artists - Color Hunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
colorhunt.co
여러가지 색깔들의 헥스코드를 카피할수 있는 사이트이다. 서로 어울리는 색깔들을 추천해서 색깔 조합이 어렵다 하는 사람들에게 도움이 된다.
2. Google Fonts
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
요소의 폰트를 바꾸고 싶을 때 유용하다. 폰트를 다운받아서 css에 적용할 수 있다.
3. Flaticon
Free Icons and Stickers - Millions of resources to download
Download Free Icons and Stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats
www.flaticon.com
다양한 아이콘을 사이즈에 맞게 다운 받을 수 있는 곳이다. 다운 받게 된다면 라이센스를 적어주어야 한다.
4. Stack Overflow
Stack Overflow - Where Developers Learn, Share, & Build Careers
Stack Overflow | The World’s Largest Online Community for Developers
stackoverflow.com
개발자들의 지식in 같은 곳이다. 개발 하다가 생기는 문제점들은 거의 다 여기에 있다고 본다. 사이트가 영어로 되어 있어서 어느 정도 영어 읽는게 되는 사람들에게 추천한다.
5. 모던 Javascript 튜토리얼
모던 JavaScript 튜토리얼
ko.javascript.info
자바스크립트에 대한 상세한 설명과 기초과정, 심화과정까지 학습할 수 있는 사이트이다.
6. CSS Scan
https://getcssscan.com/css-box-shadow-examples
CSS Scan - The fastest and easiest way to check, copy and edit CSS
Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
getcssscan.com
여러가지 css의 box-shadow의 예시들을 볼 수 있다.
7. CSS Gradient
CSS Gradient — Generator, Maker, and Background
As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
cssgradient.io
background에 그라데이션을 적용하고 싶을 때 사용하면 좋다. 그라데이션을 직접 커스터마이징 할 수도있고, 추천 그라데이션도 있다.
8. Unsplash
Beautiful Free Images & Pictures | Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
unsplash.com
저작권 없는 무료 이미지 사이트이다. 요것도 쓸려면 라이센스를 잘 작성하자
// 배경이미지
Photo by Georgie Cobbs on Unsplash