前端开发博客

这里会共享一些前端方面的咨询、技术以及自己写的一些代码,主要是记录自己的学习过程的一个博客。

当前位置:首页 > javascript

14个高效前端开发所必备的工具/脚本推荐

时间:2012-08-17 09:39:22  来源:  作者:

作为前端开发人员来说,我们需要和HTML、CSS和JavaScript打交道,并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。

很多资深的前端设计师都拥有自己最喜欢的工具、脚本和资源,在今天这篇文章中,我们将介绍一些能够帮助你高效开发的工具脚本和资源,权当抛砖引玉,希望能够带给大家帮助,如果你也有自己喜欢的好东西,请给我们留言,希望能够让更多的朋友了解。

1. JSFIDDLE
JSFIDDLE是一个超棒的在线JS/CSS/HTML调试和分享工具,大家可以方便的在web页面中分享代码,或者调试代码。并且有效的和同事或者朋友分享。
 


2. JSBin
JSbin是另外一个相当不错的在线调试和分享网站,和JSFIDDLE非常类似,但是整体界面更偏重于编辑和调试。你拥有更大的编辑区域,而且拥有控制台可以查看错误。
 


3. HTML/CSS/Javascript的在线开发工具 - Fiddle Salad
超棒的HTML/CSS/Javascript的在线开发工具,如果你使用过JSFIDDLE的话,相信大家会更喜欢这个功能强大的在线整合开发环境。
 


4. Tinkerbin
另外一个在线调试和演示前端开发工具,和jsfiddle比较起来,TinkerBin界面功能比较简答,但是界面布局更加合理。使用jsfiddle的时候,总感觉每一个窗口的输入都比较费劲,用户不得不来回的拖拉窗口。而使用Tinkerbin, 你可以更加容易的切换多个窗口或者单一个窗口来浏览器CSS、HTML或者JS代码。
 


5. Browser Support
作为一个前端开发者来说,处理不同浏览器的兼容性问题如同家常便饭,但是如果让你说出不同浏览器的CSS兼容性区别,还真不太容易,这里介绍的这个工具Browser Support,可以很方便的告诉你不同浏览器下的CSS区别以及是否被支持。相当的方便!
 


6. openwebicon
如果你厌倦了图片生成的图标的话,使用openwebicon是一个不错选择,你只需要添加class即可生成需要的图标。
 


7. gradient-scanner
这个工具超酷,能够帮助你将上传图片中的渐变特效生成CSS样式,非常便捷和高效,也非常实用。