作为前端开发人员来说,我们需要和HTML,CSS和Javascript打交道,并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。很多资深的前端设计师都拥有自己最喜欢的工具,脚本和资源,在今天我们的这篇文章中,我们将介绍一些能够帮助你高效开发的工具脚本和资源,权当抛砖引玉,希望能够带给大家帮助,如果你也有自己喜欢的好东西,请给我们留言,希望能够让更多的朋友了解。
jsfiddle是一个超棒的在线js/css/html调试和分享工具,大家可以方便的在web页面中分享代码,或者调试代码。并且有效的和同事或者朋友分享。相信很多朋友都使用过它,作为小编我来说,jsfiddle也是必备工具之一。很多我们的在线文章都使用jsfiddle来做“在线调试”。更重要的是你可以将jsfiddle内容插入你的文章内容,这样你就可以边学边调试,是不是非常方便。如果你不熟悉如何使用,请查看这篇文章: 在线调试和演示的前端开发工具 - jsFiddle
JSbin是另外一个相当不错的在线调试和分享网站,和jsfiddle非常类似,但是整体界面更偏重于编辑和调试。 你拥有更大的编辑区域,而且拥有控制台可以查看错误。
超棒的HTML/CSS/Javascript的在线开发工具 - Fiddle Salad,如果你使用过jsfiddle的话,相信大家会更喜欢这个功能强大的在线整合开发环境。
另外一个在线调试和演示前端开发工具,和jsfiddle比较起来,TinkerBin界面功能比较简答,但是界面布局更加合理。使用jsfiddle的时候,总感觉每一个窗口的输入都比较费劲,用户不得不来回的拖拉窗口。而使用Tinkerbin, 你可以更加容易的切换多个窗口或者单一个窗口来浏览器CSS,HTML,或者JS代码。
作为一个前端开发者来说,处理不同浏览器的兼容性问题如同家常便饭,但是如果让你说出不同浏览器的CSS兼容性区别,还真不太容易,这里介绍的这个工具Browser Support,可以很方便的告诉你不同浏览器下的CSS区别,是否被支持。相当的方便!
如果你厌倦了图片生成的图标的话,使用openwebicon是一个不错选择,你只需要添加class即可生成需要的图标。
这个工具超酷,能够帮助你将上传图片中的渐变特效生成CSS样式,非常便捷和高效,也非常实用。
Em calculator是一个轻巧的javascript工具能够帮助你创建灵活的CSS设计。它帮助你转换像素到em单位。可以帮助你有效的查看和比对像素和字体大小。
一个在线简单实用生成气泡式提示的web工具
一个帮助你检查网站颜色对比度的工具,能够有效的帮助你设计搭配完美的颜色方案。
如果你需要开发响应式布局设计的网站的话,这个工具肯定能够帮你大忙,它能够模拟不同设备的屏幕尺寸,并且帮助你占线不同设计上的网站显示效果,绝对是测试必备工具。
如果你需要一个帮助你规整书写混乱的代码的工具的话,我强烈推荐给你这个在线代码美化工具 - Dirty Markup。这个在线工具能够帮助你有效的处理HTML/HTML5,CSS和javascript代码。
一个超棒的在线jQuery mobile原型设计开发工具:Codiqa,这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个jQuery mobile的web应用程序。
Screenfly是一个免费测试工具,可以用来测试不同客户端下(不同显示器或者移动设备)网站显示状况的工具。
它使用一个代理服务器来模拟设备,并且支持最流行的平板电脑或者移动设备。
fixiejs是一个超实用的虚构内容生成脚本,如果你设计网站或者网页,往往需要添加一些文字或者图片内容,查看效果,这个脚本可以有效的帮助你生成不同类型内容,让你专注于设计本身!
超酷的纯javascript实现的购物车程序,能够很有效的帮助你生成一个B2C购物车。简单,实用,快捷!
animate.css是一套超棒的CSS动画脚本,可以帮助你使用CSS实现各种类型的动画,不同的淡入,淡出, 或者旋转,翻转特效。绝对是帮助你快速生成特效的好工具,你可以通过使用jQuery的addClass来给你的元素添加特效,方便实用,非常易于整合。相信你一定会喜欢的!
基于jQuery的一个超棒WYSIWYG编辑器 - Redactor。这个编辑器使用jQuery技术作为框架开发完成,整合了很多炫酷的功能,比如,拖拽上传文件,及其自动保存等,速度很快,并且体积非常小。
jQuery Boilerplate是一个不错的jQuery插件开发工具,使用这个工具可以帮助你快速的构建一个jQuery框架。
如果你也有你常用的前端开发工具,请给我们留言!
分享到:
相关推荐
MCGS脚本驱动开发工具,可以学习开发基于MCGS嵌入式组态软件相关的仪表驱动,可直接用MCGS触摸屏和仪表进行通讯交互。 脚本驱动是一种使用MCGS增强语言编写的设备驱动程序。 目的,是给用户提供一种与传统MCGS...
个人收藏的JS前端开发脚本,里面有上百例脚本案例,是你成就JS前端设计师的梦想的舞台。 用过的给个好评,谢谢了!!!
jquery.js脚本 前端辅助开发工具脚本
包含: 硬件检测 引导修复 效果图 系统检查 系统菜单 网络流量分析 强制修改系统 聊天软件 共享脚本 超级管理员密码 查看端口 IP一键切换
MCGS 脚本驱动 开发工具 简单易用 自动生成脚本工具
TC脚本开发工具软件支持中文编程和英文编程,采用多线程的图形界面脚本制作开发,易学,易懂,易写.并且配套有TC教程视频和帮助文档,不需要任何编程知识就可以做出功能强大的TC脚本,可以用来开发游戏辅助、日常辅助...
MCGS脚本驱动开发工具 使用教程 以及软件 中级使用教程 初级使用教程 脚本驱动开发软件等等
Platypus, OS X 开发人员工具从脚本创建应用程序包 鸭嘴兽 费费费是一个开发人员工具,它从解释的脚本( 如 shell 脚本或者Perl和 python 程序) 创建原生Mac应用程序。 通过将脚本包装在一个应用程序包目录结构...
测试消耗CPU和内存资源的工具脚本 第一个版本: 支持固定CPU占用 支持固定内存占用 暂不支持动态 1. 上传 到 linux 2. 赋 可行性权限 chmod +x eat-cpu-memory.sh 3. 运行命令:./eat-cpu-memory.sh 第一个参数...
从这些网站中,我学到一些编辑器,支持脚本编程,我学会了如何使用Visual Basic脚本调试器和对象浏览器等工具找出更多有关对象及其方法和属性。我是能够增加我的生产力显著,并创造一个相对舒适的环境脚本。 首先,...
JSI框架提供一个无侵入的脚本库管理解决方案,和一个全面的前端开发调试、文档解析、模版编译、打包导出环境支持。 作为一个开发期间的脚本管理工具,让开发者在开发期间享受JSI带来的种种便捷,也可以作为一个运行...
昆仑通态脚本驱动开发工具使用指导手册对工程技术人员很有用
VBS脚本开发工具,辅助你编写VBS脚本
交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。《JavaScript&...
Dynamics 365前端扩展开发之自定义脚本_v1.0 只传干货!只传干货!只传干货!
未采用框架开发,初级人员可放心使用;可作商品展现示范类网站,适用于绝大部分内容的资源展现 ; 适用人群:初级阶段后期的前端人员 ; 适用范围:各类商品展示、内容展现 ; 主要功能: 1、本地资源的页面展现 2、...
前端访问后台的脚本 do.ajax 前端访问后台的脚本 do.ajax 前端访问后台的脚本 do.ajax
昆仑通态 MCGS脚本驱动开发工具功能概述视频rar,昆仑通态 MCGS脚本驱动开发工具功能概述视频