特别推荐：开发者的10个最佳代码游乐场

1. Codepen

　　CodePen是一个web先后端游乐场。它基于激发、传授和分享。能高亮热门示例(“Pen”)，且提供高级功能， 如共享和嵌入。须要创建一个减小测试案例来演示并找出一个bug?CodePen绝对适合这个场景。想炫耀你的最新创做和得到同行的反馈? CodePen是绝一不二的选择。

　　2. CSSDesk

　　CSSDesk是一个在线CSS沙箱。它令人们可以快速测试的CSS代码片断，并观察实时结果。我有很是看好这个项目。有行号和文本框输入实时语法高亮显示。其中一个最好的一点是它容许用户与他人分享他们的代码。

　　3. Google’s Code Playground

　　谷歌的代码游乐场是一个基于Web的工具，可让Web开发人员尝试谷歌全部提供的API，调整代码，和查看结果。谷歌的代码游乐场可让您尽情享受而没必要打开一个外部编辑器，全部的API都被装载在(左侧)“Pick an API”框中。

　　4. JS Bin

　　JS Bin是一个web app，专门设计于帮助JavaScript和CSS亲们在某些上下文中测试和协做调试代码。 JS Bin容许你编辑和测试JavaScript和HTML。一旦满意，你能够保存并发送这URL给同行审查或寻求帮助。而后，他们能够作更进一步的修改，若是须要保存更新。

　　5. JSFiddle

　　JSFiddle中是一个shell编辑器，经过建立基于流行JS框架的自定义环境，简化JavaScript的编写。 你能够选择框架和版本(可选的有MooTools，jQuery，ojo, Prototype, YUI, Glow,Vanilla)。此外，若是行的话，你能够添加jQuery UI或MooTools More之类的免费框架。它具备一个极好的特征是可以产生一个惟一的URL以保存和分享代码。另外，JSFiddle也自带嵌入特征。它是无需网站就可尝 试和分享JS代码的极佳平台。

　　6. Dabblet

　　Dabblet是快速测试CSS和HTML代码片断的交互式游乐场。它使用-prefix-free，没必要在你的 CSS代码添加任何前缀。能够在Github gist保存工做内容，将其嵌入到其余网站和与他人分享。它目前只支持Chrome，Safari和Firefox的现代版本。全部发布的代码属于发布 者，没有强制许可证。 Dabblet自己是开源软件，在NPOSL-3.0许可下发布。

　　7. Editr

　　Editr是一个集HTML，CSS和JavaScript的游乐场，你能够在本身的服务器上托管。它是基于ACE的编 辑器。它的超级容易安装。它支持一个页面多个实例。能够经过JS对象或HTML属性进行配置。 Editr支持3种视觉布局：水平，垂直和单一。前两个是用于在线编辑。第三个是用于演示。 Editr基于MIT License。

　　8. Livewave

　　Liveweave是用于HTML五、CSS三、JavaScript的游乐场和用于网页设计师和开发者实时编辑器。 这是用来测试，练习和分享成果的好工具!面板大小可调，可让你为所欲为写(或织，如咱们称呼它名字同样)代码。 Liveweave还内置了对HTML5和CSS3的标签/属性上下文敏感的代码提示，使生活变得更加简单。

　　9. D3 Playground

　　D3.js设计目的在于让你可以以交互方式使用D3.js库。每一次编辑(产生有效代码)都会实时影响D3.js游乐场。由于CSS是可视化的重要组成部分，你也能够在线编辑CSS。

　　10. HTML5 Playground

　　HTML5的游乐场包括一个能够看HTML5动做的代码库。它们包括一些基础启动例程，如HTML5 Doctype和音频标记(仍然是兼容浏览器中回放特性的好demo)。拥有一个交互表格，包含HTML5元素，如范围、日期输入和针对电子邮件地址和网站的自动验证。