web开发设计人员不可不用的在线web工具和应用

标签: CSS Javascript | 发表时间:2013-01-06 10:44 | 作者:terry
出处:http://www.qianduan.net

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

前端开发相关

jsfiddle

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

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

codepen

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

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

gbdebug

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

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

reFiddle+

如果你是个正则表单式的狂热爱好者的话,这款在线工具肯定是你必备的工具之一,reFiddle+可以帮助你在线的调试正则表单式,你只需要输入数据和对应的正则表达式后,就可以看到高亮显示的结果,是不是非常直观和简单,相信你肯定会喜欢!

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

RubyFiddle

如果你的开发语言是Ruby的话,你可能已经知道了这个在线工具 RubyFiddle,使用这个在线工具可以帮助你在线的调试Ruby代码,有点儿类似jsfiddle和codepen,只不过是Ruby版本的代码而已。 你只需要粘贴ruby代码并且点击”RUN”按钮即可,甚至支持Vim或者Emacs的输入方式哦!

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

CSS3 generator

这个CSS3的代码生成器和一般的CSS3代码生成工具不太一样,它使用了视差滚动的方式来展示内容,并且提供了自定义的选项,可以动态的生成你需要的CSS3代码。超酷超有型!

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

HTML5 Please

这个网站在之前的相关文章中也介绍过,如果你需要了解如何正确的使用HTML5相关技术的话,最好仔细的看看这个工具网站吧,相当的实用!

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

前端性能优化工具

DOM Monster

当我们开发web应用的时候,性能是一个永远不能回避的问题。其实对于DOM的性能调试也是一个不可或缺的过程。使用DOM monster你只需要添加到你的”书签中“,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。是不是很方便!

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

zBugs

zbugs看上去像是一个bug相关工具,其实它是一个快速帮助你压缩CSS/Javascript的在线工具,你只需要提供一个你的网站的链接,下载相关的文件,再上传到你的网站即可!

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

其它类型工具

BuiltWith

buildwith是一个帮助里了解网站使用技术的在线工具,你只需输入你要检测的网站地址,它会给你生成此网站使用的前后台技术和相关链接,相信如果你是一个黑客的话,这个工具必不可少 :D

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

相关 [web 开发 设计] 推荐:

web开发设计人员不可不用的在线web工具和应用

- - 前端观察
大家可能还记得在过去的文章我们我们曾经介绍我们收集的 前端开发人员必备的工具,脚本和资源,在今天的这篇文章中,我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用. 相信会在web开发和设计的过程中给你带来方便和快捷. jsfiddle是老牌的在线调试和分享代码的网站,它可以帮助你在线调试javascript/css/html代码, 并且方便的发布到社区,论坛或者社交媒体上与朋友们分享或者提问.

Web开发和设计精华文章推荐【系列二】

- MS - 博客园-首页原创精华区
  这篇文章继续向大家分享Web开发和设计精华文章,文章主要来自今年6月份发布在梦想天空博客的博文. 梦想天空博客专注于分享Web开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具. 分享快乐,快乐分享,希望这些资源能帮助到您.

最新20款Web设计和开发工具推荐

- Lee - 博客园-首页原创精华区
  在这篇文章中,收集了最新20个Web设计和设计工具推荐给大家,这些工具都是免费的,不需要任何安装和更新的过程,感谢这些工具的作者为我们提供这么有用的工具. X-Icon Editor 是一款帮助你在线创建高分辨率图标的在线HTML5应用程序. 520 Grid System 是一个 HTML/CSS 框架,适合窄网站模板制作.

Web开发和设计精华文章推荐【系列四】

- Le - 博客园-梦想天空
  这篇文章继续向大家推荐Web开发和设计精华文章,文章主要来自今年八月份发布于梦想天空博客的博文. 梦想天空博客专注于分享Web开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具. 分享快乐,快乐分享,希望这些资源能帮助到您.

WEB设计师和开发人员需要的新鲜资源

- redhobor - 互联网的那点事
网页设计正在进入全新的领域,各种技术每天都在涌现. 网页设计师和开发人员都需要不停的去改进自己的思维不停的去创新用户体验,才能让项目在众多的网页中脱颖而出. 但是不管是WEB设计师还是开发人员,都需要有一套属于自己的素材库,里面有各种资源可随时调用. 下面是我们分享给大家的一些非常实用和新鲜的资源,其中有关于幻灯片插件,有CSS框架,有HTML5和CSS3还有GUI,jQuery等等.

Web开发和设计精华文章推荐【系列三】

- 易水夕林 - 博客园-梦想天空
  这篇文章继续向大家分享Web开发和设计精华文章,文章主要来自今年七月份发布在梦想天空博客的博文. 梦想天空博客专注于分享Web开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具. 分享快乐,快乐分享,希望这些资源能帮助到您.

10个Web开发设计相关资源博客推荐

- 幻幽 or A書 - 伯乐在线 -博客
  一个好的web设计人员在于设计灵感,而Web设计的灵感来源之一就是学习别人的设计理念和想法,同时能熟练应用到自己的设计和开发项目中,互联网 技术的发展使得我们能够接触到很多关于Web设计的资源和网站,如何找到合适的内容对于我们来说是一个不小的挑战,今天本文将带来10个精心挑选的web 开发设计相关博客和大家分享,希望大家能够喜欢.

2012年度最新免费web开发设计资源荟萃

- - 前端观察
免费的设计和开发资源大家肯定都喜欢,在这篇文章中我们收集了7月到8月的最新免费开发设计资源,包含PSD UI套件,图标javascript,jQuery插件等等,绝对是web开发设计人员必备,如果你也喜欢,过来看看吧. Smart Time Ago(jQuery插件). 使用javascript开发超棒的动画文字书写效果.

Web前端开发工程师必读的15个设计博客

- abcd - 博客园-首页原创精华区
  Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处. 本文向大家推荐15个非常不错的设计博客. Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5、CSS、JavaScript、Photoshop、Wordpress、壁纸和网站可用性.

[译]Web设计者和开发者必备的28个Chrome插件

- liu - 博客园-首页原创精华区
       对于许多Web设计者和开发者来说,Firefox浏览器是无法超越的,对于其他人Chrome正在蚕食Firefox的浏览器市场.        在过去的两年,谷歌Chrome浏览器的发布以来,引起了人们激烈争论究竟哪个浏览器更加优秀. Mozilla的开源产品经受了时间的考验和Firefox已经快速成为继微软IE浏览器后的第二大最流行的浏览器.