tension 2007-7-19 14:57
[资源] [翻译]Web2.0设计师工具箱
Web2.0工具箱 [url=http://www.dezinerfolio.com/2007/04/22/the-web-designers-tool-kit/][color=#0000ff]The Web Designers Tool Kit[/color][/url]
原文地址： [url=http://www.dezinerfolio.com/2007/04/22/the-web-designers-tool-kit/][color=#0000ff]http://www.dezinerfolio.com/2007 ... designers-tool-kit/[/color][/url]
链接数量很多，翻译不全欢迎大家查漏补缺。个人比较喜欢js特效库。
分类一、DHTML AJAX Javascript 【Ajax脚本库】
[url=http://www.roscripts.com/index.php][color=#0000ff]1. RO Scripts - Growing Collection of Scripts under various categories[/color][/url]每天收集更多不同类型的脚本
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/roscripts.gif[/img]
[url=http://www.hotscripts.com/JavaScript/Scripts_and_Programs/][color=#0000ff]2. HOT Scripts - Huge collection of Scripts under various categories. [/color][/url]收藏大量丰富类型的脚本
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/hotscripts.gif[/img]
[url=http://www.dhtmlgoodies.com/][color=#0000ff]3. DHTML Goodies - Easy and Nice DHTML and AJAX scripts with cool examples. [/color][/url]简单易用的DHTML和Ajax脚本，并陪有丰富的实例
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/dhtmlgoodies.gif[/img]
[url=http://www.dhtmlsite.com/ajax.php][color=#0000ff]4. DHTML Site - Extremely cool collection of very useful scripts. [/color][/url]
非常酷的脚本收藏站点
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/dhtmlsite.gif[/img]
分类二、AJAX Frameworks and JS Effects 【Ajax框架及Js特效】
[url=http://mootools.net/][color=#0000ff]1. moo.fx - a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework [/color][/url]
moo.fx是一个超级轻量级易用的js特效库，基于protoype.js框架或者mootools框架
[url=http://mootools.net/][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/moofx.gif[/img][/url]
[url=http://script.aculo.us/][color=#0000ff]2. script.aculo.us - easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly. [/color][/url]
script.aculo.us 简单易用的跨浏览器UI特效库，让你的网站和应用程序运行如飞。
[url=http://script.aculo.us/][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/scriptalicius.gif[/img][/url]
[url=http://www.mad4milk.net/][color=#0000ff]3. MAD 4 Milk 疯狂牛奶[/color][/url]
[url=http://www.mad4milk.net/][color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/mad4milk.gif[/img][/color][/url]
[url=http://mootools.net/][color=#0000ff]4. Moo Tools - Compact, Modular, Object-Oriented javascript framework [/color][/url]
Mootools 压缩，模块化，面向对象设计的js框架。 每个项目都可以自由定制，压缩后的脚本大小约36KB左右，完整注释版130KB左右
[url=http://mootools.net/][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/mootools.gif[/img][/url]
{ moo.fx | mad4milk | mootools 应该是同一个开源项目组了}
分类三、Free Icons 【免费图标】
1. [url=http://www.yellowicon.com/][color=#0000ff]Yellow Icon[/color][/url]
[url=http://www.yellowicon.com/][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/yellowicon.gif[/img][/url]
2. [url=http://fasticon.com/][color=#0000ff]Fast Icon[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/fasticon.gif[/img]
3.[url=http://iconfactory.com/home][color=#0000ff] Icon Factory[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconfactory.gif[/img]
4.[url=http://www.iconarchive.com/][color=#0000ff] Icon Archive [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconarchive.gif[/img]
[/color]5. [url=http://www.dreamplay.dk/icon/][color=#0000ff]Icon Finder [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/inconfinder.gif[/img]
[/color]6. [url=http://www.iconkits.com/][color=#0000ff]Icon Kits[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconkits.gif[/img]
7. [url=http://www.iconbuffet.com/][color=#0000ff]Icon Buffet[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconbuffet.gif[/img]
8. [url=http://www.maxpower.ca/free-icons/2006/03/05/][color=#0000ff]Max Power[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/maxpower.gif[/img]
分类四、Color Tools 【配色工具】
1[url=http://colorschemer.com/][color=#800080]. Color Schemer - Professional color matching application for anyone from hobbyists to advanced professionals. [/color][/url]
Color Schemer专业色彩搭配程序， 菜鸟到专业人士都适合
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorschemer.gif[/img]
[url=http://www.colourlovers.com/][color=#0000ff]2. Color Lovers - A resource that monitors and influences color trends [/color][/url]
Color Lovers 预测色彩流行趋势资源网站
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorlovers.gif[/img]
[url=http://www.colorwhore.com/][color=#0000ff]3. Color Whore - A directory of nice colors [/color][/url]
Color Whore 一个收藏色彩搭配的“大字典”
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorwhore.gif[/img]
[url=http://www.colorjack.com/][color=#0000ff]4. Color Jack [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorjack.gif[/img]
[/color][url=http://beta.dailycolorscheme.com/][color=#0000ff]5. Daily Color Scheme - Daily fresh color schemes [/color][/url]
每日新鲜的配色方案出炉
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/dailycolorscheme.gif[/img]
[url=http://colorblender.com/][color=#0000ff]6. Color Blender [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorblender.gif[/img]
[/color][url=http://wellstyled.com/tools/colorscheme2/index-en.html][color=#0000ff]7. Well Styled[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/wellstyled.gif[/img]
分类五、其他在线资源
[url=http://jigsaw.w3.org/css-validator/][color=#0000ff]1. CSS Validator[/color][/url] 这个不用说了css验证器
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/w3c.gif[/img]
[url=http://www.napyfab.com/ajax-indicators/][color=#0000ff]2. Napyfab - Ajax Activity Indicators ( loading animations ) [/color][/url]
Ajax的loading 动画资源
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/napyfab.gif[/img]
[url=http://validator.w3.org/][color=#0000ff]3. XHTML Validator [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/w3c.gif[/img]
[/color][url=http://www.danvine.com/icapture/][color=#0000ff]4. iCapture - Test ( screenshot ) your web site on different operating systems.[/color][/url]
iCapture 在不同的操作系统下给你的网站抓屏测试。
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/icapture.gif[/img]
[url=http://www.seomoz.org/crawl-test][color=#0000ff]5. SEO Moz - Quickly diagnose search engine crawling issues on your website. [/color][/url]
SEO Moz 获取搜索引擎蜘蛛爬（你的）网信息
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/seomoz.gif[/img]
[url=http://riddle.pl/emcalc/][color=#0000ff]6. EM Calculato - Convert em to px and px to em [/color][/url]
em单位换算px单位
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/emcalc.gif[/img]
[url=http://www.cleancss.com/][color=#0000ff]7. Clean CSS - CSS Formatter and Optimiser [/color][/url]
Clean CSS 用来优化css代码
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/cleancss.gif[/img]
[url=http://www.csstype.com/][color=#0000ff]8. CSS Type - web safe typography on screen for pixel perfectionists[/color][/url]
网站排版，在显示器上获取最佳的显示
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/csstype.gif[/img]
[url=http://www.google.com/codesearch][color=#0000ff]9. Google Code Search - Search public source code. [/color][/url]
搜索开源代码
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/codesearch.gif[/img]
[url=http://browsershots.org/][color=#0000ff]10. Browser Shots - Test your web design in different browsers [/color][/url]
给网站抓屏
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/browsershots.gif[/img]
[url=http://www.onlinemetatag.com/][color=#0000ff]11. Meta Tag Generator [/color][/url]媒体标签生成器
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/onlinemeta.gif[/img]
[url=http://www.makewords.com/][color=#0000ff]12. Make Words - Name Generator. Find unique names and register available domains[/color][/url]
MakeWords 名称生成器，寻找独特唯一的名字来注册玉米
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/makewords.gif[/img]
[url=http://www.rorweb.com/rormap.htm][color=#0000ff]13. ROR Sitemap Generator - This free tool will crawl your website and generate a Sitemap with up to 1,000 URLs for ALL search engines, not just Google. [/color][/url]网站导航生成器。
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/rorsitemap.gif[/img]
[url=http://www.wangz.net/cgi-bin/pp/gsqlparser/sqlpp/sqlformat.tpl][color=#0000ff]14. Instant SQL Formatter - Instant SQL Formatter [/color][/url]
快速格式化SQL语句
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/sqlonline.gif[/img]
[url=http://www.fonttester.com/][color=#0000ff]15. Font Tester - Font Tester is a free online font comparison tool [/color][/url]字体在线测试，免费在线排版工具，都是网络安全字体。
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/fonttester.gif[/img]
[url=http://www.polldaddy.com/][color=#0000ff]16. Poll Daddy - Create free polls anywhere online [/color][/url]创建免费的在线投票统计。
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/polldaddy.gif[/img]
[url=http://www.stripegenerator.com/][color=#0000ff]17. Stripe Generator - The ultimate tool for Web 2.0 Designers [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/stripegen.gif[/img]
[/color][url=http://www.smashingmagazine.com/][color=#0000ff]18. Smashing Magazine - Very useful Tips, Resources and Web Development based stuff. [/color][/url]
非常有用的技巧，资源和网络开发基础知识
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/smashingmag.gif[/img]
[url=http://www.bittbox.com/][color=#0000ff]19. Bittbox - Lots of free Design Resources [/color][/url]丰富的免费设计资源。
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/bittbox.gif[/img]
[url=http://www.zamzar.com/][color=#0000ff]20. Zamar - Have you ever wanted to convert files without the need to download software ? [/color][/url]
在线转换文件格式
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/zamar.gif[/img]
[url=http://www.cssfly.net/][color=#0000ff]21. CSS Fly - Online CSS Editor [/color][/url]在线的CSS编辑器
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/cssfly.gif[/img]
分类六、免费字体
[url=http://www.urbanfonts.com/free-fonts.htm][color=#0000ff]1. Urban Fonts[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/urbanfonts.gif[/img]
[url=http://www.fontreactor.com/][color=#0000ff]2. Font Reactor[/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/fontreactor.gif[/img]
[/color][url=http://www.dafont.com/][color=#0000ff]3. DaFont [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/dafont.gif[/img]
[/color][url=http://www.searchfreefonts.com/][color=#0000ff]4. Search Free Fonts[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/searchfreefonts.gif[/img]
[url=http://www.1001fonts.com/][color=#0000ff]5. 1001 Fonts[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/1001fonts.gif[/img]
[url=http://fontleech.com/][color=#0000ff]6. Font Leech[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/04/fontleech.gif[/img]
分类七、网络优化，流量统计统计，数据分析
[url=http://google.com/analytics][color=#0000ff]1. Google Analytics [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/google_analytics.gif[/img]
[/color][url=http://www.crazyegg.com/][color=#0000ff]2. Crazy Egg [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/crazyegg.gif[/img]
[/color][url=http://www.feedburner.com/][color=#0000ff]3. Feedburner[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/feedburner.gif[/img]
[url=http://www.reinvigorate.net/][color=#0000ff]4. reinvogorate [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/reinvigorate.gif[/img]
[/color][url=http://www.measuremap.com/][color=#0000ff]5. measuremap [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/measuremap.gif[/img]
[/color][url=http://w3counter.com/][color=#0000ff]6. W3 Counter[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/w3counter.gif[/img]
[url=http://awstats.sourceforge.net/][color=#0000ff]7. AW Stats[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/awstats.png[/img]
8. [url=http://mybloglog.com/][color=#0000ff]MyBlogLog [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/mybloglog.gif[/img]
[/color]9. [url=http://www.websidestory.com/][color=#0000ff]WebSideStory [/color][/url]
[color=#0000ff][img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/web-site-directory.gif[/img]
[/color][url=http://www.sitemeter.com/][color=#0000ff]10. Sitemeter[/color][/url]
[img]http://www.dezinerfolio.com/wp-content/uploads/2007/03/sitemeter.gif[/img]