코드펜(CodePen)은 웹 브라우저에서 웹 코드를 작성하고 결과를 공유하는 온라인 편집 환경이다. HTML과 CSS와 자바스크립트를 이용한 화면을 만들고 시험할 수 있다. 공개된 작업과 모음을 둘러보며 작은 상호작용이나 시각적인 아이디어를 발견할 수 있다. 코드와 실행 결과를 가까이 놓으면 어느 부분을 바꾸었을 때 화면이 달라지는지 확인하기 쉽다. 전체 웹사이트를 만들기 전에 한 가지 생각을 작게 시험하거나 디버깅할 때 유용하다.

• 공식 웹사이트

기타 등등

• 포크한 작업에는 원래 작업으로 가는 하이퍼링크가 설명에 붙는다. 고쳐 만든 결과에서도 출발점을 찾아갈 수 있도록 남기는 표시다. 출처
• 이미 포크된 작업을 다시 포크하면 최초 작업을 부모로 연결한다. 복사 횟수와 화면에 표시하는 계보가 꼭 같은 모양은 아니다. 출처

#도구 #웹사이트 #HTML #CSS #자바스크립트