在过去的几年里，互联网上出现了很多面向开发者的在线编程网站（Codingplaygrounds）。那也不是什么坏事，毕竟如果是编程网站，开发者迟早会厌倦的。在这些站点上，您在网页上编写代码并实时查看效果。您可以编辑所有内容并预览效果。当然，这些站点最适合编写HTML、CSS和JavaScript代码。最棒的是大部分都是免费的，你可以很方便的把你的编程场景分享给其他人，非常适合团队合作和创新想法的交流。如果你深入思考这种编程模型，你会发现这种模型对于项目合作非常有帮助。而如果你使用得当，你会收获很多。如果你在编码的时候发现遇到问题，可以找你的朋友一起玩，说不定问题很快就会解决。因此，我们想向您推荐10个在线编程站点来试用这些工具，让我们知道您的感受，我们随时欢迎您提出意见！您可能还对CSS代码片段和JavascriptResourcesandTools感兴趣。1.Codepen是最适合编写前端代码的工具，包含教学、分享、设计灵感等方方面面。本网站提供了很多有用的功能，比如分享代码、嵌入代码片段等，建议您在开发项目时使用Codepen进行测试。2.JSFiddle这是一个shell编辑器，因为可以使用JS库来编写客户端界面，所以用JSFiddle写JS代码会特别舒服。现在您可以选择一些JS库来开始您的代码之旅。我觉得这可能是目前最好最流行的JS开发、测试和分享平台。#p#3.JSBin这是一个专为想要测试CSS和JavaScript代码片段的开发者设计的网站，您也可以到这里调试代码。当您对代码感到满意时，您可以保存您的项目并与您的朋友分享。4.CSDeck这是一个在线的CSS沙箱软件，你可以快速测试你的CSS代码片段，感受完成工作带来的成就感。此工具还显示行数并突出显示语法。最好的功能是您可以与任何人共享代码，无论是您的朋友还是其他人。#p#5.Dabblet如果您想快速测试您的HTML和CSS代码片段，那么这个工具将是您的最佳选择。该软件实现了Prefix-free的概念，以简化开发人员的工作。Prefix-free是指开发者不需要写CSS前缀，软件会自动补全。您还可以将您的代码保存到Github并与朋友或其他人分享您的工作。目前该工具只支持谷歌浏览器、Safari和火狐浏览器，但显然你很少使用其他浏览器，对吧？6.Liveweave如果你是网页设计师或开发者，那么这款工具将非常适合你。该工具支持HTML5和CSS3，当然还有JavaScript。您可以使用它来测试您的创作或工具。遇到问题可以和小伙伴一起来Coding，一起解决问题，写出很酷的代码，还可以炫耀一番。值得一提的是，该工具还具有智能代码提示功能。#p#7.Google的CodePlayground当大家来参与在线编程的时候，我们就知道Google肯定会来分一杯羹。GoogleCodePlayground是一个基于网络的工具，旨在让开发者更方便地使用Google提供的API接口。您可以修改代码并查看结果。该工具允许您在不打开外部编辑器的情况下查看任何代码。它还为开发人员提供了默认的API，您只需要选择您想要使用的API。8.Editr是一个比较简单的工具，你甚至可以在自己的服务器上构建它。该工具基于ACE编辑器，构建非常简单，支持水平、垂直和单一三种视图。前两个视图用于在线编程，后者用于展示您的作品。该工具采用MIT许可证，因此我可以保证它用起来绝对爽。此外，Editr的设计简洁美观，一定会吸引您的眼球。#p#9，D3Playground此工具旨在更全面地支持D3.js库，所有更改都会实时反映在输出中。目前CSS的作用已经起到了举足轻重的作用，因此CSS代码已经成为网页开发中不可或缺的一部分。幸运的是，该工具内置了CSS编辑环境，您可以轻松编写CSS代码。10、HTML5Playground工具提供了大量的代码和工具库供开发者学习和使用。当然，其中很多都是关于HTML5有趣的新特性，比如音频标签、交互表单等等。当然还有很多元素，比如范围、日期输入，甚至还有邮件地址格式的自动检查。这个工具很有前途，肯定会对你的工作有很大帮助。
