본문 바로가기

개발 도구

웹 개발에 필요한 사이트 모음

Image

이미지 다운로드

unsplash.com

svgbackgrounds.com

 

아이콘 다운로드

flaticon.com

iconmonstr.com

 

랜덤 이미지

picsum.photos

 

CSS Sprites

cssspritestool.com

 

SVG Sprites

svgsprit.es

 

Video

동영상 다운로드

pexels.com

 

CSS 예제

CSS 다양한 도형 예제

css-tricks.com/the-shapes-of-css/

 

box-shadow 예제

getcssscan.com/css-box-shadow-examples

 

gradient 예제

colorzilla.com/gradient-editor

 

Color

색 조합

color.adobe.com/ko/create/color-wheel

 

Animation

CSS 애니메이션 프리셋

animate.style

 

CSS 애니메이션 cubic-bezier

cubic-bezier.com

 

Validator

HTML Validator

validator.w3.org

 

CSS Validator

jigsaw.w3.org/css-validator

 

Trend

State of JS

2020.stateofjs.com/en-US/technologies/front-end-frameworks/

 

State Of CSS

2020.stateofcss.com/en-US/technologies/css-frameworks/

 

ETC

favicon 생성

realfavicongenerator.net

 

특수 문자 코드

dev.w3.org/html5/html-author/charref