<?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://www.xmxsuperstar.com/archives/tag/web20/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xmxsuperstar.com</link>
	<description>Just Another Thinking</description>
	<lastBuildDate>Sun, 04 Jul 2010 07:59:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>90+ Web2.0 资源网站</title>
		<link>http://www.xmxsuperstar.com/archives/13/90-web20-%e8%b5%84%e6%ba%90%e7%bd%91%e7%ab%99.html</link>
		<comments>http://www.xmxsuperstar.com/archives/13/90-web20-%e8%b5%84%e6%ba%90%e7%bd%91%e7%ab%99.html#comments</comments>
		<pubDate>Sat, 28 Jun 2008 14:56:51 +0000</pubDate>
		<dc:creator>邪恶的小星星</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[ZZ]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.xmxsuperstar.com/?p=13</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 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://static.flickr.com/2040/1996437008_383b1411b1.jpg" border="0" alt="imagejpg.php" /></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><span style="color: #99cc00;"><strong>BADGES（标记）</strong></span><a href="http://www.web20badges.com/">Web 2.0 Badges</a> &#8211; 一组供选择的标记图案，可免费下载使用。
<p><img src="http://farm3.static.flickr.com/2295/1996444686_e8a44ff06f.jpg?v=0" alt="web 2.0 Badges" width="300" height="103" /></p>
<p><a href="http://www.freshbadge.com/">Fresh Badge</a> &#8211; 快速制作你自己的标记图案</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; 教你制作漂亮的标记图案</li>
<li><span style="color: #99cc00;"><strong>BUTTONS（按钮）</strong></span><a href="http://www.mycoolbutton.com/">My Cool Button</a> &#8211; 一个可以快速生成你想要的按钮的在线工具.
<p><img src="http://farm3.static.flickr.com/2345/1996437024_26bc85b110.jpg?v=0" alt="my cool button" /></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 订阅按钮.</li>
<li><span style="color: #99cc00;"><strong>ROUNDED CORNERS（圆角）</strong></span>圆角技术也是 Web2.0 的重要应用技术。下面一些工具可快速便捷的制作圆角图案。
<p><a href="http://www.roundedcornr.com/">RoundedCornr</a></p>
<p><img src="http://farm3.static.flickr.com/2096/1996437062_1988e3f8b1.jpg?v=0" alt="roundedcornr" width="300" height="55" /></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 src="http://farm3.static.flickr.com/2018/1996437084_3e8fa17163.jpg?v=0" alt="smart corners" width="300" height="178" /></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></li>
<li><span style="color: #99cc00;"><strong>LOGOS（徽标）</strong></span>Web2.0 简易 Logo 在线生成工具。
<p><img src="http://farm3.static.flickr.com/2184/1996437020_d629ab7119.jpg?v=0" alt="web 2.o logo" width="300" height="51" /></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></li>
<li><span style="color: #99cc00;"><strong>ICONS（图标）</strong></span>图标也 Web2.0 不可或缺的组成元素，下面是一些图标收集和在线制作网站.
<p><img src="http://farm3.static.flickr.com/2025/1996468022_b5b73079e8.jpg?v=0" alt="utombox" /></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 src="http://farm3.static.flickr.com/2109/1995625481_a878eb4cb4.jpg?v=0" alt="map icon" /></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></li>
<li><span style="color: #99cc00;"><strong>GRADIENT IMAGES（渐变）</strong></span>Web2.0 中大量应用了渐变图片，下面是一些相关的有用的工具。
<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></li>
<li><span style="color: #99cc00;"><strong>SPEECH BUBBLES</strong></span>让回复框更加的美观。
<p><img src="http://farm3.static.flickr.com/2216/1996468036_e878b55e7a.jpg?v=0" alt="mayo" /></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></li>
<li><span style="color: #99cc00;"><strong>BACKGROUND IMAGES（背景）</strong></span><a href="http://lab.rails2u.com/bgmaker/">Background Image Maker</a> &#8211; 可选择创建透明或渐变的背景图片.
<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; 选择你想要的背景图片.</li>
<li><span style="color: #99cc00;"><strong>COLORS（颜色）</strong></span><a href="http://www.flickr.com/photos/ross/49490304/">The Colors of Web 2.0</a> &#8211; 你是不是在寻找和 Web2.0 所匹配的颜色？
<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 src="http://farm3.static.flickr.com/2242/1995625455_a7b85be243.jpg?v=0" alt="color schemer" width="300" height="89" /></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; 获取到某个流行网站的颜色搭配方案.</li>
<li><span style="color: #99cc00;"><strong>NAVIGATION（导航）</strong></span><a href="http://www.webmaster-toolkit.com/css-menu-generator.shtml">CSS Menu Generator</a> &#8211; 轻松创建非常有吸引力的 CSS 菜单.
<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><span style="color: #99cc00;"><strong>FAVICONS</strong></span></p>
<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 src="http://farm3.static.flickr.com/2155/1995625501_b39cc89edc.jpg?v=0" alt="favicon.cc" width="300" height="87" /></p>
<p><a href="http://www.photoshopsupport.com/tutorials/jennifer/favicon.html">Photoshop Tutorial</a> &#8211; 使用Photoshop制作favicon的教程.</li>
<li><span style="color: #99cc00;"><strong>CHARTS（图表）</strong></span><a href="http://www.maani.us/charts/index.php?menu=Introduction">PHP/SWF Charts</a> &#8211; 创建有吸引力的图表.
<p><a href="http://www.amcharts.com/">amCharts</a> &#8211; Flash 图表.</li>
<li><span style="color: #99cc00;"><strong>OTHER（其它）</strong></span><a href="http://www.avatargenerator.org/">Avatar Maker</a> &#8211; avatar 制作.
<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 src="http://farm3.static.flickr.com/2121/1996437048_c70f97f1dc.jpg?v=0" alt="reflection" width="300" height="104" /></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</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.xmxsuperstar.com/archives/13/90-web20-%e8%b5%84%e6%ba%90%e7%bd%91%e7%ab%99.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->