웹페이지 작성 시 필요할 수도 있는 사이트 정리

웹 페이지 개발(연습) 시 필요한 팁 사이트

 

 

1. 레이아웃 테스트 시 가상 이미지

http://placehold.it/200x200
* 사용법 : <img src="http://placehold.it/50x50" alt="logo" />
http://via.placeholder.com/150

 

2. 테스트용 더미 텍스트가 필요한 경우 (Lorem Ipsum)

http://lipsum.com/
http://guny.kr/stuff/klorem/
http://hangul.thefron.me/

 

3. 웹페이지 단위 변환 (px, em, %, point)

http://pxtoem.com/

 

4. 다양한 디바이스 환경에 어울리는 미디어쿼리

http://mediaqueri.es/

 

5. 연습용 Video 파일

http://pixabay.com/videos/

 

 

 

 

6. 웹 접근성

http://www.wah.or.kr

 

7. 하위 버전 브라우저 테스트 툴

http://www.my-debugbar.com/
http://www.debugbar.com/download.php

 

8. 코딩 연습 및 다양한 튜토리얼 문서 경험

http://www.w3schools.com/
http://www.tcpschool.com/
http://www.codingfactory.net/

 

9. 색상 정보 제공

http://www.colorpicker.com
http://www.webfx.com/web-design/color-picker/