30个实用的Web设计工具和资源
作为一个网页设计师，你必须有一些实用的工具，帮助你提高工作效率，俗话说工欲善其事，必先利其器，在这里，我们整理了一些很好的工具，包括CSS，HTML生成，网络维护工具，图标工具，网站模板，在线代码生成器等。
1.Expandrive
ExpanDrive能把SSH服务器映射成Windows网络驱动器的工具，用户可以方便地在本地进行删除，编辑等操作，就像在本地硬盘上一样方便。
ExpanDrive让您完全透明的访问打开，编辑和保存文件，即使这些文件是在远程服务器上。所谓透明意味着你甚至不通知您的远程文件服务器，它会通过一个USB驱动器您直接插入到您自己的计算机。
2. Browsershots
Browsershots在不同操作系统的不同浏览器下给您的网页做截图。是一个免费的开源的在线工具，提供给设计师一个方便的途径来测试网站在不同浏览器下的兼容性。您提交的网址会被加入一个任务队列。一群分布式的的计算机会在浏览器里打开您的网站。然后他们将开始截图并上传到我们的中央独立服务器供您浏览。
3. Lightbox 2
Lightbox 应该是最流行的图片浏览效果了，常具有功能包括：自动根据窗口的大小缩放图片，模式窗口，幻灯片方式播放，内容预加载，渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件，有基于 jQuery 的，有基于 Prototype 的，也有使用原生 JavaScript 写的。
4. Typeteste
Typetester是一款字体对比的在线应用程序，经过简单的操作可以在线对比哪种字体更适合您的网站。
Typetester 支持使用您电脑上安装的字体，完美支持中文而且您可以进行简单的 css 样式定义，是网页设计中不可缺少的好帮手。Typetester 可以同时对比三种字体的显示效果，并且显示的方式包括标准、粗体、斜体、粗斜体、全大写等10多种，通过简单的列表方式一目了然的展示在您的屏幕上，您可以通过对比来查看哪种显示模式更加匹配您的网站页面。
5. jQuery UI
jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。
6. Adobe kuler
Kuler 是 Adobe 利用网友提供的配色方案做出的一个 AIR 工具,用于汇总配色方案。
7. Smush.it
Smush.It™ 是一款免费在线图片优化编辑小工具,可最优化压缩你的图片文件大小,以雅虎国际强大的专业技术资源最大限度改善图片的质量和视觉效果,比通过Photoshop软件来优化图片的效果好多了。
8. Clean AJAX
Clean一个开源的Ajax引擎，一组简化AJAX开发的高级接口。此处Clean还集成两个开源项目Google AJAXSLT：为Clean添加XSLT支持。Paul Johnstone(JavaScript实现MD5与SHA1算法的开源项目)：为Clean添加对安全AJAX请求的支持。
9. 网页设计库Web design library
10. Stripemania
Stripemania 网站提供简单的条纹背景生成器，只需简单的几步，就能免费制作背景。
11. Whatthefont
WhatTheFont是MyFonts网站的一个功能，可以用它来搜索图片中文字所用的字体，new.myfonts.com
12. Lorem Ipsum
中文又称“乱数假文”， 是指一篇常用于排版设计领域的拉丁文文章，主要的目的为测试文章或文字在不同字型、版型下看起来的效果。
13. Behance
Behance有非常惊人的作品
14. Stylevault
Stylevault.net 是一个设计展示站点，设计师可以在上面展示才华的同时其他人也可从中获益。
15. Blueprint CSS
Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目，BP由一个易用的网格、合理的布局和一个打印样式。
16. CleanCSS
clean-css 是一个非常简单的 CSS 压缩程序，可以删除 CSS 中一些无用的空格、评论以及每个选择器后面的分号等。
17. Firebug
Firebug是firefox下的一个扩展,能够调试所有网站语言，如Html,Css等，但FireBug最吸引人的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。
18. Zend Studio
Zend Studio是Zend Technologies公司开发的PHP语言集成开发环境(IDE)。除了有强大的PHP开发支持外也支持HTML、js、CSS，但只对PHP语言提供调试支持。Studio5.5系列后，官方推出了基于Eclipse平台的Zend Studio，当前最新的11.0.1版本亦是构建于Eclipse平台。.
19. Typeface.js
一个用以在网页上使用任意字体的代码库。与流行的解决方案（如sIFR 和 FLIR）不同，typeface.js 并不需要Flash，是100%的JavaScript应用。要使用任意字体，只需上传其字体文件到一个 基于网页的字体生成器，然后下载渲染过的JavaScript文件，把它添加到你的网页中即可。.
20. Color hunter
图片色值提取工具-Color Hunter
21. Browsercam
是一个浏览器兼容性在线测试工具。您可以用它的试用版进行24小时200张图以内的测试。
22. Colour lovers
Colourlovers是以色彩为主题的专业性社群讨论网站,提供了眼花缭乱的页面色彩搭配方案外,还把DIY的原理运用其中,让那些精彩的配色不会随着时间的流逝而被遗忘。.
23. W3C Validator
W3C验证是W3C的免费服务，帮助检查Web文档的有效性。也可用CSS验证.
24. Deviantart
deviantART是美国一个流行的国际性在线艺术社区,他开始于2000年8月7日,由Scott Jarkoff和Matthew Stephens创建。.
25. WIX
Free flash page builder tool.
26. Are my sites up?
当你的网站出现故障通知你。
27. pForm
HTML form creator.
28. The design inspiration
29. Colorotate
With ColoRotate, you can work with colors in 3D, in real time, and in a way that matches how our minds process color.
30. Fire FTP for Firefox
FireFTP一个免费，开源，跨平台的FTP客户端的是Mozilla Firefox的形式添加。 它支持的FTP ， FTPS ，和SFTP 。FireFTP的工具是一个非常容易使用和更舒适的比很多其他FTP客户端你会发现周围。 这让您的Firefox浏览器转换成一个更全功能的FTP客户端。
实战帮在线教育平台整理编辑，转载注明出处！
