CodePen简介

CodePen就是用来制作测试页面的网站。

是优秀前端demo的展示。我们进入其首页就可以看到很多精湛的前端demo效果。

1. 他人奇思妙想的效果，提供了交互灵感源泉
2. 他人精湛效果实现，为自己的学习提供参考
3. 支持流行技术，如SASS, 我们可以无需自建平台，利用CodePen进行快速学习
4. 想他人请教问题，利用CodePen制作问题demo，有助于问题快速解决
5. 培养乐于分享，开源等积极的传播精神
6. 有助于整体前端技术的发展与进步

CodePen 是一个完全免费的前端代码托管服务。与 GitHub Pages 相比，它最重要的优势有：

1. 即时预览。你甚至可以本地修改并即时预览别人的作品。
2. 支持多种主流预处理器。你从不需要手写生产级别的代码，无论是 Jade 、 LESS 、 Sass ，还是 CoffeeScript 、 es6+（ Babel ），都能尽情使用。
3. 快速添加外部资源文件。只需在输入框里输入库名， CodePen 就会从 cdnjs 上寻找匹配的 css 或 js 库。
4. 免费用户支持创建三个模板，不是每个作品都需要从白板开始。
5. 优秀的外嵌体验，且支持 oEmbed 。在 WordPress 或 Reddit 等支持oEmbed的平台上，只要简单地把链接贴入编辑框，发布后会自动转为嵌入作品。

当然，它不是 Git ，不能记录提交历史。不过有 fork功能，通常出于“备份他人优秀作品，防止未来该作品消失了或者变了样子”的目的而使用。