全球最活跃的在线HTML/CSS/JavaScript前端代码编辑器和创意展示社区，以Pens代码片段即时预览著称。
行业分类： 美国前端开发、在线代码编辑器、代码展示社区、CSS艺术
成立时间： 2012年（由Chris Coyier、Alex Vazquez和Tim Sabat创立）
所属国家： 美国网站（由CodePen, Inc.运营）
网站语言： 支持多语言（含英语等）
服务区域： 全球
官方网站： www.codepen.io
网站介绍： www.codepen.io 是全球最活跃的在线HTML/CSS/JavaScript前端代码编辑器和创意展示社区。CodePen由Chris Coyier、Alex Vazquez和Tim Sabat于2012年创立。CodePen以“在浏览器中构建、测试和分享前端代码”为核心理念——用户在在线编辑器中编写HTML/CSS/JS代码，实时预览渲染结果，保存为“Pen”代码片段并分享给社区。CodePen是前端开发者和CSS艺术家展示创意、调试代码和发现灵感的核心平台。
CodePen的核心功能包括：Pens（代码片段——包含HTML/CSS/JS三个面板的Pen，实时渲染预览）、Editor（编辑器——内置语法高亮、预处理器支持和版本历史）、Collections（收藏集——收藏和组织他人Pens到自定义收藏集中）、Challenges（代码挑战——官方定期发布主题挑战如“CSS动画挑战”）、Topics（话题标签——按#CSSArt、#Animation等分类浏览）、Teams（团队协作——Pro付费功能，团队共享Pens和资源库）和Embed（嵌入——每个Pen生成嵌入代码，可在博客和文档中嵌入实时交互代码演示）。
CodePen是前端开发者和设计师的灵感源泉。其“CSS Art”社区创造了许多令人惊叹的纯CSS艺术作品。CodePen是面试前端开发者的常用在线编码测试平台。
使用说明： 访问www.codepen.io ，注册免费账户。点击“Create”新建Pen在HTML/CSS/JS面板编写代码。保存Pen生成分享链接。在Challenges参与主题代码挑战赛。搜索话题标签发现创意作品。Pro用户开启Collab Mode邀请他人实时协作。