码迷,mamicode.com
首页 > 其他好文 > 详细

10个面向开发者的在线编程站点

时间:2017-04-14 17:44:46      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:html   article   网上   net   在线   选择   浏览器   ice   改变   

文章翻译自:http://dizyne.net/10-coding-playgrounds-for-developers/

图片均出自原文


在过去的几年里,在互联网上出现了很多为开发人员提供的在线编程站点(Coding playgrounds)。这不是一件坏事情,毕竟,假设仅仅有一个编程站点的话,开发人员们迟早会腻的。

在这些站点上。你在网页上编写代码。能够实时地看到效果。你能够编辑全部的东西并预览其效果。

当然,这些站点最适合编写HTML。CSS和JavaScript代码了。

最赞的地方在于他们大多都是免费的,你能够非常easy地与别人分享你的编程现场,这非常适合于团队工作和创新想法的交流。

假设你深入地想想这样的编程模式的话,你就会发现这样的模式对于项目合作非常有帮助。并且假设你使用得当的话,你会收获非常多。假设你在Coding 的时候发现你遇到问题了,你能够找你的朋友来跟你一起来玩,说不定问题非常快就攻克了。因此我们想给你推荐10个在线编程站点,去试试这些个工具。然后告诉我们你的感觉怎样。随时欢迎你的评论!

你也许也对CSS Code SnippetsJavascript Resources and Tools感兴趣。

Codepen 

技术分享

这个工具写前端代码最合适了。其包含了教学,分享和设计灵感的方方面面。

这个站点提供了很多有用的功能,比方说分享代码。嵌入代码片等。

我们建议你边开发项目边使用Codepen来进行測试。

JSFiddle

技术分享

这是一个shell 编辑器,并且由于能够使用JS库来编写client界面,所以用JSFiddle编写JS代码将会特别舒服。如今你就能够选择一些JS库来開始你的代码之旅。

我认为这也许是最好、最完美的JS研发、測试和分享平台了。

JS Bin

技术分享

这是为那些想要測试CSS和Javascript代码段的开发人员设计的站点,你还能够去这里调试代码。假设对自己的代码非常惬意的话,你能够保存自己的项目并分享给朋友。

CSSDeck

技术分享

这是一个在线的CSS沙盒软件,你能够高速地測试你的CSS代码片,并能感受到完毕作品所带来的成就感。这个工具还能够显示代码行数。而且有语法高亮。

最赞的特性是能够你能够把代码分享给不论什么人,能够是你的朋友或其它的人。

Dabblet

技术分享

假设你想高速地測试你的HTML和CSS代码片的话,那么这个工具将是你的不二选择。该软件实现了Prefix-free 理念来简化开发人员的工作,Prefix-free就是开发人员勿需写CSS 前缀。由软件来自己主动完毕。

你还能够将你的代码保存到Github上和朋友或别人来分享你的作品。

当下该工具仅仅支持Google Chrome,Safari和Firefox,但非常明显你非常少用别的浏览器对吧?

Liveweave

技术分享

假设你是一个Web设计人员或开发者,那么这个工具会非常适合你,该工具支持HTML5和CSS3,当然还支持JavaScript。你能够用它来測试你的作品或工具。遇到问题了你能够和朋友一起来Coding一起来解决这个问题。写出了非常酷炫的代码,你也能够炫耀一番。值得一提的是,该工具还有代码智能提示哦。

Google‘s Code Playground

技术分享

当全部人都来參与在线编程的时候,我们知道谷歌肯定也会来分一杯羹的。 谷歌Code Playground是一个基于web的工具,旨在让开发人员来更方便地使用谷歌提供的API接口。你能够改动代码然后查看结果。这个工具能够让你查看不论什么的代码而无需打开一个外部编辑器。

它还为开发人员提供了默认的API,你仅仅须要选择你想用的就能够了。

Editr

技术分享

这是一个相对简单的工具。你甚至能够在自己的server上搭建该工具。

该工具基于ACE编辑器,搭建起来非常easy,支持水平、垂直和单一3种视图。前两种视图用于在线编程,后一种用于展示你的作品。该工具遵循MIT License,所以我敢保证用起来绝对非常爽。另外,Editr 设计简洁美观,绝对会招你青睐的。

D3 Playground

技术分享

这个工具是为了更全面地支持D3.js库而设计的。全部改变将实时地反映到输出中。

当下CSS的角色已经举足轻重,所以CSS代码已经是Web开发中不可或缺的 一部分,幸运的是。该工具内嵌了CSS编辑环境。你能够轻松地编写CSS代码。

HTML5 Playground

技术分享

这个工具提供了非常多代码和工具库供开发人员学习和使用。当然非常多是关于HTML5的有趣的新特性的,比方说是audio标签,互动式form等。当然,还有非常多的element,比方说range。date input,甚至还有邮件地址格式的自己主动检查。这个工具非常有前景,并且肯定能在工作中给你非常多帮助。

10个面向开发者的在线编程站点

标签:html   article   网上   net   在线   选择   浏览器   ice   改变   

原文地址:http://www.cnblogs.com/gavanwanggw/p/6709983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!