俗话说的好:武功再好,一砖撂倒;功夫再高,也怕菜刀。可想而知,拥有工具是多么重要!!!哈哈,不闲扯了,直接给大家上工具吧。很多大牛都是有一套自己钟爱的工具集和资源集的哦。在今天这篇文章中,我将介绍一些能够帮助你高效开发的工具脚本和资源,权当抛砖引玉,希望能够带给大家帮助。
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样式,非常便捷和高效,也非常实用。
8. Em Calculator
Em calculator是一个轻巧的JavaScript工具,能够帮助你创建灵活的CSS设计。它帮助你转换像素到em单位。可以帮助你有效的查看、比对像素和字体大小。
9. CSS ARROW PLEASE!
一个在线的、简单实用的生成气泡式提示的web工具。
10. checkmycolours
一个帮助你检查网站颜色对比度的工具,能够有效的帮助你设计搭配完美的颜色方案。
11. Screenqueri.es
如果你需要开发响应式布局设计的网站的话,这个工具肯定能够帮你大忙,它能够模拟不同设备的屏幕尺寸,并且帮助你占线不同设计上的网站显示效果,绝对是测试必备工具。
12. Dirty Markup
如果你需要一个帮助你规整书写混乱的代码的工具的话,我强烈推荐给你这个在线代码美化工具。这个在线工具能够帮助你有效的处理HTML/HTML5、CSS和JavaScript代码。
13. jQuery mobile原型设计开发工具 – codiqa
一个超棒的在线原型设计开发工具,这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个基于jQuery mobile的web应用程序。
14. Screenfly
Screenfly是一个免费测试工具,可以用来测试不同客户端下(不同显示器或者移动设备)网站显示状况的工具。它使用一个代理服务器来模拟设备,并且支持最流行的平板电脑或者移动设备。
15. Fixie
fixiejs是一个超实用的虚构内容生成脚本,如果你设计网站或者网页,往往需要添加一些文字或者图片内容来查看效果,这个脚本可以有效的帮助你生成不同类型内容,让你专注于设计本身!
16. SimpleCart
超酷的纯JavaScript实现的购物车程序,能够很有效的帮助你生成一个B2C购物车。简单、实用、快捷!
17. Animate.css
animate.css 是一套超棒的CSS动画脚本,可以帮助你使用CSS实现各种类型的动画,不同的淡入、淡出,或者旋转、翻转特效。绝对是帮助你快速生成特效的好工具,你可以通过使用jQuery的addClass来给你的元素添加特效,方便实用,非常易于整合。 相信你一定会喜欢的!
18. Redactor – HTML富编辑器
基于jQuery的一个超棒WYSIWYG编辑器。这个编辑器使用jQuery技术作为框架开发完成,整合了很多炫酷的功能,比如,拖拽上传文件、自动保存等,速度很快,并且体积非常小。
19. jqueryboilerplate
jQuery Boilerplate是一个不错的jQuery插件开发工具,使用这个工具可以帮助你快速的构建一个jQuery插件。
相关推荐
微信开发者工具如何调试小程序直播1
java面试手册,java开发者必备java面试手册,java开发者必备java面试手册,java开发者必备java面试手册,java开发者必备java面试手册,java开发者必备java面试手册,java开发者必备java面试手册,java开发者必备java...
Mac专属,微信公众号、小程序开发者调试工具,自带环境模拟,账号登陆退出,网络调试等,开发者后台绑定微信账号后,可简化开发者调试流程,及时跟踪、定位异常
16 个Android 开发者必备工具资源
通过Chrome开发者工具调试Django应用
IE开发人员工具 F12调试工具 就是为前端开发人员开发页面而设计的工具 提供一系列的小工具 让你可以方便的查找 调试页面的BUG 包括HTML代码 CSS代码和JavaScript代码 同时 他也提供了一些虽然比较鸡肋 但是还能...
Swifter - Swift 开发者必备 Tips第四版 代码和书籍 “Swift 里可以将方法进行柯里化 (Currying),这是也就是把接受多个参数的方法进行一些变形,使其更加灵活的方法。函数式的编程思想贯穿于 Swift 中,而函数的...
Onevcat Swifter - Swift 开发者必备 Tips
移动开发者必备工具:开源jqTouch初探
为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。版本号:1.02.1808080
Android开发者必备工具包括 eclipse-java-helios-32-x86_64.exe,B4A1.9.rar等
调试工具,具体用法请看http://blog.csdn.net/qq_35447305/article/details/79124528 如果资源使用有误,请联系我,我重新发送文件
docker实践,详细步骤,适合初学者
chrome控件F12开启开发者模式,十分方便的调试工具使用教程
Android开发者必备的十大开发工具,实用
LabVIEW 开发者必备技巧宝典由电子发烧友网论坛出品,集结众多大牛、工程师的经验之作。为广大 LabVIEW 开发工程师提供开发、调试技巧,助力LabVIEW 工程师。
一款针对开发者和测试者的调试工具,它可以帮助你在非Xcode的情况下,进行数据分析和操作。
开发者必备的 Docker 实践指南.pdf
Web开发者必备速查表,动手写代码是提高能力的最快途径,能力是信心de来源!
自己开发的WebSocket 调试工具,基于aardio 短小精悍,支持服务器、客户端,十六进制等,支持多客户端连接,支持对指定的客户发送消息,支持多URL监听,用英文";" 分隔即可, 支持发送消息保存,下次启动可快速选择...