유용한 사이트

*markup 유효성 검사

w3 validator : https://validator.w3.org/https://validator.w3.org/#validate_by_input

 

*다양한 기기 미리보기

daum troy : http://troy.labs.daum.net/ 

 

*이미지 좌표 선택

imagemapic

 

*제이쿼리 viewsource

https://jqueryui.com/

 

*유튜브 오디오 라이브러리(음원)

https://www.youtube.com/audiolibrary/music?nv=1

 

*모든 사이트에서 같은 비디오 모양만들기

https://videojs.com/

 

*vimeo 영상 웹화면 공유걸기

https://vimeo.com/

 

*웹 디벨로프

https://www.tutorialspoint.com/web_development_tutorials.htm

 

 

*문서의 픽셀단위

http://pxtoem.com/

 

*csslint - CSS 코드 최적화

http://csslint.net/

 

*emmet 플러그인 문법

https://docs.emmet.io/

 

 

*구글 웹폰트

fonts.google.com

+를 눌러서 family selected 띄운다.

포토샵에서 쓸때는 다운 받는다.

-어도비 타입킷도 있지만 두개를 동시에 쓸때는 유료다. https://fonts.adobe.com/

 

*디바이스 크기

https://material.io/resources/devices/

 

 

*그라디언트 코드

https://www.colorzilla.com/gradient-editor/

 

 

*브라우저 마다 현재 기술 지원현황

 

https://caniuse.com/

 

 

*연습용으로 데이터 만드는 사이트

mockaroo.com/