Web2.0设计师工具箱资源网站集锦

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

生成海报

No related content found.

1 评论