CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
< CodePen >
컴퓨터 언어를 설치하지 않고 브라우저에서 실습이 가능함.
다른 사람들이 만든 것들을 보고 참고할 수 있음.
https://developer.mozilla.org/ko/
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
< MDN web docs >
- 태그들의 기능들을 검색 가능
- 영어로 보는 것 추천
DevDocs
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more.
devdocs.io
< DevDocs > -- 추천
- 태그들의 옵션과 사용예를 한 번에 볼 수 있음
- 태그들 즐겨찾기 가능
Can I use... Support tables for HTML5, CSS3, etc
caniuse.com
< Can I use >
- 브라우저의 종류와 버전에 따라서 상용이 가능한지 볼 수 있는 사이트
- 상용을 앞두고 최종확인을 위한 사이트
< 기본 emmet 단축키 >
태그이름만 입력한 후 tab키를 누르면 자동 태그 완성
'자기개발👨💻 > 파이썬 웹' 카테고리의 다른 글
| 3강 - 01.06 셀럭터,우선순위,캐스캐이딩 (0) | 2021.08.26 |
|---|---|
| 3강 - 01.04 ~ 05 box model,float, position (0) | 2021.08.26 |
| 3강 - 01.03 폰트, 백그라운드 (0) | 2021.08.26 |
| 3강 - 01.2 div와 span, block 와 inline (0) | 2021.08.25 |
| 3강 - 01.HTML텍스트와 하이퍼링크 (0) | 2021.08.25 |
| 2강 - 01. 웹 ~ 04. JS (0) | 2021.08.25 |