유용한 사이트 보음 html5, CSS

1. W3C(월드와이드웹 컨소시엄, 활동사항, 기술동향 등의 정보 제공)

• http://www.w3.org 

 

2. 편집 툴

• notepad++

• 서브라임 텍스트

• VisualStudio Code

• editplus (유료)

 

3. HTML5 태그 검사 

• https://html5.validator.nu 

 

4. CSS3 스타일 시트 검사

• http://www.css-validator.org 

 

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

•  download : http://www.my-debugbar.com/wiki/IETester/HomePage 

 

6. 많은 양의 더미 텍스트가 필요한 경우

•  http://lipsum.com 

 

7. 단위 변환(px, em, %, point)

• http://pxtoem.com 

 

8. 전체적인 레이아웃을 제작할 때 필요한 가상의 이미지

• http://placehold.it  (ex. http://placehold.it/200x100)

 

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

• http://mediaqueri.es 

 

10. 웹 접근성 관련

• http://www.wah.or.kr  : 웹 접근성과 관련하여 권고되는 사항들의 자료 제공

 

11. w3schools

• www.w3schools.com 

• HTML 정보 사이트로, HTML, CSS 자바 스크립트에 대한 정보를 제공.

• 다양한 튜토리얼 문서를 경험 할 수 있음.

 

12. 색상 정보 제공

• http://www.colorpicker.com 

 

13. 그래픽 에디터

• https://pixlr.com/editor 

• https://www.photopea.com/ 

 

14. 그라디언트 적용하기

• http://www.colorzilla.com/gradient-editor/

15. 구글 웹폰트

• https://fonts.google.com/

 

16. 이미지 포맷

• https://bit.ly/30iXawX

• https://blog.naver.com/sgjjojo/221568650624

디버깅 시간을 줄여줄 수 있는 CSS 명명 규칙

https://goo.gl/xUxAqn