日期：2013-1-4  来源：GBin1.com

大家可能还记得在过去的文章我们我们曾经介绍我们收集的前端开发人员必备的工具，脚本和资源，在今天的这篇文章中，我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用。相信会在web开发和设计的过程中给你带来方便和快捷！

前端开发相关

jsfiddle

jsfiddle是老牌的在线调试和分享代码的网站，它可以帮助你在线调试javascript/css/html代码， 并且方便的发布到社区，论坛或者社交媒体上与朋友们分享或者提问。整合了很多的不同的类库供大家选择。 类似的工具还有jsbin.com，也非常不错。更多工具请参考我们以前的文章。

codepen

codepen也是一个可以帮助你在线调试和分享前端代码的地方，和jsfiddle不太一样的地方，它更像一个社区，你可以看到最近的用户添加的在线演示或者代码，并且可以更加方便的分享到其它网站或者是fork。和jsfiddle相比，更像一个帮助展示前端效果的平台。如果你常常光顾的话，能够找到很多很不错的前端效果，包括html5，js，CSS3等等。相当不错，向大家推荐！

gbdebug

gbdebug是gb标签社区中整合的前端调试工具，最初是为了方便社区的朋友提问或者展示jQuery代码效果而开发，如果你使用jsfiddle的话，肯定会觉得非常熟悉。最强大的在于和GB社区内容的整合，你可以分享自己开发的前端展示，模板或者教程，并且使用gbdebug来添加”在线调试“，更方便大家在线阅读和调试。

来源：web开发设计人员不可不用的在线web工具网站和应用