CodePen：在线前端代码编辑器 - 美国开发者工具网站
全球最活跃的在线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（代码片段——[C]包含HTML/CSS/JS[c]三个面板的Pen，实时渲染[c]预览）、Editor（编辑[c]器——内置语法高亮、预处理[n]器支持和版本历史）、Col[.]lections（收藏集—[c]—收藏和组织他人Pens到[o]自定义收藏集中）、Chal[m]lenges（代码挑战——[文]官方定期发布主题挑战如“C[章]SS动画挑战”）、Topi[来]cs（话题标签——按#CS[自]SArt、#Animati[C]on等分类浏览）、Team[c]s（团队协作——Pro付费[c]功能，团队共享Pens和资[c]源库）和Embed（嵌入—[n]—每个Pen生成嵌入代码，[.]可在博客和文档中嵌入实时交[c]互代码演示）。
CodePen是前端开发者[o]和设计师的灵感源泉。其“C[m]SS Art”社区创造了许多令人[文]惊叹的纯CSS艺术作品。C[章]odePen是面试前端开发[来]者的常用在线编码测试平台。[自]
使用说明： 访问www.codepen.io ，注册免费账户。点击“Create”新建Pen在HTML/CSS/JS面板编写代码。保存Pen生成分享链接。在Challenges参与主题代码挑战赛。搜索话题标签发现创意作品。Pro用户开启Collab Mode邀请他人实时协作。