在过去的开发过程中我们保存了大量的资源和工具用来提高web及其移动开发,这些工具能有效的提高你的开发流程,及其资源,并且保证代码的清晰,或者能有效提高你和你的同事的合作,如此多的工具中,我选择了50个最喜欢的工具分享给大家。
我把这篇文章分了几个子类使得大家更加方便浏览阅读

  • Web开发工具
  • web排版工具
  • 浏览器工具
  • 网站分析工具
  • 提高效率工具

Web开发工具ProcCSSor – 高级CSS美化工具
ProCssor是一个很有实用价值的web工具,它能够有效帮助你快速美化并且格式化CSS文件。
地址:http://procssor.com
ScriptSrc.net
是不是厌倦了搜索最新类库脚本对应标签?ScriptSrc可以帮助你拷贝最新的类库(jQuery,
MooTools,YUI…),如下:
<script type=”text/javascript”
src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js”></script>
地址:http://scriptsrc.net/
HTMLform.com
使用HTMLform.com后,你唯一要做的就是设计你的HTML表单,你将得到一个很容易就安装到服务器上的zip文件。一个很容易就嵌入网页的表单。一个简单但是很强大的数据库用以满足你的需求。并且拥有工具查询在线数据并且可以导出到excel和csv。
译者提醒:只支持PHP的服务器,你要用别的技术,还是掠过吧。
地址:http://htmlform.com/
Spritebox
Spritebox是一个所见即所得的工具,用来快速从一个sprite图片创建CSS的class和ID。
地址:http://www.spritebox.net/
HTML Purifier
HTMLPurifier是一个PHP开发的标准HTML兼容工具。它不但能够删除所有的恶意代码,保证代码安全性,同事能够监测你的代码的兼容性。
地址:http://htmlpurifier.org/
Tiny Fluid Grid

Tiny fluid grid是一个非常简单的CSS
Grid生成器,只有1kb,包括一个index.html文件和demo代码,并且grid.css包括了你创建grid的CSS。
地址:http://www.tinyfluidgrid.com
TABLEIZER!
TABLEIZER!是一个快速由电子数据表创建HTML table的工具。
地址:http://tableizer.journalistopia.com/
Try Ruby! (in
your browser)
如果你没有使用过Ruby,那么试试TryRuby吧!你可以快速简单的尝试Ruby教程并且在线测试你的学习成果!
地址:http://tryruby.org/
Plupload
Plupload允许你使用HTML5 Gears, Silverlight, Flash,
BrowserPlus或者一般表单来上传文件,提供一些特别的特性比如,上传进度显示,改变图片大小,批量上传等
地址:http://www.plupload.com/
Favigen: Favicon
Generator
地址:http://favigen.com/
Super Conversion Button
创建一个及时响应的Button是web开发中很重要的环节,使用这个工具能快速的生成一个漂亮的Button
地址:http://www.performable.com/buttons/
Subfolio
Subfolio是一个使用创新的方式在线分享的工具,可以公开也可以是私密,它对于自由职业者,工作室,代理处,企业甚至是教室来说都非常方便。
地址:http://subfolio.com/
jsFiddle
jsFiddle是web开发人员的在线分享工具,可以提供在线的编辑器服务,你可以使用它来和你的朋友,同事分享前台开发的问题和解决方法。它提供了CSS,javascript,html的在线编辑及其显示功能。代码可以在线分享,很方便开发人员在blog和论坛上分享或者解决问题
地址:http://www.jsfiddle.net/
A/B Split Testing
Calculator
地址:http://www.performable.com/calculator/
Frame Box –
Lightweight online tool for creating mockups
Frame Box 并不具有很多扩展的功能,你可以拖拽,改变大小,拷贝粘贴
UI的设计。我最喜欢它的地方在于它可以用来快速设计程序原型。
地址:http://framebox.org/
App
Inventor for Android
使用Anddroid App
inventor,你不需要专业的开发人员,无须开发代码,你只需要设计界面,使用block来指定程序的行为
地址:http://appinventor.googlelabs.com/about/
HTML-Ipsum
HTML Ipsum的伟大之处在于它给你标准的HTML的程序片段帮助你测试你的CSS
地址:http://html-ipsum.com/
CSS3 Button Maker
地址:http://css-tricks.com/css3-button-maker/
CSS3 Click
Chart by Impressive Webs
每一个CSS3 点击 图表都会显示一个CSS3特性,并且一个可点击的标题,点击后在低端会出现特性的具体信息
地址: http://www.impressivewebs.com/css3-click-chart/
CSS3
Generator
CSS3生成器能够帮助你生成CSS3属性,例如,@fontface,border-radius,
multi-column…
地址:http://css3generator.com/
在过去的开发过程中我们保存了大量的资源和工具用来提高web及其移动开发,这些工具能有效的提高你的开发流程,及其资源,并且保证代码的清晰,或者能有效提高你和你的同事的合作,如此多的工具中,我选择了50个最喜欢的工具分享给大家。
我把这篇文章分了几个子类使得大家更加方便浏览阅读:

  • Web开发工具
  • web排版工具
  • 浏览器工具
  • 网站分析工具
  • 提高效率工具

Web开发工具ProcCSSor – 高级CSS美化工具
ProCssor是一个很有实用价值的web工具,它能够有效帮助你快速美化并且格式化CSS文件。
地址:http://procssor.com
ScriptSrc.net
是不是厌倦了搜索最新类库脚本对应标签?ScriptSrc可以帮助你拷贝最新的类库(jQuery,
MooTools,YUI…),如下:
<script type=”text/javascript”
src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js”></script>
地址:http://scriptsrc.net/
HTMLform.com
使用HTMLform.com后,你唯一要做的就是设计你的HTML表单,你将得到一个很容易就安装到服务器上的zip文件。一个很容易就嵌入网页的表单。一个简单但是很强大的数据库用以满足你的需求。并且拥有工具查询在线数据并且可以导出到excel和csv。
译者提醒:只支持PHP的服务器,你要用别的技术,还是掠过吧。
地址:http://htmlform.com/
Spritebox
Spritebox是一个所见即所得的工具,用来快速从一个sprite图片创建CSS的class和ID。
地址:http://www.spritebox.net/
HTML Purifier
HTMLPurifier是一个PHP开发的标准HTML兼容工具。它不但能够删除所有的恶意代码,保证代码安全性,同事能够监测你的代码的兼容性。
地址:http://htmlpurifier.org/
Tiny Fluid Grid

Tiny fluid grid是一个非常简单的CSS
Grid生成器,只有1kb,包括一个index.html文件和demo代码,并且grid.css包括了你创建grid的CSS。
地址:http://www.tinyfluidgrid.com
TABLEIZER!
TABLEIZER!是一个快速由电子数据表创建HTML table的工具。
地址:http://tableizer.journalistopia.com/
Try Ruby! (in
your browser)
如果你没有使用过Ruby,那么试试TryRuby吧!你可以快速简单的尝试Ruby教程并且在线测试你的学习成果!
地址:http://tryruby.org/
Plupload
Plupload允许你使用HTML5 Gears, Silverlight, Flash,
BrowserPlus或者一般表单来上传文件,提供一些特别的特性比如,上传进度显示,改变图片大小,批量上传等
地址:http://www.plupload.com/
Favigen: Favicon
Generator
地址:http://favigen.com/
Super Conversion Button
创建一个及时响应的Button是web开发中很重要的环节,使用这个工具能快速的生成一个漂亮的Button
地址:http://www.performable.com/buttons/
Subfolio
Subfolio是一个使用创新的方式在线分享的工具,可以公开也可以是私密,它对于自由职业者,工作室,代理处,企业甚至是教室来说都非常方便。
地址:http://subfolio.com/
jsFiddle
jsFiddle是web开发人员的在线分享工具,可以提供在线的编辑器服务,你可以使用它来和你的朋友,同事分享前台开发的问题和解决方法。它提供了CSS,javascript,html的在线编辑及其显示功能。代码可以在线分享,很方便开发人员在blog和论坛上分享或者解决问题
地址:http://www.jsfiddle.net/
A/B Split Testing
Calculator
地址:http://www.performable.com/calculator/
Frame Box –
Lightweight online tool for creating mockups
Frame Box 并不具有很多扩展的功能,你可以拖拽,改变大小,拷贝粘贴
UI的设计。我最喜欢它的地方在于它可以用来快速设计程序原型。
地址:http://framebox.org/
App
Inventor for Android
使用Anddroid App
inventor,你不需要专业的开发人员,无须开发代码,你只需要设计界面,使用block来指定程序的行为
地址:http://appinventor.googlelabs.com/about/
HTML-Ipsum
HTML Ipsum的伟大之处在于它给你标准的HTML的程序片段帮助你测试你的CSS
地址:http://html-ipsum.com/
CSS3 Button Maker
地址:http://css-tricks.com/css3-button-maker/
CSS3 Click
Chart by Impressive Webs
每一个CSS3 点击 图表都会显示一个CSS3特性,并且一个可点击的标题,点击后在低端会出现特性的具体信息
地址: http://www.impressivewebs.com/css3-click-chart/
CSS3
Generator
CSS3生成器能够帮助你生成CSS3属性,例如,@fontface,border-radius,
multi-column…
地址:http://css3generator.com/

原文地址: 强烈推荐 –
50个web设计及开发人员使用的免费工具和应用

[url=http://css3generator.com/][/url]

 

版权声明:本文为an-wl原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/an-wl/p/2090621.html