10个实用的网页设计和开发工具

　　作为一位网页设计师或开发者，你一直需要搜寻获取强大的网页设计工具。这能够帮助你节约时间并完成工作。以下我们列举了一系列优秀的工具，包括CSS、html generators、网页维护工具、排版工具、网站模板以及在线代码生成器等。

　　看看一下三十种优秀网页设计工具列表，它们可以帮助你在网页设计与维护项目中节约时间。你也可以把它们设为书签，以便便捷使用。

　　1. Expandrive

　　ExpanDrive 是一款能把SSH服务器映射成Windows网络驱动器的服务器本地映射工具，有了这款软件，用户可以方便地在本地进行删除，编辑等操作，就像在本地硬盘上一样方便。

　　2. Browsershots

　　在线网页兼容性测试工具，能够对网页进行多款浏览器的兼容性调试，以屏幕截图的方式呈现测试结果，方便设计人员的页面调试。在该工具的首页，列出了常见操作系统 (Linux, Windows, Mac OS, BSD) 下的各种浏览器列表，可以根据需要勾选。

　　3. Lightbox 2

　　一款很漂亮很有动感的lightbox插件。源文件压缩包有jQuery及Mootools2种版本，而且每个版本都有黑白2种皮肤。该插件支持单张图片，一组图片，gif动态图片，HTML内容，IFrame内容，Ajax等内容的展示，会随滚动条自动居中展示，效果很好。而且支持弹出层的震动效果。源文件压缩包里还提供PSD文件，大家可以自己修改。

　　4. Typeteste

　　Typetester是一款字体对比的在线应用程序，经过简单的操作可以在线对比哪种字体更适合您的网站。

　　Typetester 支持使用您电脑上安装的字体，完美支持中文而且您可以进行简单的 css 样式定义，是网页设计中不可缺少的好帮手。Typetester 可以同时对比三种字体的显示效果，并且显示的方式包括标准、粗体、斜体、粗斜体、全大写等10多种，通过简单的列表方式一目了然的展示在您的屏幕上，您可以通过对比来查看哪种显示模式更加匹配您的网站页面。

　　5. jQuery UI

　　jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。

　　6. Adobe kuler

　　Adobe Kuler是Adobe推出的基于Adobe Air的优秀的色彩配色软件，Kuler能让你对色彩知识有良好的掌控，在设计中做到游刃有余。使用需要先安装Adobe Air平台支持。

　　7. Smush.it

　　网页图片优化是网页加速中非常重要的一步，对图片进行压缩，不仅能够节约带宽，并且加快网页的速度。我们常用的图片编辑软件都可以在压缩图片。而使用 Smush.it 则可以大幅压缩图片，并且它还是一个无损的压缩工具。Smush.it 不但支持本地上传图片，而且还支持网络路径图片获取！

　　8. Clean AJAX

　　Clean一个开源的Ajax引擎，一组简化AJAX开发的高级接口。

　　9. Web design library

　　这个网站的内容包括了免费的网页设计指南、资讯、文章、评审建议。也提供模板交易服务。

　　10. Stripemania

　　Stripemania是一个简单免费的Web 2.0工具，用于设计创造无缝的斜条纹。你可以选择条纹的间距大小，也可以为所有的条纹添加颜色渐变效果。