<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>漫步 &#187; web2.0</title>
	<atom:link href="http://roamlog.info/tag/web20/feed" rel="self" type="application/rss+xml" />
	<link>http://roamlog.info</link>
	<description>WordPress, Design, Web2.0, Software, IT, News</description>
	<lastBuildDate>Tue, 30 Mar 2010 00:39:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web 2.0 &#8211; An intro in 5 minute(5分钟视频讲解)</title>
		<link>http://roamlog.info/archives/an-intro-in-5minute-of-web20.html</link>
		<comments>http://roamlog.info/archives/an-intro-in-5minute-of-web20.html#comments</comments>
		<pubDate>Thu, 13 Dec 2007 13:08:07 +0000</pubDate>
		<dc:creator>漫步</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://roamlog.cn/archives/an-intro-in-5minute-of-web20.html</guid>
		<description><![CDATA[Web 2.0，互联网上最热门词之一，以下是 Google、Baidu、Yahoo 三款主流搜索引擎搜索 web2.0 这个关键字的数据。
Google：约有12,200,000项符合web2.0的查询结果
baidu：百度一下，找到相关网页约19,400,000篇
yahoo：1-10 of 44,100,000 for web2 . 0

从以上数据可见一斑，Web2.0 有多热门，但我想很少有人能确切的说出它的确切定义。
如果想准确了解什么是 Web2.0，我推荐你阅读有&#8220;Web2.0之父&#8221;美誉的蒂姆&#183;奥莱利(Tim O&#8217;Reilly) 的文章：What Is Web 2.0。
但相对这长篇大论，一个简短的视频也许你会更为喜欢。

Web 2.0 &#8211; An intro in 5 minute
一个不足 5 分钟的视频，简单明了的为我们讲解什么是 web2.0。
 
]]></description>
			<content:encoded><![CDATA[<p>Web 2.0，互联网上最热门词之一，以下是 <a title="Google" href="http://www.google.com/" target="_blank">Google</a>、<a title="Baidu" href="http://www.baidu.com/" target="_blank">Baidu</a>、<a title="Yahoo" href="http://www.yahoo.com/" target="_blank">Yahoo</a> 三款主流搜索引擎搜索 web2.0 这个关键字的数据。</p>
<blockquote><p>Google：约有<b>12,200,000</b>项符合<b>web2.0</b>的查询结果</p>
<p>baidu：百度一下，找到相关网页约19,400,000篇</p>
<p>yahoo：1-10 of 44,100,000 for <strong>web2 . 0</strong></p>
</blockquote>
<p>从以上数据可见一斑，Web2.0 有多热门，但我想很少有人能确切的说出它的确切定义。</p>
<p>如果想准确了解什么是 Web2.0，我推荐你阅读有&#8220;Web2.0之父&#8221;美誉的蒂姆&#183;奥莱利(Tim O&#8217;Reilly) 的文章：<a title="What Is Web 2.0" href="http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html" target="_blank">What Is Web 2.0</a>。</p>
<p>但相对这长篇大论，一个简短的视频也许你会更为喜欢。</p>
<p><span id="more-235"></span></p>
<p><a title="Web 2.0 - An intro in 5 minute" href="http://www.youtube.com/watch?v=rDqGQ59jw_Y" target="_blank">Web 2.0 &#8211; An intro in 5 minute</a></p>
<p>一个不足 5 分钟的视频，简单明了的为我们讲解什么是 web2.0。</p>
<p> <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/rDqGQ59jw_Y&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/rDqGQ59jw_Y&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>
<img src="http://roamlog.info/?ak_action=api_record_view&id=235&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://roamlog.info/archives/an-intro-in-5minute-of-web20.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>40 个 WordPress 主题设计资源</title>
		<link>http://roamlog.info/archives/40-resources-for-wordpress-theme-designers.html</link>
		<comments>http://roamlog.info/archives/40-resources-for-wordpress-theme-designers.html#comments</comments>
		<pubDate>Wed, 21 Nov 2007 12:46:00 +0000</pubDate>
		<dc:creator>漫步</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://roamlog.cn/archives/40-%e4%b8%aa-wordpress-%e4%b8%bb%e9%a2%98%e8%ae%be%e8%ae%a1%e8%b5%84%e6%ba%90.html</guid>
		<description><![CDATA[ 
WordPress 是世界上最流行的博客平台之一，WordPress 拥有众多的插件和主题，vandelaydesign 收集的 40 个 WordPress 主题设计资源，帮助你设计出更好的主题。

起点
Blank Themes &#8211; 空白主题，如果你想设计你自己的 WordPress 主题，这些空白主题是非常好的起点。可以节约你很多的时间和精力。
6 Themes that are Perfect for Customizing &#8211; vandelaydesign 写的一篇日志，列出了 6 个非常适合定制的主题，拿这些主题练手也是一个不错的起点。



颜色工具

对于主题设计来说，颜色搭配是至关重要的，下面是一些非常实用的工具。
deciding on the right colors.
Color Schemer Gallery
COLOURlovers
Website Color Picker
I Like Your Colors

参考文档
参考官方撰写的文档也是非常重要的，下面是一些比较重要的文档。
Theme Development
FAQ on Layout and Design
The WordPress Loop
Anatomy of a Template Tag
Search Engine Optimization for WordPress
Accessibility
Photoblogs and Galleries
Developer Documentation

图标

图标是主题的重要组成部分，这里列出四个非常不错的图标网站。
RSS Icons [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="wordpress theme" src="http://farm3.static.flickr.com/2035/2051845337_00d275a939.jpg?v=0" /> </p>
<p><a title="WordPress" href="http://roamlog.cn/archives/category/wordpress" target="_blank">WordPress</a> 是世界上最流行的<a title="8 款非常流行的 Blog 平台" href="http://roamlog.cn/archives/top-8-blog-platforms.html" target="_blank">博客平台</a>之一，WordPress 拥有众多的插件和主题，vandelaydesign 收集的 <a title="40 Resources for WordPress Theme Designers" href="http://www.vandelaydesign.com/blog/wordpress/wordpress-theme-design/" target="_blank">40 个 WordPress 主题设计资源</a>，帮助你设计出更好的主题。</p>
<ul>
<li>起点
<p><a href="http://www.tomorrows-laundry.com/">Blank Themes</a> &#8211; 空白主题，如果你想设计你自己的 <a title="WordPress" href="http://roamlog.cn/archives/category/wordpress" target="_blank">WordPress</a> 主题，这些空白主题是非常好的起点。可以节约你很多的时间和精力。</p>
<p><a href="http://www.vandelaydesign.com/blog/wordpress/improve-your-look-with-a-customized-wordpress-theme/">6 Themes that are Perfect for Customizing</a> &#8211; vandelaydesign 写的一篇日志，列出了 6 个非常适合定制的主题，拿这些主题练手也是一个不错的起点。</p>
<div id='extendedEntryBreak' name='extendedEntryBreak'></div>
</li>
<p><span id="more-216"></span></p>
<li>颜色工具
<p><img height="103" alt="css schemer" src="http://farm3.static.flickr.com/2242/1995625455_a7b85be243.jpg?v=0" width="350" /></p>
<p>对于主题设计来说，颜色搭配是至关重要的，下面是一些非常实用的工具。</p>
<p><a href="http://www.vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/">deciding on the right colors</a>.</p>
<p><a href="http://www.colorschemer.com/schemes/">Color Schemer Gallery</a></p>
<p><a href="http://www.colourlovers.com/">COLOURlovers</a></p>
<p><a href="http://www.digitdesigns.com/colrPick/framePic.htm">Website Color Picker</a></p>
<p><a href="http://redalt.com/Tools/I+Like+Your+Colors">I Like Your Colors</a></p>
</li>
<li>参考文档
<p>参考官方撰写的文档也是非常重要的，下面是一些比较重要的文档。</p>
<p><a href="http://codex.wordpress.org/Theme_Development">Theme Development</a></p>
<p><a href="http://codex.wordpress.org/FAQ_Layout_and_Design">FAQ on Layout and Design</a></p>
<p><a href="http://codex.wordpress.org/The_Loop">The WordPress Loop</a></p>
<p><a href="http://codex.wordpress.org/Template_Tags/Anatomy_of_a_Template_Tag">Anatomy of a Template Tag</a></p>
<p><a href="http://codex.wordpress.org/Search_Engine_Optimization_for_Wordpress">Search Engine Optimization for WordPress</a></p>
<p><a href="http://codex.wordpress.org/Accessibility">Accessibility</a></p>
<p><a href="http://codex.wordpress.org/Photoblogs_and_Galleries">Photoblogs and Galleries</a></p>
<p><a href="http://codex.wordpress.org/Developer_Documentation">Developer Documentation</a></p>
</li>
<li>图标
<p><img height="244" alt="feed icons" src="http://farm3.static.flickr.com/2149/2052632072_7333911965.jpg?v=0" width="350" /></p>
<p>图标是主题的重要组成部分，这里列出四个非常不错的图标网站。</p>
<p><a href="http://feedicons.com/">RSS Icons</a> &#8211; 越来越多的 Blogger 认识到了 RSS 的重要性，使用图标做为你的 RSS 链接，是不错的选择。</p>
<p><a href="http://www.brandspankingnew.net/archive/2005/06/free_mini_icons.html">Mini Icons from Brand Spanking New</a> &#8211; 用一些 mini 图标装点你的主题。</p>
<p><a href="http://www.graphicpush.com/icons/">Blog Icon Pack from graphicPUSH</a> &#8211; 一些在很多博客主题中都用到的图标。</p>
<p><a href="http://utombox.com/downloads/">Web 2.0 Icons from Utombox</a> &#8211; 一些流行的 Web2.0 站点图标。</p>
</li>
<li>教程
<p>下面是一些非常不错的关于 WordPress 主题设计的教程或文章。阅读这些文章将有助于你设计出更完美的主题。</p>
<p><a href="http://www.vandelaydesign.com/blog/design/customize-your-own-wordpress-theme/">Customize Your Own WordPress Theme</a></p>
<p><a href="http://theundersigned.net/2006/06/wordpress-and-seo/">WordPress and SEO</a></p>
<p><a href="http://www.geek-notes.com/wordpress/25/optimize-wordpress-for-search-engines/">Optimize WordPress for Search Engines</a></p>
<p><a href="http://www.cre8d-design.com/blog/2006/01/27/blog-design-101-creating-your-own-wordpress-theme/">Blog Design 101: Creating Your Own WordPress Theme</a></p>
<p><a href="http://www.chrisjdavis.org/secrets-of-wp-theming-part-1">Secrets of WP Theming &#8211; Part 1</a></p>
<p><a href="http://www.anekostudios.com/2006/09/21/how-to-create-a-wordpress-template-or-theme/">How to Create a WordPress Template or Theme</a></p>
</li>
<li>图片
<p><img height="260" alt="istockphoto" src="http://farm3.static.flickr.com/2412/2051845905_9f7501c9bf.jpg?v=0" width="350" /> </p>
<p>图片之于主题的重要性我就不多说了，下面是一些图片资源网站，有一些图片是免费使用的，一些需要支持一点费用，在使用这些图片时，请注意版权。</p>
<p><a href="http://www.sxc.hu/">Stock.xchang</a></p>
<p><a href="http://www.istockphoto.com/index.php">iStockphoto</a></p>
<p><a href="http://www.stockxpert.com/">Stockxpert</a></p>
<p><a href="http://www.flickr.com/creativecommons/">flickr Creative Commons</a></p>
</li>
<li>主题的发布和展示
<p>把制作好的主题发布到这些网站有助于主题的分发，让大家鉴赏你的主题，并提出建议和意见。</p>
<p><a href="http://themes.wordpress.net/">WordPress Theme Viewer</a></p>
<p><a href="http://www.wpthemesfree.com/">WPThemesFree.com</a></p>
<p><a href="http://weblogtoolscollection.com/submit-news/">Weblog Tools Collection</a></p>
</li>
<li>CSS 展廊
<p><img height="217" alt="css vault" src="http://farm3.static.flickr.com/2272/2051845521_0d60e26208.jpg?v=0" width="350" /></p>
<p>之前我有写过一篇关于 CSS 展廊的文章，从这些地方可以获取到很多设计的资源和灵感，应多关注。</p>
<p><a href="http://cssvault.com/">CSS Vault</a></p>
<p><a href="http://www.cssbased.com/">CSS Based</a></p>
<p><a href="http://www.cssbeauty.com/gallery/">CSS Beauty</a></p>
</li>
<li>支持
<p>关于 WordPress 的技术论坛可以帮助你解决很多问题。</p>
<p><a href="http://wordpress.org/support/">WordPress Forums</a>（官方）</p>
<p><a title="WordPress Chinese Forums" href="http://wordpress.org.cn/forums/" target="_blank">WordPress Chinese Forums</a>（中文）</p>
</li>
<li>在线检测
<p><a href="http://validator.w3.org/">HTML</a></p>
<p><a href="http://jigsaw.w3.org/css-validator/">CSS</a></p>
<p><a href="http://validator.w3.org/feed/">RSS/Atom</a></p>
</li>
<li>浏览器测试
<p>你的访问者可能使用不同的浏览器，测试你的主题对于各类浏览器的兼容性是非常有必要的。</p>
<p><a href="http://browsershots.org/">BrowserShots</a> &#8211; 获得各类浏览器访问你的 Blog 的缩略图。</p>
<p><a href="http://www.browsercam.com/">BrowserCam</a> &#8211; 一个提供浏览器兼容测试服务的网站，不过是收费的。</p>
</li>
</ul>
<img src="http://roamlog.info/?ak_action=api_record_view&id=216&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://roamlog.info/archives/40-resources-for-wordpress-theme-designers.html/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>90+ Web2.0 资源网站</title>
		<link>http://roamlog.info/archives/web-20-design.html</link>
		<comments>http://roamlog.info/archives/web-20-design.html#comments</comments>
		<pubDate>Tue, 13 Nov 2007 07:07:44 +0000</pubDate>
		<dc:creator>漫步</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://roamlog.cn/archives/web-20-design.html</guid>
		<description><![CDATA[
Vandelay Design 收集了许多 Web2.0 的资源网站，我稍作翻译，并加了部分图片,算是推荐给大家吧。

BADGES（标记）
Web 2.0 Badges &#8211; 一组供选择的标记图案，可免费下载使用。
 
Fresh Badge &#8211; 快速制作你自己的标记图案

Deziner Folio &#8211; 收集了大量不同的标记图案
BittBox &#8211; 免费使用的矢量标记图案
Official Seal Generator &#8211; 一些典型的胸卡或徽章.
Photoshop Tutorial &#8211; 快速制作标记图案的教程.
Glossy Photoshop Tutorial &#8211; 教你制作漂亮的标记图案

BUTTONS（按钮）
My Cool Button &#8211; 一个可以快速生成你想要的按钮的在线工具.
 
Adam Kalsey&#8217;s Button Maker &#8211; 一个简单易用的制作按钮的工具.
Button Maker from Blog Flux &#8211; 制作你自己的按钮.
Brilliant Button Maker &#8211; 和上面介绍列表中的第二个类似.
CSS Buttons &#8211; 自行选择文本内容、边框和背景.
Buttonator &#8211; 付费制作按钮.
RSS Button [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="imagejpg.php" src="http://static.flickr.com/2040/1996437008_383b1411b1.jpg" border="0" /></p>
<p>Vandelay Design 收集了许多 <a href="http://www.vandelaydesign.com/blog/design/web-20-design/" target="_blank">Web2.0 的资源网站</a>，我稍作翻译，并加了部分图片,算是<a href="http://roamlog.cn/archives/web-20-design.html" target="_blank">推荐给大家吧</a>。</p>
<ul>
<li><font color="#99cc00"><strong>BADGES（标记）</strong></font>
<p><a href="http://www.web20badges.com/">Web 2.0 Badges</a> &#8211; 一组供选择的标记图案，可免费下载使用。</p>
<p><img height="103" alt="web 2.0 Badges" src="http://farm3.static.flickr.com/2295/1996444686_e8a44ff06f.jpg?v=0" width="300" /> </p>
<p><a href="http://www.freshbadge.com/">Fresh Badge</a> &#8211; 快速制作你自己的标记图案</p>
<p><span id="more-213"></span></p>
<p><a href="http://www.dezinerfolio.com/2007/04/23/web-20-badges-free-download/">Deziner Folio</a> &#8211; 收集了大量不同的标记图案</p>
<p><a href="http://www.bittbox.com/freebies/free-vector-badges-glass/">BittBox</a> &#8211; 免费使用的矢量标记图案</p>
<p><a href="http://www.says-it.com/seal/circle.php">Official Seal Generator</a> &#8211; 一些典型的胸卡或徽章.</p>
<p><a href="http://www.ajaxlessons.com/2006/02/16/web-20-badge-tutorial/">Photoshop Tutorial</a> &#8211; 快速制作标记图案的教程.</p>
<p><a href="http://www.photoshopstar.com/web-graphics/star-badges/">Glossy Photoshop Tutorial</a> &#8211; 教你制作漂亮的标记图案</p>
</li>
<li><font color="#99cc00"><strong>BUTTONS（按钮）</strong></font>
<p><a href="http://www.mycoolbutton.com/">My Cool Button</a> &#8211; 一个可以快速生成你想要的按钮的在线工具.</p>
<p><img alt="my cool button" src="http://farm3.static.flickr.com/2345/1996437024_26bc85b110.jpg?v=0" /> </p>
<p><a href="http://kalsey.com/tools/buttonmaker/">Adam Kalsey&#8217;s Button Maker</a> &#8211; 一个简单易用的制作按钮的工具.</p>
<p><a href="http://tools.blogflux.com/buttonmaker/">Button Maker from Blog Flux</a> &#8211; 制作你自己的按钮.</p>
<p><a href="http://www.lucazappa.com/brilliantMaker/buttonImage.php">Brilliant Button Maker</a> &#8211; 和上面介绍列表中的第二个类似.</p>
<p><a href="http://www.devdude.com/tools/tool.pl?TID=11">CSS Buttons</a> &#8211; 自行选择文本内容、边框和背景.</p>
<p><a href="http://www.buttonator.com/">Buttonator</a> &#8211; 付费制作按钮.</p>
<p><a href="http://www.rssbuttons.com/">RSS Button Maker</a> &#8211; 顾名思义，RSS 按钮制作.</p>
<p><a href="http://www.buttonboost.com/startweb.html">Button Boost</a> &#8211; 一款与众不同的制作按钮工具.</p>
<p><a href="http://www.buttongenerator.com/">ButtonGenerator.com</a> &#8211; 制作导航按钮.</p>
<p><a href="http://www.crystalbutton.com/">Crystal Button</a> &#8211; 轻易制作平滑按钮.</p>
<p><a href="http://www.ifeedreaders.com/chicklet-creator/">Chicklet Creator</a> &#8211; 制作各种类型的 RSS 订阅按钮.</p>
</li>
<li><font color="#99cc00"><strong>ROUNDED CORNERS（圆角）</strong></font>
<p>圆角技术也是 Web2.0 的重要应用技术。下面一些工具可快速便捷的制作圆角图案。</p>
<p><a href="http://www.roundedcornr.com/">RoundedCornr</a></p>
<p><img height="55" alt="roundedcornr" src="http://farm3.static.flickr.com/2096/1996437062_1988e3f8b1.jpg?v=0" width="300" /> </p>
<p><a href="http://wigflip.com/cornershop/">Corner Shop</a></p>
<p><a href="http://spiffybox.com/">Spiffy Box</a></p>
<p><a href="http://ajaxian.com/archives/canvas-corner-10">Canvas Corner</a></p>
<p><a href="http://tools.sitepoint.com/spanky/">Spanky Corners</a></p>
<p><a href="http://www.vertexwerks.com/tests/sidebox/">Sliding Doors Text Box</a></p>
<p><a href="http://mikecherim.com/experiments/css_smart_corners.php">Smart Rounded Corners</a></p>
<p><img height="178" alt="smart corners" src="http://farm3.static.flickr.com/2018/1996437084_3e8fa17163.jpg?v=0" width="300" /> </p>
<p><a href="http://virtuelvis.com/gallery/css/rounded/">Rounded Corners in CSS</a></p>
<p><a href="http://www.456bereastreet.com/lab/newslist/">News List</a></p>
</li>
<li><font color="#99cc00"><strong>LOGOS（徽标）</strong></font>
<p>Web2.0 简易 Logo 在线生成工具。</p>
<p><img height="51" alt="web 2.o logo" src="http://farm3.static.flickr.com/2184/1996437020_d629ab7119.jpg?v=0" width="300" /> </p>
<p><a href="http://h-master.net/web2.0/">Web 2.0 Logo Creator</a></p>
<p><a href="http://creatr.cc/creatr/">Web 2.0 Logo Creatr</a></p>
<p><a href="http://www.simwebsol.com/ImageTool/">Web 2.0 Logo Creator</a></p>
<p><a href="http://web2.0stylr.com/stylr.aspx">Web 2.0 Stylr</a></p>
</li>
<li><font color="#99cc00"><strong>ICONS（图标）</strong></font>
<p>图标也 Web2.0 不可或缺的组成元素，下面是一些图标收集和在线制作网站.</p>
<p><img alt="utombox" src="http://farm3.static.flickr.com/2025/1996468022_b5b73079e8.jpg?v=0" /> </p>
<p><a href="http://utombox.com/downloads/">UtomBox</a> &#8211; 收集了很多非常棒的图标.</p>
<p><a href="http://feedicons.com/">Feed Icons</a> &#8211; 制作标准 RSS 图标.</p>
<p><a href="http://www.terraims.com/dmapicons/">Map Icon Factory</a> &#8211; 制作你喜欢的地图标注图标.</p>
<p><img alt="map icon" src="http://farm3.static.flickr.com/2109/1995625481_a878eb4cb4.jpg?v=0" /> </p>
<p><a href="http://perishablepress.com/press/2006/08/20/a-nice-collection-of-feed-icons/">Perishable Press</a> &#8211; 一个很不错的图标收集网站.</p>
<p><a href="http://www.bittbox.com/freebies/free-glass-style-rssfeed-icons">Glass Style RSS Icons</a></p>
<p><a href="http://www.snap2objects.com/2007/06/10/30-free-vector-rss-buttons/">Snap2Objects</a> &#8211; 矢量 RSS 图标.</p>
<p><a href="http://www.vandelaydesign.com/blog/design/free-icons/">31 Sources of Quality, Free Icons</a></p>
</li>
<li><font color="#99cc00"><strong>GRADIENT IMAGES（渐变）</strong></font>
<p>Web2.0 中大量应用了渐变图片，下面是一些相关的有用的工具。</p>
<p><a href="http://tools.dynamicdrive.com/gradient/">Gradient Image Maker</a></p>
<p><a href="http://www.grsites.com/generate/generator/5000/">Gradient Generator</a></p>
<p><a href="http://www.ogim.4u2ges.com/gradient-image-maker.asp">Online Gradient Image Maker (OGIM)</a></p>
<li><font color="#99cc00"><strong>SPEECH BUBBLES</strong></font>
<p>让回复框更加的美观。</p>
<p><img alt="mayo" src="http://farm3.static.flickr.com/2216/1996468036_e878b55e7a.jpg?v=0" /> </p>
<p><a href="http://www.willmayo.com/2007/02/10/css-speech-bubbles/">Will Mayo</a></p>
<p><a href="http://www.bubblesnaps.com/">Bubblesnaps</a></p>
<p><a href="http://www.cssplay.co.uk/menu/bubbles">CSS Play</a></p>
<p><a href="http://j3rn.org/shoutbox/">XHTML Speech Bubbles</a></p>
<p><a href="http://wigflip.com/ds/">WigFlip</a></p>
<p><a href="http://www.gamexe.net/view_tutorial.php?id=24">Fluid CSS Speech Bubbles</a></p>
<p><a href="http://www.myspaceplease.com/myspace-generators/speech-bubble-generator.php">MySpace Speech Bubble Generator</a></p>
<p><a href="http://www.pstut.com/tutorial-speech-bubble.html">Photoshop Tutorial </a></p>
</li>
<li><font color="#99cc00"><strong>BACKGROUND IMAGES（背景）</strong></font>
<p><a href="http://lab.rails2u.com/bgmaker/">Background Image Maker</a> &#8211; 可选择创建透明或渐变的背景图片.</p>
<p><a href="http://www.stripegenerator.com/">Stripe Generator 2.0</a> &#8211; 创建有条纹的背景图片.</p>
<p><a href="http://www.stripedesigner.com/">Stripe Designer</a> &#8211; 轻易创建有条纹的图片.</p>
<p><a href="http://www.tartanmaker.com/">Tartan Maker</a> &#8211; 创建有格子的背景图片.</p>
<p><a href="http://www.texturemaker.com/tour.php">Texture Generator</a> &#8211; 创建带纹理的背景图片</p>
<p><a href="http://www.allfreebackgrounds.com/background_select.html">All Free Backgrounds</a> &#8211; 选择你想要的背景图片.</p>
</li>
<li><font color="#99cc00"><strong>COLORS（颜色）</strong></font>
<p><a href="http://www.flickr.com/photos/ross/49490304/">The Colors of Web 2.0</a> &#8211; 你是不是在寻找和 Web2.0 所匹配的颜色？</p>
<p><a href="http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette">Web 2.0 Color Pallete</a> &#8211; Web2.0 流行颜色.</p>
<p><a href="http://www.colorschemer.com/schemes/">Color Schemer Gallery</a> &#8211; 在这些展廊中选择你喜欢的颜色搭配方案</p>
<p><img height="89" alt="color schemer" src="http://farm3.static.flickr.com/2242/1995625455_a7b85be243.jpg?v=0" width="300" /> </p>
<p><a href="http://www.colourlovers.com/">COLOURlovers</a> &#8211; 很多颜色组合的样本.</p>
<p><a href="http://www.digitdesigns.com/colrPick/framePic.htm">Website Color Picker</a> &#8211; 快速测试颜色组合效果.</p>
<p><a href="http://redalt.com/Tools/I+Like+Your+Colors">I Like Your Colors</a> &#8211; 获取到某个流行网站的颜色搭配方案.</p>
</li>
<li><font color="#99cc00"><strong>NAVIGATION（导航）</strong></font>
<p><a href="http://www.webmaster-toolkit.com/css-menu-generator.shtml">CSS Menu Generator</a> &#8211; 轻松创建非常有吸引力的 CSS 菜单.</p>
<p><a href="http://css.maxdesign.com.au/listamatic/">Listamatic</a> &#8211; CSS 菜单收集.</p>
<p><a href="http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/">List-O-Matic</a> &#8211; 制作你自己想要的 CSS 菜单.</p>
<p><a href="http://www.listulike.com/generator/">List-U-Like</a> &#8211; 制作导航栏的工具</p>
<p><a href="http://www.tabsgenerator.com/">Tabs Generator</a> &#8211; 制作标签式导航.</p>
<p><a href="http://www.flashbuttons.com/">Flash Buttons</a> &#8211; 创建 Flash 的导航菜单</p>
<p><a href="http://www.cssplay.co.uk/menus/">CSS Play</a> &#8211; 一个非常全面的 CSS 菜单收集网站.</p>
<p><a href="http://exploding-boy.com/images/cssmenus2/menus.html">Exploding Boy</a> &#8211; 标签式导航菜单.</p>
<p><a href="http://tools.devshed.com/webmaster-tools/css-navigation/">CSS Navigation Menu Generator</a> &#8211; 助你创建自己的菜单的工具</p>
<p>     <font color="#99cc00"><strong>FAVICONS</strong></font>
<p><a href="http://www.favicongenerator.com/">Favicon Generator</a> &#8211; 用你电脑中的图片创建你自己的favicon.</p>
<p><a href="http://www.chami.com/html-kit/services/favicon/">Favicon from Pics</a> &#8211; 使用照片创建favicon.</p>
<p><a href="http://www.degraeve.com/favicon/">Favicon Editor</a> &#8211; 上传制作favicon.</p>
<p><a href="http://www.favicon.cc/">Favicon.cc</a> &#8211; 创建favicon的另一个选择.</p>
<p><img height="87" alt="favicon.cc" src="http://farm3.static.flickr.com/2155/1995625501_b39cc89edc.jpg?v=0" width="300" /> </p>
<p><a href="http://www.photoshopsupport.com/tutorials/jennifer/favicon.html">Photoshop Tutorial</a> &#8211; 使用Photoshop制作favicon的教程.</p>
</li>
<li><font color="#99cc00"><strong>CHARTS（图表）</strong></font>
<p><a href="http://www.maani.us/charts/index.php?menu=Introduction">PHP/SWF Charts</a> &#8211; 创建有吸引力的图表.</p>
<p><a href="http://www.amcharts.com/">amCharts</a> &#8211; Flash 图表.</p>
</li>
<li><font color="#99cc00"><strong>OTHER（其它）</strong></font>
<p><a href="http://www.avatargenerator.org/">Avatar Maker</a> &#8211; avatar 制作.</p>
<p><a href="http://www.shrinkpictures.com/create-avatar/">Shrink Pictures</a> &#8211; 使用你的照片制作 avatar.</p>
<p><a href="http://www.scalenine.com/">ScaleNine</a> &#8211; 收集了很多用于 flex 或 adobe air 的皮肤和主题.</p>
<p><a href="http://vectormagic.stanford.edu/">VectorMagic</a> &#8211; 把图片专成矢量图片.</p>
<p><a href="http://templatr.cc/">Templatr</a> &#8211; 生成页面框架.</p>
<p><a href="http://psyc.horm.org/">PsycHo</a> &#8211; 博客模版制作.</p>
<p><a href="http://www.web20generator.com/">Web 2.0 Generator</a> &#8211; 生成页面框架.</p>
<p><a href="http://typetester.maratz.com/">Typetester</a> &#8211; 对比字体.</p>
<p><a href="http://www.blogpoll.com/poll/">BlogPoll</a> &#8211; 为你的博客创建一个免费的投票功能.</p>
<p><a href="http://www.wotzwot.com/rssxl.php">RSSxl</a> &#8211; 把 html 转换成 rss.</p>
<p><a href="http://www.anybrowser.com/MetaTagGenerator.html">Meta Tag Generator</a> &#8211; 为你的页面轻松创建meta标签.</p>
<p><a href="http://www.linkvendor.com/seo-tools/url-rewrite.html">URL Rewrite</a> &#8211; URL重写.</p>
<p><a href="http://developers.evrsoft.com/tools-htaccess-generator.shtml">.htacces generator</a> &#8211; 快速生成 .htaccess 文件.</p>
<p><a href="http://www.codeproject.com/csharp/thumbgenerator.asp">Thumbnail Generator</a> &#8211; 为大量的图片创建缩略图.</p>
<p><a href="http://cow.neondragon.net/stuff/reflection/">Reflection.js</a> &#8211; 给你的照片添加倒影.</p>
<p><img height="104" alt="reflection" src="http://farm3.static.flickr.com/2121/1996437048_c70f97f1dc.jpg?v=0" width="300" /> </p>
<p><a href="http://www.dropshadow.net/">Drop Shadow</a> &#8211; 给图片添加阴影.</p>
<p><a href="http://spritegen.website-performance.org/">CSS Sprite Generator</a> &#8211; 来自 Website Performance.</p>
<p><a href="http://www.vecteezy.com/">Vecteezy</a> &#8211; 非常棒的矢量图.</p>
<p><a href="http://www.brusheezy.com/">Brusheezy</a> &#8211; Photoshop brushes.</p>
<p><a href="http://www.psbrushes.net/">PSBrushes.net</a> &#8211; 更多 Photoshop brushes.</p>
<p><a href="http://browse.deviantart.com/resources/applications/psbrushes/">deviantART</a> &#8211; Photoshop brushes at deviantART</p>
</li>
</ul>
<img src="http://roamlog.info/?ak_action=api_record_view&id=213&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://roamlog.info/archives/web-20-design.html/feed</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
	</channel>
</rss>
