本周还有更多重大新闻：我们已将 CodePen 推出公开测试版！这是一个用于构建 HTML、CSS 和 JavaScript 内容的网站。也许是为了方便您以后回忆，也许是为了找出错误或创建简化的测试用例，或者是为了展示您的一些创意。它完全是关于教育和灵感的。
该网站由 Alex Vazquez、Tim Sabat 和我本人共同创建。我们希望您能查看一下并向我们提供 反馈。我们有自己的愿景，但您的反馈将有助于指导我们。
CodePen Beta
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！
恭喜……达到测试版……一定花费了很多精力……我会查看一下……
终于发布了，看起来不错
看起来非常棒，我一定会去看看。
该网站看起来很棒！测试和分享代码的好方法。上面已经有一些很棒的代码示例。
看起来很棒！！当我使用 Opera 12 浏览时，有一些美观缺陷。再次强调，它看起来很棒！！
太棒了。添加一个 Facebook 点赞按钮。访问量肯定会达到数百万。
很棒的网站，您是否使用 WordPress 创建的？如果是，我很想知道您是如何构建的！
恭喜发布 Chris！看起来很棒，我喜欢您如何使用 iframe 进行预览！
它是开源的吗？
其中一部分将是开源的，这是计划。我们希望将编辑器制作成一个独立的东西。
它曾经完全是开源的，但当代码过于特定于我们，并且变得过于复杂时，我们不得不将其撤下。关于开源的一个奇怪的事情，您真的需要提前计划。
非常好。就像您将 dribbble.com 和 fiddle.js 结合起来，并创建了一个真正的 CSS 展示画廊。
这太棒了 Chris。恭喜！
比 dribbble 好多了，我加入了。
很棒的合集
太棒了！我现在很喜欢这个网站 ;) 继续加油
CodePen 看起来很棒！
除了更具吸引力的编辑器之外，CodePen 相比现有的 jsFiddle 还有什么优势？
社交层（关注用户、点赞内容、评论）是它与 jsFiddle 之间的一个主要区别。而且我们才刚刚开始！我们将使编辑器变得更好，并有更多想法供大家探索。
看起来真的很棒，我必须测试一下
该网站太棒了！祝贺取得如此伟大的成就，我相信它将成为许多工作流程中的必备工具。
您的网站和 Codepen 都使用一个字体系统，该系统使用存储在单独域上的字体，因此它们不会在 Mac Firefox 中加载。Codepen 的一些功能基本上无法使用，因为您只能看到随机字母，并且没有使用标题属性。
关于网络字体问题的准确指出！
一些非常酷的东西……我喜欢那个网站 :) 保持更新
不错的网页。
不过，有一个问题：这与 jsFiddle (http://jsfiddle.net) 有什么不同？
没关系，我刚刚看到您已经回答了这个问题。继续努力！
哦，天哪，这看起来真的很棒！我喜欢这个设计。
恭喜 Chris，它看起来很棒。实际上，它太棒了。非常感谢！
有 RSS Feed 吗？
嗨 Chris，抱歉在这里发布问题。需要您的建议。
我的博客具有固定宽度，但在所有浏览器中都显示水平滚动条……怎么会这样？我已经找了几天了，但仍然找不到任何解决方案……我检查了我的代码，但找不到我哪里做错了。
还没有感谢您出色的 CSS 指南。帮了我很多。
谢谢
CodePen 是一个向我们展示您的代码的绝佳平台，这样我们就可以帮助您解决您的问题；)
酷！期待更多教程！
Codepen 太棒了！干得好！！
很棒的工作。我已经分叉了一些“Pens”。当我转到我的 github 帐户时，我看不到它们。可能只是我愚蠢了。
我爱它……干得好兄弟
能够使用 SASS 和 LESS 真是太棒了。并且能够链接到外部 CSS 文件！太棒了！
太棒了！您太棒了！
为什么您在网站 URL 中有“io”（http://codepen.io)？
恭喜！看起来很棒，我真的希望这最终会变成一个市场（类似于 CodeCanyon，结合 Dribbble）
哇，很棒的网站！是时候拥有这样的东西了。真希望是我想到的。
反馈：代码框中的滚动条非常难以使用，因为它们太小了。它们看起来超级酷，但我很难找到它们，因为它们太不显眼了。
干得好！！
我上周就已经是用户了。
@Chris Coyier 您是否在后端使用 PHP？
看起来真的很酷！我喜欢深色主题。各种主题的完美结合。
首页所有正在运行的预览有点沉重，导致我的笔记本电脑立即“风扇全速运转”。一些处理器密集型预览可能会很容易导致浏览器崩溃。我建议只使用图像或某种“点击激活”类型的东西。
徽标也很奇怪。我的意思是看起来很酷，我只是不明白背后的想法。那个盒子是什么？
感谢您提供如此棒的工具。
我希望看到一个用于查看生成源的选项卡。有点像 sass-lang.com 上的 尝试页面。它对于构建复杂的函数将非常有帮助。
啊哈！您可以查看生成的源代码。非常周到。谢谢。
我之前就因为它支持SASS和COMPASS而更喜欢它，我试图向我的女朋友解释它的优点。她问怎么使用它……我不得不这样说……
“好吧，首先你得安装Ruby，然后你得输入gem install compass……”
她用那种WTF的眼神看着我……呵呵呵
现在我可以先给她看一些不错的例子，然后再教她如何安装、配置等等。
这个工具非常有用，谢谢
真是个绝妙的想法！！！！
悲剧的是，它一直导致我的电脑崩溃。有没有办法以缩略图的形式显示这些，并在（比如）一个灯箱或新窗口中打开单个实验？
我记得你在播客里谈到过这个，很高兴看到最终产品，你们做得太棒了。
哦买噶！是我 :D
我在照片里，出现了两次！ :DDDDDDDDDD
该网站在iPad Safari浏览器上运行不佳。它只加载每个预览图像的一小部分。不像缩放，而是裁剪，所以你无法真正看到每个预览的很多内容。悬停在iPad上显然也会出现奇怪的行为。
太酷了！=D
看起来真的很棒，一个很棒的想法。比jsFiddle好太多了。
非常酷！
真的很棒，谢谢！！
它支持Compass框架吗？
你好，
我尝试了codepen，但是当我输入css时没有预览，我的意思是html保持不变。
对Web开发人员来说非常有用的项目。我经常使用它 http://codepen.io/html5web
这真的很好！喜欢实时预览、提交画廊和颜色选择器。
我赞同使用缩略图而不是实时预览的想法，其中一些示例在同一页面上堆积在一起时会使浏览器严重滞后哈哈。
我遇到的唯一问题是它在 iframe 中与 jQuery 似乎存在问题。不确定错误是什么，但在 jsFiddle 上的简单 jQuery 测试应用到 Codepen 时不起作用。
这是我制作的一个（启用了 jQuery）
http://jsfiddle.net/ErrRq/
这是 Codepen 中的相同内容（启用了 jQuery）
http://codepen.io/anon/pen/cIilg
在 Chrome/Webkit 下，此按钮在单击时会延迟，然后是动画闪亮效果以告诉用户按钮操作成功（我最初将其与 spin.js 结合使用）。在 Codepen 下，浏览器控制台在预览 iframe 中报告随机错误。
顺便说一句，画廊区域 = 纯粹的真棒！
它真的很棒！谢谢
很高兴看到 Codepen 发展得如此之好。如此出色的布局，一个玩代码的美丽环境。