作为前端开发人员来说，需要和HTML、CSS和JavaScript打交道，并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。 很多资深的前端设计师都拥有自己最喜欢的工具、脚本和资源，在今天这篇文章中，我们将介绍一些能够帮助你高效开发的工具脚本和资源，希望能够带给大家帮助。 作为一个前端开发者来说，处理不同浏览器的兼容性问题如同家常便饭，但是如果让你说出不同浏览器的CSS兼容性区别，还真不太容易，这里介绍的这个工具Browser Support，可以很方便的告诉你不同浏览器下的CSS区别以及是否被支持。相当的方便！
2、JSFIDDLE JSFIDDLE是一个超棒的在线JS/CSS/HTML调试和分享工具，大家可以方便的在web页面中分享代码，或者调试代码。并且有效的和同事或者朋友分享。
3、HTML/CSS/Javascript的在线开发工具 - Fiddle Salad 超棒的HTML/CSS/Javascript的在线开发工具，如果你使用过JSFIDDLE的话，相信大家会更喜欢这个功能强大的在线整合开发环境。
这个工具超酷，能够帮助你将上传图片中的渐变特效生成CSS样式，非常便捷和高效，也非常实用。
Em calculator是一个轻巧的JavaScript工具，能够帮助你创建灵活的CSS设计。它帮助你转换像素到em单位。可以帮助你有效的查看、比对像素和字体大小。
如果你需要一个帮助你规整书写混乱的代码的工具的话，我强烈推荐给你这个在线代码美化工具。这个在线工具能够帮助你有效的处理HTML/HTML5、CSS和JavaScript代码。
animate.css 是一套超棒的CSS动画脚本，可以帮助你使用CSS实现各种类型的动画，不同的淡入、淡出，或者旋转、翻转特效。绝对是帮助你快速生成特效的好工具，你可以通过使用jQuery的addClass来给你的元素添加特效，方便实用，非常易于整合。
基于jQuery的一个超棒WYSIWYG编辑器。这个编辑器使用jQuery技术作为框架开发完成，整合了很多炫酷的功能，比如，拖拽上传文件、自动保存等，速度很快，并且体积非常小。
jQuery Boilerplate是一个不错的jQuery插件开发工具，使用这个工具可以帮助你快速的构建一个jQuery插件。
10、openwebicon 如果你厌倦了图片生成的图标的话，使用openwebicon是一个不错选择，你只需要添加class即可生成需要的图标。
文章来源 CODETC，欢迎分享，转载请注明地址：
http://www.codetc.com/article-25-1.html
|
