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

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

 

原文地址：http://www.woiweb.net/8-web-design-and-development-online-tools.html

 

 ProCSSor

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

jsFiddle

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

Frame Box

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

Spritebox

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

CSS3 Generator

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

Super Conversion Button

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

wordmark.it

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

0 to 255

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

您可能还会喜欢

• 40个UI设计工具和资源
• SmartDraw 2010最新破解下载
• 来自Google的15款免费工具
• 浏览器及相关开发工具
• 开发与设计网站的优秀开源软件
• 14个可以节省你时间的CSS工具
• 50个Web设计师超便利的工具
• 12个便于web设计及开发的在线工具
• Javascript在线压缩工具

评论

5 楼 coolcat9527 2011-03-07  

mark 谢谢分享

4 楼 lxl214686623 2011-03-06  

不错，记下了，以后肯定用的到。

3 楼 leo77 2011-03-06  

应该不错.有时间试试

2 楼 allan9958 2011-03-04  

好资料啊 有几个不错 这样效率提高不少啊

1 楼 cectsky 2011-03-02  

不错哈，支持一下，没准我这样的后台开发者会用得上