8个Web设计与开发的在线工具分享

Question

在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率。本文收集了一些设计和开发相关的在线工具，分享给大家，希望对你有帮助。



原文地址：http://www.woiweb.net/8-web-desi ... t-online-tools.html



ProCSSor

www.javaeye.com_web development tools_dev_tools_6.jpg (25.28 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

ProCSSor是一个很不错的css代码美化工具，它可以帮助你很轻松的把代码转换成很美观。

jsFiddle

www.javaeye.com_web development tools_dev_tools_2.jpg (21.05 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

JsFiddle有多种用途，其中一个用法就是可以在线编辑html, css 和javascript片段，而且代码可以分享，还可以嵌入到你的博客中等等。

Frame Box

www.javaeye.com_web development tools_dev_tools_3.jpg (35.29 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

Frame Box是一个非常好用的用于在线分享线框图（wireframes）的工具。

Spritebox

www.javaeye.com_web development tools_dev_tools_1.jpg (36.41 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

Spritebox是一个所见即所得的工具，帮助Web设计者迅速而轻松地从一张精灵图片（CSS Sprit
Image）创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS
Sprites，在国内很多人叫CSS精灵，它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。

CSS3 Generator

www.javaeye.com_web development tools_dev_tools_4.jpg (15.17 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

这是一个简单的跨浏览器css3样式生成器，可以生成你想要的任何值。

Super Conversion Button

www.javaeye.com_web development tools_dev_tools_7.jpg (16.93 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

这个工具可以帮助你瞬间生成一个美观的试用（Try it now）按钮。

wordmark.it

www.javaeye.com_web development tools_dev_tools_8.jpg (26.34 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

这个工具之前曾介绍过，可以帮助你直观的查看当前电脑上安装了哪些字体。

0 to 255

www.javaeye.com_web development tools_dev_tools_5.jpg (7.34 KB, 下载次数: 1)

下载附件

2011-03-04 21:03 上传

网页设计师Shaun Chapman设计开发了0To255.com平台，让人们更简单、方便、快捷地选取合适的颜色。