Web2.0工具箱
上一篇 / 下一篇 2007-07-24 00:06:48 / 个人分类:WEB DESIGN
Web2.0工具箱 The Web Designers Tool Kit
原文地址: http://www.dezinerfolio.com/2007 ... designers-tool-kit/
链接数量很多,翻译不全欢迎大家查漏补缺。个人比较喜欢js特效库。
分类一、DHTML AJAX Javascrīpt 【Ajax脚本库】
1. RO scrīpts - Growing Collection of scrīpts under various categories每天收集更多不同类型的脚本
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/roscrīpts.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/roscrīpts.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. HOT scrīpts - Huge collection of scrīpts under various categories. 收藏大量丰富类型的脚本
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/hotscrīpts.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/hotscrīpts.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. DHTML Goodies - Easy and Nice DHTML and AJAX scrīpts with cool examples. 简单易用的DHTML和Ajax脚本,并陪有丰富的实例
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/dhtmlgoodies.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/dhtmlgoodies.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. DHTML Site - Extremely cool collection of very useful scrīpts.
非常酷的脚本收藏站点
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/dhtmlsite.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/dhtmlsite.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
分类二、AJAX Frameworks and JS Effects 【Ajax框架及Js特效】
1. moo.fx - a superlightweight, ultratiny, megasmall javascrīpt effects library, to be used with prototype.js or the mootools framework
moo.fx是一个超级轻量级易用的js特效库,基于protoype.js框架或者mootools框架
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/moofx.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/moofx.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. scrīpt.aculo.us - easy-to-use, cross-browser user interface Javascrīpt libraries to make your web sites and web applications fly.
scrīpt.aculo.us 简单易用的跨浏览器UI特效库,让你的网站和应用程序运行如飞。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/scrīptalicius.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/scrīptalicius.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. MAD 4 Milk 疯狂牛奶
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/mad4milk.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/mad4milk.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. Moo Tools - Compact, Modular, Object-Oriented javascrīpt framework
Mootools 压缩,模块化,面向对象设计的js框架。 每个项目都可以自由定制,压缩后的脚本大小约36KB左右,完整注释版130KB左右
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/mootools.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/mootools.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
{ moo.fx | mad4milk | mootools 应该是同一个开源项目组了}
分类三、Free Icons 【免费图标】
1. Yellow Icon
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/yellowicon.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/yellowicon.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. Fast Icon
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/fasticon.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/fasticon.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. Icon Factory
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconfactory.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconfactory.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. Icon Archive
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconarchive.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconarchive.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
5. Icon Finder
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/inconfinder.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/inconfinder.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
6. Icon Kits
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconkits.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconkits.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
7. Icon Buffet
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconbuffet.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/iconbuffet.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
8. Max Power
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/maxpower.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/maxpower.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
分类四、Color Tools 【配色工具】
1. Color Schemer - Professional color matching application for anyone from hobbyists to advanced professionals.
Color Schemer专业色彩搭配程序, 菜鸟到专业人士都适合
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorschemer.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorschemer.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. Color Lovers - A resource that monitors and influences color trends
Color Lovers 预测色彩流行趋势资源网站
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorlovers.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorlovers.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. Color Whore - A directory of nice colors
Color Whore 一个收藏色彩搭配的“大字典”
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorwhore.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorwhore.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. Color Jack
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorjack.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorjack.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
5. Daily Color Scheme - Daily fresh color schemes
每日新鲜的配色方案出炉
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/dailycolorscheme.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/dailycolorscheme.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
6. Color Blender
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorblender.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/colorblender.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
7. Well Styled
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/wellstyled.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/wellstyled.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
分类五、其他在线资源
1. CSS Validator 这个不用说了css验证器
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/w3c.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/w3c.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. Napyfab - Ajax Activity Indicators ( loading animations )
Ajax的loading 动画资源
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/napyfab.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/napyfab.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. XHTML Validator
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/w3c.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/w3c.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. iCapture - Test ( screenshot ) your web site on different operating systems.
iCapture 在不同的操作系统下给你的网站抓屏测试。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/icapture.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/icapture.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
5. SEO Moz - Quickly diagnose search engine crawling issues on your website.
SEO Moz 获取搜索引擎蜘蛛爬(你的)网信息
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/seomoz.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/seomoz.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
6. EM Calculato - Convert em to px and px to em
em单位换算px单位
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/emcalc.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/emcalc.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
7. Clean CSS - CSS Formatter and Optimiser
Clean CSS 用来优化css代码
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/cleancss.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/cleancss.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
8. CSS Type - web safe typography on screen for pixel perfectionists
网站排版,在显示器上获取最佳的显示
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/csstype.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/csstype.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
9. Google Code Search - Search public source code.
搜索开源代码
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/codesearch.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/codesearch.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
10. Browser Shots - Test your web design in different browsers
给网站抓屏
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/browsershots.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/browsershots.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
11. Meta Tag Generator 媒体标签生成器
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/onlinemeta.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/onlinemeta.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
12. Make Words - Name Generator. Find unique names and register available domains
MakeWords 名称生成器,寻找独特唯一的名字来注册玉米
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/makewords.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/makewords.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
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. 网站导航生成器。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/rorsitemap.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/rorsitemap.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
14. Instant SQL Formatter - Instant SQL Formatter
快速格式化SQL语句
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/sqlonline.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/sqlonline.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
15. Font Tester - Font Tester is a free online font comparison tool 字体在线测试,免费在线排版工具,都是网络安全字体。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/fonttester.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/fonttester.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
16. Poll Daddy - Create free polls anywhere online 创建免费的在线投票统计。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/polldaddy.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/polldaddy.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
17. Stripe Generator - The ultimate tool for Web 2.0 Designers
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/stripegen.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/stripegen.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
18. Smashing Magazine - Very useful Tips, Resources and Web Development based stuff.
非常有用的技巧,资源和网络开发基础知识
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/smashingmag.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/smashingmag.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
19. Bittbox - Lots of free Design Resources 丰富的免费设计资源。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/bittbox.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/bittbox.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
20. Zamar - Have you ever wanted to convert files without the need to download software ?
在线转换文件格式
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/zamar.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/zamar.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
21. CSS Fly - Online CSS Editor 在线的CSS编辑器
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/cssfly.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/cssfly.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
分类六、免费字体
1. Urban Fonts
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/urbanfonts.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/urbanfonts.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. Font Reactor
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/fontreactor.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/fontreactor.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. DaFont
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/dafont.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/dafont.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. Search Free Fonts
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/searchfreefonts.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/searchfreefonts.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
5. 1001 Fonts
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/1001fonts.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/1001fonts.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
6. Font Leech
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/04/fontleech.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/04/fontleech.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
分类七、网络优化,流量统计统计,数据分析
1. Google Analytics
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/google_analytics.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/google_analytics.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
2. Crazy Egg
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/crazyegg.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/crazyegg.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
3. Feedburner
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/feedburner.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/feedburner.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
4. reinvogorate
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/reinvigorate.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/reinvigorate.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
5. measuremap
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/measuremap.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/measuremap.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
6. W3 Counter
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/w3counter.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/w3counter.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
7. AW Stats
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/awstats.png');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/awstats.png" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
8. MyBlogLog
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/mybloglog.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/mybloglog.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
9. WebSideStory
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/web-site-directory.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/web-site-directory.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
10. Sitemeter
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" ōnclick="if(!this.resized) {return true;} else {window.open('http://www.dezinerfolio.com/wp-content/uploads/2007/03/sitemeter.gif');}" alt="" src="http://www.dezinerfolio.com/wp-content/uploads/2007/03/sitemeter.gif" ōnload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>
原文地址: http://www.dezinerfolio.com/2007 ... designers-tool-kit/
链接数量很多,翻译不全欢迎大家查漏补缺。个人比较喜欢js特效库。
分类一、DHTML AJAX Javascrīpt 【Ajax脚本库】
1. RO scrīpts - Growing Collection of scrīpts under various categories每天收集更多不同类型的脚本
2. HOT scrīpts - Huge collection of scrīpts under various categories. 收藏大量丰富类型的脚本
3. DHTML Goodies - Easy and Nice DHTML and AJAX scrīpts with cool examples. 简单易用的DHTML和Ajax脚本,并陪有丰富的实例
4. DHTML Site - Extremely cool collection of very useful scrīpts.
非常酷的脚本收藏站点
分类二、AJAX Frameworks and JS Effects 【Ajax框架及Js特效】
1. moo.fx - a superlightweight, ultratiny, megasmall javascrīpt effects library, to be used with prototype.js or the mootools framework
moo.fx是一个超级轻量级易用的js特效库,基于protoype.js框架或者mootools框架
2. scrīpt.aculo.us - easy-to-use, cross-browser user interface Javascrīpt libraries to make your web sites and web applications fly.
scrīpt.aculo.us 简单易用的跨浏览器UI特效库,让你的网站和应用程序运行如飞。
3. MAD 4 Milk 疯狂牛奶
4. Moo Tools - Compact, Modular, Object-Oriented javascrīpt framework
Mootools 压缩,模块化,面向对象设计的js框架。 每个项目都可以自由定制,压缩后的脚本大小约36KB左右,完整注释版130KB左右
{ moo.fx | mad4milk | mootools 应该是同一个开源项目组了}
分类三、Free Icons 【免费图标】
1. Yellow Icon
2. Fast Icon
3. Icon Factory
4. Icon Archive
5. Icon Finder
6. Icon Kits
7. Icon Buffet
8. Max Power
分类四、Color Tools 【配色工具】
1. Color Schemer - Professional color matching application for anyone from hobbyists to advanced professionals.
Color Schemer专业色彩搭配程序, 菜鸟到专业人士都适合
2. Color Lovers - A resource that monitors and influences color trends
Color Lovers 预测色彩流行趋势资源网站
3. Color Whore - A directory of nice colors
Color Whore 一个收藏色彩搭配的“大字典”
4. Color Jack
5. Daily Color Scheme - Daily fresh color schemes
每日新鲜的配色方案出炉
6. Color Blender
7. Well Styled
分类五、其他在线资源
1. CSS Validator 这个不用说了css验证器
2. Napyfab - Ajax Activity Indicators ( loading animations )
Ajax的loading 动画资源
3. XHTML Validator
4. iCapture - Test ( screenshot ) your web site on different operating systems.
iCapture 在不同的操作系统下给你的网站抓屏测试。
5. SEO Moz - Quickly diagnose search engine crawling issues on your website.
SEO Moz 获取搜索引擎蜘蛛爬(你的)网信息
6. EM Calculato - Convert em to px and px to em
em单位换算px单位
7. Clean CSS - CSS Formatter and Optimiser
Clean CSS 用来优化css代码
8. CSS Type - web safe typography on screen for pixel perfectionists
网站排版,在显示器上获取最佳的显示
9. Google Code Search - Search public source code.
搜索开源代码
10. Browser Shots - Test your web design in different browsers
给网站抓屏
11. Meta Tag Generator 媒体标签生成器
12. Make Words - Name Generator. Find unique names and register available domains
MakeWords 名称生成器,寻找独特唯一的名字来注册玉米
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. 网站导航生成器。
14. Instant SQL Formatter - Instant SQL Formatter
快速格式化SQL语句
15. Font Tester - Font Tester is a free online font comparison tool 字体在线测试,免费在线排版工具,都是网络安全字体。
16. Poll Daddy - Create free polls anywhere online 创建免费的在线投票统计。
17. Stripe Generator - The ultimate tool for Web 2.0 Designers
18. Smashing Magazine - Very useful Tips, Resources and Web Development based stuff.
非常有用的技巧,资源和网络开发基础知识
19. Bittbox - Lots of free Design Resources 丰富的免费设计资源。
20. Zamar - Have you ever wanted to convert files without the need to download software ?
在线转换文件格式
21. CSS Fly - Online CSS Editor 在线的CSS编辑器
分类六、免费字体
1. Urban Fonts
2. Font Reactor
3. DaFont
4. Search Free Fonts
5. 1001 Fonts
6. Font Leech
分类七、网络优化,流量统计统计,数据分析
1. Google Analytics
2. Crazy Egg
3. Feedburner
4. reinvogorate
5. measuremap
6. W3 Counter
7. AW Stats
8. MyBlogLog
9. WebSideStory
10. Sitemeter
TAG:
标题搜索
日历
|
|||||||||
| 日 | 一 | 二 | 三 | 四 | 五 | 六 | |||
| 1 | 2 | 3 | |||||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 | |||
| 11 | 12 | 13 | 14 | 15 | 16 | 17 | |||
| 18 | 19 | 20 | 21 | 22 | 23 | 24 | |||
| 25 | 26 | 27 | 28 | 29 | 30 | 31 | |||
我的存档
数据统计
- 访问量: 1379
- 日志数: 19
- 书签数: 13
- 建立时间: 2006-10-17
- 更新时间: 2008-07-15

