50个web设计及开发人员使用的免费工具和应用
我把这篇文章分了几个子类使得大家更加方便浏览阅读
- Web开发工具
- web排版工具
- 浏览器工具
- 网站分析工具
- 提高效率工具
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]