<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/style/rss/rss_feed.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="/style/rss/rss_feed.css" type="text/css" media="screen" ?><rss version="2.0"><channel><title>Clipmarks | funana's 'web 2.0' clips</title><link>http://clipmarks.com/clipper/funana/tag/web+2.0/</link><feedUrl>http://rss.clipmarks.com/clipper/funana/tag/web+2.0/</feedUrl><ttl>15</ttl><description>Clip, tag and save information that's important to you. Bookmarks save entire pages...Clipmarks save the specific content that matters to you!</description><language>en-us</language><item><title>Make beautiful wordclouds from from text that you provide</title><link>http://clipmarks.com/clipmark/315E7854-D2CE-4EFC-873E-B355E968BB59/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://wordle.net/" title="http://wordle.net/"&gt;wordle.net&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P class="drop"&gt;
		Wordle is a toy for generating
		“word clouds” from text that you provide. The clouds
		give greater prominence to words that appear more frequently
		in the source text. You can tweak your clouds with different
		fonts, layouts, and color schemes.
		The images you create with Wordle are yours
		to use however you like. You can print them out, or save them
		to the Wordle gallery to share with your friends.
	&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/9B40422D-B497-4B4E-BC81-2C1EE58E9A9D.jpg" alt="" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/7CF58C36-1421-4AB8-A3D1-0E7B981CCA43.jpg" alt="" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/AD3C082A-6882-4EB9-B467-7A146031446B.jpg" alt="" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/150C8793-7242-4D9B-86E8-2FD27A20A59B.jpg" alt="" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P id="create"&gt;
		&lt;A href="http://wordle.net/create"&gt;Create&lt;/A&gt; your own.
	&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/wordclouds/" rel="tag"&gt;wordclouds&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/clouds/" rel="tag"&gt;clouds&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/wordle/" rel="tag"&gt;wordle&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://wordle.net/</clipSource><pubDate>Sun, 29 Jun 2008 05:13:51 GMT</pubDate></item><item><title>The Evolution of Lifestreaming Into Lifeportals</title><link>http://clipmarks.com/clipmark/AEF2F581-7E69-4055-9471-A74096D05C03/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://lifestreamblog.com/examining-the-evolution-of-lifestreaming-into-lifeportals/" title="http://lifestreamblog.com/examining-the-evolution-of-lifestreaming-into-lifeportals/"&gt;lifestreamblog.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;The other day on &lt;A href="http://css-tricks.com/"&gt;css tricks.com&lt;/A&gt;, they posted about &lt;A href="http://css-tricks.com/build-your-own-social-home/"&gt;creating your own social home&lt;/A&gt; which appeared to me as more of a personal/social portal than a lifestream. A &lt;STRONG&gt;lifeportal&lt;/STRONG&gt;, if you will.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/1EED3201-580F-4608-B981-198C5136FB6F.jpg" alt="Jared Zimmerman Lifeportal" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/lifestreaming/" rel="tag"&gt;lifestreaming&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/lifeportals/" rel="tag"&gt;lifeportals&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://lifestreamblog.com/examining-the-evolution-of-lifestreaming-into-lifeportals/</clipSource><pubDate>Sat, 28 Jun 2008 04:04:32 GMT</pubDate></item><item><title>SezWho for Drupal: Real Disqus Alternative?</title><link>http://clipmarks.com/clipmark/276B11DF-5E79-4C5D-8D22-E48DAECF32F9/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  What I like at SezWho is the approach to leave your site comments untouched and search engine friendly. &lt;br/&gt;&lt;br/&gt;I recently played around with Disqus and Intense Debate and I like the whole idea. &lt;br/&gt;&lt;a href="http://www.intensedebate.com/users/57981" rel="nofollow" target="_blank"&gt;http://www.intensedebate.com/users/57981&lt;/a&gt;&lt;br/&gt;&lt;a href="http://disqus.com/people/Infopirat" rel="nofollow" target="_blank"&gt;http://disqus.com/people/Infopirat&lt;/a&gt;/&lt;br/&gt;&lt;br/&gt;Other things that are maybe similiar but decentral:&lt;br/&gt;&lt;a href="http://www.cocomment.com" rel="nofollow" target="_blank"&gt;http://www.cocomment.com&lt;/a&gt;/&lt;br/&gt;&lt;br/&gt;and last but not least this here, which is the "Semantically-Interlinked Online Communities Initative":&lt;br/&gt;&lt;a href="http://sioc-project.org" rel="nofollow" target="_blank"&gt;http://sioc-project.org&lt;/a&gt;/ &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://sezwho.com/" title="http://sezwho.com/"&gt;sezwho.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/6C97F384-BD74-4A70-850A-A04C8B2A2326.png" alt="" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/sezwho/" rel="tag"&gt;sezwho&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/drupal/" rel="tag"&gt;drupal&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/disqus/" rel="tag"&gt;disqus&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/sioc/" rel="tag"&gt;sioc&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/comments/" rel="tag"&gt;comments&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://sezwho.com/</clipSource><pubDate>Mon, 23 Jun 2008 00:28:40 GMT</pubDate></item><item><title>The easy way to create Your online portfolio</title><link>http://clipmarks.com/clipmark/43FDEB01-ABD5-4DE9-9FE2-A6EE387A9F56/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;     &lt;br/&gt; &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://infopirate.org/bm_easy-way-create-your-online-portfolio" title="http://infopirate.org/bm_easy-way-create-your-online-portfolio"&gt;infopirate.org&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;Carbonmade is...    &lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; The easiest way to display and manage your portfolio online    &lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; A clean canvas to show off your work    &lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; Instant updating with no HTML experience necessary &lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; A set of easy to use management tools    &lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; Images, flash, video... Oh my!    &lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; Used by over 20,000 artists and designers in 55 countries          &lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt; Carbonmade is your online portfolio!&lt;/LI&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/carbonmade/" rel="tag"&gt;carbonmade&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/flash/" rel="tag"&gt;flash&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/images/" rel="tag"&gt;images&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/online+portfolio/" rel="tag"&gt;online portfolio&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/portfolio/" rel="tag"&gt;portfolio&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/video/" rel="tag"&gt;video&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://infopirate.org/bm_easy-way-create-your-online-portfolio</clipSource><pubDate>Fri, 12 Oct 2007 18:56:52 GMT</pubDate></item><item><title>Network for Bloggers: Give Interviews, get promoted!</title><link>http://clipmarks.com/clipmark/FF7CED6A-B7EC-46E6-A595-C3A410BA0FD0/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  Nice idea! &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://infopirate.org/bm_network-bloggers-give-interviews-get-promoted" title="http://infopirate.org/bm_network-bloggers-give-interviews-get-promoted"&gt;infopirate.org&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H2 class="with-tabs"&gt;Network for Bloggers: Give Interviews, get promoted!&lt;/H2&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;A good way to promote your blog or website are interviews with you on other blogs and sites. &lt;STRONG&gt;Peopleized&lt;/STRONG&gt; is web 2.0 service which provides a network for bloggers who want to promote theirselves by interviews:&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;Looking for promotion? Get interviewed by people and be exposed to new audiences. Interviews show "behind the scenes" of you and your blog/site like never seen before. Meanwhile, you will make new friends, gain links to your site and spread your message!&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/blog/" rel="tag"&gt;blog&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/blogger/" rel="tag"&gt;blogger&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/blogging/" rel="tag"&gt;blogging&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/fame/" rel="tag"&gt;fame&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/free+promotion/" rel="tag"&gt;free promotion&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/interviews/" rel="tag"&gt;interviews&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/network/" rel="tag"&gt;network&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/peopleized/" rel="tag"&gt;peopleized&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/promotion/" rel="tag"&gt;promotion&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/social+network/" rel="tag"&gt;social network&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://infopirate.org/bm_network-bloggers-give-interviews-get-promoted</clipSource><pubDate>Mon, 30 Jul 2007 17:31:27 GMT</pubDate></item><item><title>Play and create online games at Mygame.com for free</title><link>http://clipmarks.com/clipmark/E9A61D06-39D8-485F-A6A9-E7013F8C14D4/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://infopirate.org/bm_play-and-create-online-games-mygame-com-free" title="http://infopirate.org/bm_play-and-create-online-games-mygame-com-free"&gt;infopirate.org&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H2&gt;Play and create online games at Mygame.com for free&lt;/H2&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;Create your very own games in less than 2 minutes. It´s easy and fun, all you have to do is upload a photo, adjust it and then publish it to the world.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/flash+game/" rel="tag"&gt;flash game&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/online+game/" rel="tag"&gt;online game&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/games/" rel="tag"&gt;games&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://infopirate.org/bm_play-and-create-online-games-mygame-com-free</clipSource><pubDate>Thu, 12 Jul 2007 20:39:22 GMT</pubDate></item><item><title>Tun3r: Find Online Radio Stations by Artist or Genre</title><link>http://clipmarks.com/clipmark/210E6E5E-6026-4DF6-B185-F1AD729C8847/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://infopirate.org/bm_tun3r-find-online-radio-stations-artist-or-genre" title="http://infopirate.org/bm_tun3r-find-online-radio-stations-artist-or-genre"&gt;infopirate.org&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H2&gt;Tun3r: Find Online Radio Stations by Artist or Genre&lt;/H2&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;Three easy steps to using TUN3R: &lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;1. Enter an artist you like (e.g. "pink floyd").&lt;BR /&gt;
2. Check the playlist (shown in the bottom left), to see if this station plays what you like.&lt;BR /&gt;
3. Like the station? Click to listen directly from your media player. Or, click Next match to move the Needle to the next result.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/internet+radio/" rel="tag"&gt;internet radio&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/radio/" rel="tag"&gt;radio&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/online+radio/" rel="tag"&gt;online radio&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/radio+stations/" rel="tag"&gt;radio stations&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/search+engine/" rel="tag"&gt;search engine&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/tun3r/" rel="tag"&gt;tun3r&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://infopirate.org/bm_tun3r-find-online-radio-stations-artist-or-genre</clipSource><pubDate>Thu, 12 Jul 2007 20:38:00 GMT</pubDate></item><item><title>Web 2.0 can benefit the world's poor</title><link>http://clipmarks.com/clipmark/10036D31-5B6C-4F0C-80AC-7109CA6D7827/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://liberdadi.com/web-2-0-can-benefit-the-worlds-poor" title="http://liberdadi.com/web-2-0-can-benefit-the-worlds-poor"&gt;liberdadi.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1 class="title"&gt;Web 2.0 can benefit the world's poor&lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P class="c1"&gt;"New web applications can benefit the world's poor", argue Waleed al-Shobakky and Jack Imsdahl in an article recently published by SciDev.Net. The term '&lt;STRONG&gt;Web 2.0&lt;/STRONG&gt;' captures the transition of the worldwide web from flat websites offering static information to a new computing platform independent of earlier shackles.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P class="c1"&gt;The applications available include web-based word processors and spreadsheets such as &lt;EM&gt;gOffice&lt;/EM&gt; or &lt;EM&gt;ThinkFree&lt;/EM&gt;, online calendars like &lt;EM&gt;Kiko&lt;/EM&gt; and backup services such as that provided by Mozy. Most of these also offer free storage space, acting as a kind of virtual hard disk for saving files.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/development/" rel="tag"&gt;development&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/ict/" rel="tag"&gt;ict&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/technology/" rel="tag"&gt;technology&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://liberdadi.com/web-2-0-can-benefit-the-worlds-poor</clipSource><pubDate>Thu, 03 May 2007 20:53:52 GMT</pubDate></item><item><title>68 Web 2.0 Webdesign Tutorials</title><link>http://clipmarks.com/clipmark/03FD3EAB-C9B1-4925-9F1A-AFB73A642578/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  A very nice collection of Web 2.0 Webdesign-Tutorials. &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://www.drweb.de/weblog/weblog/?p=780" title="http://www.drweb.de/weblog/weblog/?p=780"&gt;www.drweb.de&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;1. &lt;A href="http://www.adobetutorialz.com/articles/2153/1/Three-girls-posing-in-the-night-Illustration"&gt;Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.adobetutorialz.com/articles/2153/1/Three-girls-posing-in-the-night-Illustration"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software" src="http://www.drweb.de/img/web20/web20-photoshop-73.gif" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;2. &lt;A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2"&gt;Adobe Software - Adobe Photoshop&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Adobe Software - Adobe Photoshop" src="http://www.drweb.de/img/web20/web20-photoshop-78.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;3. &lt;A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2"&gt;Adobe Software - Adobe Photoshop&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/?Page=2"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Adobe Software - Adobe Photoshop" src="http://www.drweb.de/img/web20/web20-photoshop-79.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;4. &lt;A href="http://tutorialblog.org/create-a-software-box/"&gt;Create a software box - Photoshop Tutorial&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://tutorialblog.org/create-a-software-box/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Create a software box - Photoshop Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-65.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;5. &lt;A href="http://www.roscripts.com/forum/discussion/17/retro-lines-in-photoshop/#Item_3"&gt;Programming the web - Retro lines in photoshop?&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.roscripts.com/forum/discussion/17/retro-lines-in-photoshop/#Item_3"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Programming the web - Retro lines in photoshop?" src="http://www.drweb.de/img/web20/web20-photoshop-19.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;7. &lt;A href="http://www.photoshopsupport.com/tutorials/cian/gradient-styles-dashes.html"&gt;Gradient Styles &amp; How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.photoshopsupport.com/tutorials/cian/gradient-styles-dashes.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Gradient Styles &amp; How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com" src="http://www.drweb.de/img/web20/web20-photoshop-72.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;12. &lt;A href="http://tutorials20.com/design/jelly-remake/"&gt;Jelly Remake - Tutorials 2.0&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://tutorials20.com/design/jelly-remake/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Jelly Remake - Tutorials 2.0" src="http://www.drweb.de/img/web20/web20-photoshop-64.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;13. &lt;A href="http://www.lineartutorials.com/Tutorials/Web20logo/"&gt;Web 2.0 Style Logo&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.lineartutorials.com/Tutorials/Web20logo/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Style Logo" src="http://www.drweb.de/img/web20/web20-photoshop-12.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;14. &lt;A href="http://pxlgfx.com/tutorials/Polished_Text/"&gt;PXLGFX- Polished Text&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://pxlgfx.com/tutorials/Polished_Text/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - PXLGFX- Polished Text" src="http://www.drweb.de/img/web20/web20-photoshop-24.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;15. &lt;A href="http://www.alleba.com/blog/photoshop-tutorial-how-to-make-a-web-20-style-logo.html"&gt;How to Make a Web 2.0-Style Logo&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.alleba.com/blog/photoshop-tutorial-how-to-make-a-web-20-style-logo.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial: How to Make a Web 2.0-Style Logo" src="http://www.drweb.de/img/web20/web20-photoshop-34.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;16. &lt;A href="http://www.nicora.net/index.cfm?method=article&amp;blogID=C88F54CC-D998-BFC0-D995-3823E52FA483"&gt;Learn to create your own Web2.0 Logo&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.nicora.net/index.cfm?method=article&amp;blogID=C88F54CC-D998-BFC0-D995-3823E52FA483"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Nicora | Articles | Learn to create your own Web2.0 Logo" src="http://www.drweb.de/img/web20/web20-photoshop-02.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;17. &lt;A href="http://www.dreamdealer.nl/?action=viewTutorial&amp;id=37"&gt;How to create a WEB 2.0 style logo&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.dreamdealer.nl/?action=viewTutorial&amp;id=37"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - DreamDealer v4.0 - How to creat a WEB 2.0 style logo" src="http://www.drweb.de/img/web20/web20-photoshop-29.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;18. &lt;A href="http://designphase.net/web_logo2"&gt;Web 2.0 Logo #2 | Designphase - Web Design Tutorials&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://designphase.net/web_logo2"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Logo #2 | Designphase - Web Design Tutorials" src="http://www.drweb.de/img/web20/web20-photoshop-18.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;19. &lt;A href="http://designphase.net/web2.0_logo"&gt;Web 2.0 Logo | Designphase - Web Design Tutorials&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://designphase.net/web2.0_logo"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Logo | Designphase - Web Design Tutorials" src="http://www.drweb.de/img/web20/web20-photoshop-17.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;20. &lt;A href="http://www.fxdesigning.com/web2txt.php"&gt;Web 2.0 Logo&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.fxdesigning.com/web2txt.php"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - FX Designing :: Tutorials :: Web 2.0 Logo" src="http://www.drweb.de/img/web20/web20-photoshop-28.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;23. &lt;A href="http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm"&gt;The Logos of Web 2.0 | The FontFeed at FontShop&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - The Logos of Web 2.0 | The FontFeed at FontShop" src="http://www.drweb.de/img/web20/web20-photoshop-47.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;34. &lt;A href="http://www.ajaxlessons.com/2006/02/16/web-20-badge-tutorial/"&gt;Web 2.0 Badge Photoshop Tutorial&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.ajaxlessons.com/2006/02/16/web-20-badge-tutorial/"&gt;&lt;IMG width="485" height="170" alt="Web 2.0 Badge Photoshop Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-04.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;35. &lt;A href="http://tutorialblog.org/create-a-shiny-badge/"&gt;Create a Shiny Badge - Photoshop Tutorial&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://tutorialblog.org/create-a-shiny-badge/"&gt;&lt;IMG width="485" height="170" alt="Create a Shiny Badge - Photoshop Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-66.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;36. &lt;A href="http://www.visualdesigncore.com/tutorials/photoshop/Supermarket-Stickers/"&gt;Supermarket Stickers Tutorial - Visualdesigncore.com&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.visualdesigncore.com/tutorials/photoshop/Supermarket-Stickers/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Supermarket Stickers Tutorial - Visualdesigncore.com" src="http://www.drweb.de/img/web20/web20-photoshop-41.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;37. &lt;A href="http://freephotoshopguides.com/interface-elements/web20-badges/"&gt;Web2.0 Badges&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://freephotoshopguides.com/interface-elements/web20-badges/"&gt;&lt;IMG width="485" height="170" alt="Web2.0 Badges" src="http://www.drweb.de/img/web20/web20-photoshop-38.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;40. &lt;A href="http://www.designphase.net/?q=badge_n_button"&gt;Badge ‘n Button | Designphase - Web Design Tutorials&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.designphase.net/?q=badge_n_button"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Badge \'n Button | Designphase - Web Design Tutorials" src="http://www.drweb.de/img/web20/web20-photoshop-22.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.hongkiat.com/blog/2006/12/27/create-cool-glossy-button-for-web/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Photoshop Buttons Create glossy button for web 2.0 Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-16.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://iris-design.info/photoshop/web-20-style-buttons/"&gt;&lt;IMG width="485" height="170" alt="Web 2.0 style buttons" src="http://www.drweb.de/img/web20/web20-photoshop-42.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://photoshopit.wordpress.com/2006/12/14/glossy_button_web20/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Glossy Button Video Tutorial and PSD " src="http://www.drweb.de/img/web20/web20-photoshop-54.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/"&gt;&lt;IMG width="485" height="170" alt="Creating flexible buttons using Photoshop shapes and styles" src="http://www.drweb.de/img/web20/web20-photoshop-70.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.aggropixel.com/tutorials/photoshop_web_badge/web_badge.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Created by Camtasia Studio 3" src="http://www.drweb.de/img/web20/web20-photoshop-23.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.hongkiat.com/blog/2007/01/24/design-a-web-20-tab-with-photoshop/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Design a Web 2.0 tab with Photoshop" src="http://www.drweb.de/img/web20/web20-photoshop-03.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.sigtutorials.com/tutorials/other/banner-navigation-tutorial.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - SigTutorials.com - The best Signature Tutorials!" src="http://www.drweb.de/img/web20/web20-photoshop-71.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.shadowness.com/tutorial392"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Shadowness / Tutorials - Website Header Tutorial #3 by Rinn" src="http://www.drweb.de/img/web20/web20-photoshop-59.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.shadowness.com/tutorial381"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Shadowness / Tutorials - Professional Looking Website Header by Rinn" src="http://www.drweb.de/img/web20/web20-photoshop-60.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://photoshopit.wordpress.com/2006/10/03/sleek-and-spicy-website-header-tutorial-web-20-style/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Sleek and Spicy website header Tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-63.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.talk-mania.com/showthread.php?t=7108"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Vista Style Layout - Talk Mania Forum" src="http://www.drweb.de/img/web20/web20-photoshop-01.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://photoshopit.wordpress.com/2006/09/17/photoshop-tutorials-are-on-the-way-but-first-a-sleek-web-20-lookin-header-and-web-page-layout/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Layout" src="http://www.drweb.de/img/web20/web20-photoshop-51.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.tutorialkit.com/tutorials/Web-2.0-Layout-52936.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Layout - Tutorial Kit" src="http://www.drweb.de/img/web20/web20-photoshop-07.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.photoshopdepot.com/index.php?web"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Adobe photo shop tutorials and downloads brought to you by Photoshopdepot.com - | Web 2.0 template tutorial" src="http://www.drweb.de/img/web20/web20-photoshop-25.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.photoshoplab.com/web20-design-kit.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Design Kit | Photoshop Lab" src="http://www.drweb.de/img/web20/web20-photoshop-05.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.photoshoplab.com/web-20-design-kit-part-2.html"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Design Kit, Part 2 | Photoshop Lab" src="http://www.drweb.de/img/web20/web20-photoshop-06.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 Colour Palette" src="http://www.drweb.de/img/web20/web20-photoshop-43.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://miles.burke.id.au/blog/2006/02/03/the-web-20-secret-weapon/"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - The Web 2.0 Secret Weapon - Thoughts and errata from Miles Burke." src="http://www.drweb.de/img/web20/web20-photoshop-44.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.f6design.com/journal/2006/10/21/the-visual-design-of-web-20/"&gt;&lt;IMG width="485" height="170" alt="The visual design of Web 2.0" src="http://www.drweb.de/img/web20/web20-photoshop-52.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm"&gt;&lt;IMG width="485" height="170" alt="Photoshop Tutorial - Web 2.0 how-to design style guide" src="http://www.drweb.de/img/web20/web20-photoshop-53.png" /&gt;&lt;/A&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/design/" rel="tag"&gt;design&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/layout/" rel="tag"&gt;layout&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/webdesign/" rel="tag"&gt;webdesign&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/glossy/" rel="tag"&gt;glossy&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/buttons/" rel="tag"&gt;buttons&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/batches/" rel="tag"&gt;batches&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/logos/" rel="tag"&gt;logos&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/how+2/" rel="tag"&gt;how 2&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/tutorials/" rel="tag"&gt;tutorials&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/graphics/" rel="tag"&gt;graphics&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/photoshop/" rel="tag"&gt;photoshop&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.drweb.de/weblog/weblog/?p=780</clipSource><pubDate>Mon, 19 Feb 2007 13:42:48 GMT</pubDate></item><item><title>Search Engine For All Social Bookmark Services (incl. Clipmarks)</title><link>http://clipmarks.com/clipmark/0E47F72F-FCA9-46E1-97BE-7626534FB91C/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  Try it! &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://infopirate.org/search-engine-all-social-bookmark-services" title="http://infopirate.org/search-engine-all-social-bookmark-services"&gt;infopirate.org&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H2 class="title"&gt;Search Engine For All Social Bookmark Services&lt;/H2&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;IMG width="120" vspace="10" hspace="10" height="120" align="right" title="Social%20Bookmark%20Search%20at%20Infopirate.org" alt="%20" src="http://infopirate.org/system/files/images/logobutton_klein_frei.png" /&gt;Yesterday I noticed, that there is no way to search all social bookmark services at once. "&lt;EM&gt;There must be something like a meta search for that&lt;/EM&gt;", I thought.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;Nope, there wasn't. I did a research but I found nothing except some dead links from sites who might have had this service but are offline now.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;EM&gt;Google Co-op&lt;/EM&gt; is a very nice way to set up a custom search engine, and although I like &lt;EM&gt;Rollyo&lt;/EM&gt; and &lt;EM&gt;Swiki&lt;/EM&gt;, Google is still the best: Fast crawling, huge index. And I like the easy way to integrate the co-op search within &lt;EM&gt;Drupal&lt;/EM&gt;.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;Easy said, easy done, here we go: My &lt;STRONG&gt;&lt;A title="Social%20Bookmark%20Search%20Engine" target="_blank" href="http://infopirate.org/social-bookmark-search"&gt;Social Bookmark Search Engine&lt;/A&gt;&lt;/STRONG&gt;.  &lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;If you like/hate my social bookmark search then please drop me a line and spread the word!&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/technology/" rel="tag"&gt;technology&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/clipmarks/" rel="tag"&gt;clipmarks&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/social+bookmarks/" rel="tag"&gt;social bookmarks&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/bookmarks/" rel="tag"&gt;bookmarks&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/search/" rel="tag"&gt;search&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/search+engine/" rel="tag"&gt;search engine&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/firefox+plugin/" rel="tag"&gt;firefox plugin&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://infopirate.org/search-engine-all-social-bookmark-services</clipSource><pubDate>Thu, 15 Feb 2007 23:18:55 GMT</pubDate></item><item><title>Most popular social music places on web.</title><link>http://clipmarks.com/clipmark/D982C589-DBCF-4CC0-833C-9CE1A4EEB855/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/techmine/"&gt;techmine&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  If you love music and move the idea to socialize around music, check out these web sites. You can explore so many ways to socialze and make great friends. &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://www.techcrunch.com/" title="http://www.techcrunch.com/"&gt;www.techcrunch.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1&gt;&lt;A title="Social%20Music%20Overview" rel="bookmark" href="http://www.techcrunch.com/2007/02/05/social-music-overview/" class="snap_nopreview"&gt;Social Music Overview&lt;/A&gt;&lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;BIG&gt;&lt;STRONG&gt;FineTune&lt;/STRONG&gt;&lt;/BIG&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.finetune.com"&gt;&lt;IMG width="125" height="52" border="0" align="right" title="Finetune" alt="Finetune" src="http://www.techcrunch.com/wp-content/tc_finetune_logo.png" /&gt;Finetune&lt;/A&gt; is a relatively new application written in Flash. It’s my favorite out of the bunch and I covered it on &lt;A href="http://blogs.zdnet.com/Stewart/?p=249"&gt;my ZDNet blog&lt;/A&gt;. What makes Finetune stand out is that in addition to the standard “artist radio”, it allows users to build playlists of specific songs. The minimum playlist is 45 songs and you can have up to three songs per artist. With custom playlists, you can make sure you’re only listening to songs you want. Finetune also gets points because in addition to the web version, it runs on the Wii and there is an Apollo-based desktop client.&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;BIG&gt;&lt;STRONG&gt;Pandora&lt;/STRONG&gt;&lt;/BIG&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.pandora.com"&gt;&lt;IMG width="125" height="27" border="0" align="right" title="Pandora" alt="Pandora" src="http://www.techcrunch.com/wp-content/tc_pandora_logo.png" /&gt;Pandora&lt;/A&gt; is the granddaddy of the bunch and it’s one of the Web 2.0 applications that Mike &lt;A href="http://www.techcrunch.com/2007/01/02/2007-web-20-companies-i-couldnt-live-without/" class="snap_nopreview"&gt;can’t live without&lt;/A&gt;. It is built using &lt;A href="http://www.openlaszlo.com"&gt;OpenLaszlo&lt;/A&gt; and provides the cleanest experience out of all the applications on the list. Pandora uses the Music Genome Project to generate a stream of songs that you’ll like based on how you rate previous tracks. You create stations around artists, songs or albums and you can provide feedback (thumbs up or thumbs down) on the songs Pandora chooses. &lt;I&gt;Tech Crunch’s coverage of &lt;A href="http://www.techcrunch.com/tag/Pandora/" class="snap_nopreview"&gt;Pandora is here&lt;/A&gt;.&lt;/I&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;BIG&gt;&lt;STRONG&gt;Last.Fm&lt;/STRONG&gt;&lt;/BIG&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://www.last.fm"&gt;&lt;IMG width="125" height="53" border="0" align="right" title="last.fm" alt="last.fm" src="http://www.techcrunch.com/wp-content/tc_lastfm_logo.png" /&gt;last.fm&lt;/A&gt; is another Web 2.0 veteran and is more socially-slanted than the others. Tagging is a big part of the last.fm experience and you can tag any song that comes along in addition to being able to listen to “user tag radio” which is based on tracks that users have tagged with a specific genera. last.fm has a separate desktop application that “scrobbles” the songs you listen to and generates a music profile that you can share with friends. &lt;I&gt; See Tech Crunch’s coverage of &lt;A href="http://www.techcrunch.com/tag/Last.fm/" class="snap_nopreview"&gt;last.fm here&lt;/A&gt;.&lt;/I&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;BIG&gt;&lt;STRONG&gt;MOG&lt;/STRONG&gt;&lt;/BIG&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;&lt;A href="http://mog.com/"&gt;&lt;IMG width="125" height="39" border="0" align="right" title="MOG" alt="MOG" src="http://www.techcrunch.com/wp-content/tc_mog_logo.png" /&gt;MOG&lt;/A&gt; is all about a music community. It’s very blog-centric and revolves around user pages, or “Mogs”. You build your Mog around songs you’re listening too and artists you like. That builds something like a profile for you that users can browse to and comment on. It also uses this profile to suggest other people or music that you might like. &lt;I&gt;Tech Crunch’s coverage of &lt;A href="http://www.techcrunch.com/tag/Mog/" class="snap_nopreview"&gt;MOG is here&lt;/A&gt;.&lt;/I&gt;&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/social+networking/" rel="tag"&gt;social networking&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/music/" rel="tag"&gt;music&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web2.0/" rel="tag"&gt;web2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.techcrunch.com/</clipSource><pubDate>Tue, 06 Feb 2007 04:40:53 GMT</pubDate></item><item><title>Extract Content From Any Website With Dapper</title><link>http://clipmarks.com/clipmark/A2FFBED6-FFFC-405F-B308-7919B92B65D2/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  This seems to be a nice service with a lot of options. I have'nt tried it yet, but I think it's worth the look. &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://www.dappit.com/" title="http://www.dappit.com/"&gt;www.dappit.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/funana/512/0D25DD2A-296E-4C60-9468-117448A87F3F.png" alt="Logo" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P class="introduction"&gt;
    Welcome to &lt;B&gt;Dapper&lt;/B&gt;, a new service which makes it easy to
    extract content from any website.
    &lt;A href="%23"&gt;Read more&lt;/A&gt;
    or 
    &lt;A href="http://dapper.wordpress.com/2006/06/23/dapper-unleash-your-creativity/"&gt;see our blog post&lt;/A&gt;. 
    &lt;SPAN id="more"&gt;
      Dapper allows you to create a "black box" (a &lt;I&gt;Dapp&lt;/I&gt;) for any data 
      source on the Internet.  The Dapp produces XML which you can 
      use programatically in whatever way you like.  Additionally, Dapper
      provides you with the ability to transform this XML into other formats
      (e.g.: 
      &lt;A href="http://www.dappit.com/transform.php?dappName=diggcom%26transformer=HTML"&gt;HTML&lt;/A&gt;,
      &lt;A href="http://www.dappit.com/transform.php?dappName=YahooTheaters%26transformer=GoogleMaps%26applyToUrl=http%3A%2F%2Fmovies.yahoo.com%2Fshowtimes%2F?z=01002%26extraArg_addressField=Theater_Address%26extraArg_detailsField%5B%5D=Theater_Name%26extraArg_detailsField%5B%5D=Theater_Address%26extraArg_detailsField%5B%5D=Theater_Link%26extraArg_geocoderVia=REST%26extraArg_displayMode=regular"&gt;Google Maps&lt;/A&gt;,
      &lt;A href="http://www.dappit.com/transform.php?dappName=diggcom%26transformer=RSS%26applyToUrl=http%3A%2F%2Fdigg.com%2F%26extraArg_title=storyTitle%26extraArg_description%5B%5D=storySummary%26extraArg_link=storyTitle%40href"&gt;RSS&lt;/A&gt;,
      &lt;A href="http://www.dappit.com/dapp-howto-use.php?dappName=YahooTheaters"&gt;more&lt;/A&gt;).
      
      For a sample of what you can build using Dapper, see 
      &lt;A title="Dapper%27s%20Video%20Aggregator" href="http://www.dappit.com/dapplications/Magg"&gt;Magg&lt;/A&gt; 
      and 
      &lt;A title="Dapper%27s%20Blog%20Stats%20Grapher" href="http://www.dappit.com/dapplications/Blotter"&gt;Blotter&lt;/A&gt;.
    &lt;/SPAN&gt;
  &lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1 class="bottomLess" id="createHeader"&gt;
      &lt;A href="%23"&gt;&lt;IMG border="0" align="absmiddle" alt="Create%20Dapp" src="http://www.dappit.com/images/icon-createdapp.png" /&gt;&lt;/A&gt;
      &lt;A href="%23"&gt;Create a Dapp&lt;/A&gt;
    &lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1 class="bottomLess"&gt;
      &lt;A href="http://www.dappit.com/dapp-list.php"&gt;&lt;IMG border="0" align="absmiddle" alt="Find%20a%20Dapp" src="http://www.dappit.com/images/icon-finddapp.png" /&gt;&lt;/A&gt;
      &lt;A href="http://www.dappit.com/dapp-list.php"&gt;Find a Dapp&lt;/A&gt;
    &lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1 class="bottomLess"&gt;
      &lt;A href="http://www.dappit.com/developers/"&gt;&lt;IMG border="0" align="absmiddle" alt="Developers" src="http://www.dappit.com/images/icon-developers.png" /&gt;&lt;/A&gt;
      &lt;A href="http://www.dappit.com/developers/"&gt;Developers&lt;/A&gt;
    &lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1 class="bottomLess"&gt;
      &lt;A href="http://www.dappit.com/dapperDemo/"&gt;&lt;IMG border="0" align="absmiddle" alt="Demo" src="http://www.dappit.com/images/icon-demo.png" /&gt;&lt;/A&gt;
      &lt;A href="http://www.dappit.com/dapperDemo/"&gt;Demo&lt;/A&gt;
    &lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/dapper/" rel="tag"&gt;dapper&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/scraping/" rel="tag"&gt;scraping&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/rss/" rel="tag"&gt;rss&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/xml/" rel="tag"&gt;xml&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/html/" rel="tag"&gt;html&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.dappit.com/</clipSource><pubDate>Mon, 22 Jan 2007 19:21:50 GMT</pubDate></item><item><title>The End of Web 2.0? German GEMA against Rapidshare</title><link>http://clipmarks.com/clipmark/6E1DE3A5-7757-4233-9F74-151071DD4DBF/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/funana/"&gt;funana&lt;/a&gt;&lt;br&gt;&lt;b&gt;clipper's remarks:&lt;/b&gt;  The german GEMA (ASCAP/BMI) tries to stop Rapidshare, a german share hoster service, because of copyright offenses. This would possibly be an extreme obstruction for other user generated content services like youtube and myspace. &lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://www.level75.de/blog/2007/01/18/das-ende-von-web20/" title="http://www.level75.de/blog/2007/01/18/das-ende-von-web20/"&gt;www.level75.de&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;DIV class="entry"&gt;
    &lt;H3 id="post-225" class="entrytitle"&gt; &lt;A rel="bookmark" href="http://www.level75.de/blog/2007/01/18/das-ende-von-web20/"&gt;
      Das Ende von Web2.0      &lt;/A&gt; &lt;/H3&gt;
	  &lt;DIV class="entrymeta"&gt;
		Januar 18th, 2007 			
		&lt;/DIV&gt;
		&lt;DIV class="entrybody"&gt;&lt;P&gt;jetzt geht die GEMA gegen den “Share-Hoster” &lt;A href="http://www.rapidshare.com" target="_blank" rel="Rapidshare"&gt;Rapidshare&lt;/A&gt; vor. Der Grund ist die Bereitstellung von Urheberrechtlichem Material durch Nutzer dieses Dienstleisters. Auf Rapidshare kann man Dateien abspeichern und diese dann per http Link, anderen Webnutzern zum Download zur Verfügung stellen.&lt;/P&gt;
&lt;P&gt;Wieso ist das Vorgehen der Tod von Web2.0?&lt;/P&gt;
&lt;BLOCKQUOTE&gt;&lt;P&gt;&lt;EM&gt;GEMA-Chef Dr. Harald Heker leitet aus dieser Entscheidung auch Konsequenzen für Dienste wie YouTube und MySpace ab: “Diese Entscheidungen sind auch für den künftigen Umgang mit Web 2.0-Diensten wie YouTube und MySpace von großer Bedeutung. Sie zeigen, dass die bloße Abwälzung der Nutzungshandlungen auf die Nutzer und die angebliche Unkontrollierbarkeit der Inhalte den Dienstbetreiber nicht von seiner urheberrechtlichen Verantwortlichkeit für die auf seiner Webseite zum Abruf gestellten Inhalte entheben.”&lt;/EM&gt;&lt;/P&gt;&lt;/BLOCKQUOTE&gt;
&lt;P&gt;Wenn die Klage so einfach durch geht ist das vermute ich, dass Ende des &lt;A href="http://de.wikipedia.org/wiki/User_Generated_Content" title="User%20Generated%20Content" target="_blank"&gt;User generated Content&lt;/A&gt;!&lt;/P&gt;
&lt;P&gt;Wie sagt man so schön: “&lt;STRONG&gt;&lt;EM&gt;V&lt;/EM&gt;&lt;/STRONG&gt;&lt;STRONG&gt;&lt;EM&gt;or Gericht und auf hoher See sei man in der Gnade Gottes”&lt;/EM&gt;&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;&lt;EM&gt;Quelle: &lt;A href="http://www.golem.de/0701/50022.html" title="Golem" target="_blank"&gt;Golem.de&lt;/A&gt;&lt;/EM&gt;&lt;/P&gt;
&lt;DIV class="wlWriterSmartContent" id="0767317B-992E-4b12-91E0-4F059A8CECA8:8121efb8-aacd-4177-aeee-38381b1567d6"&gt;Technorati tags: &lt;A href="http://technorati.com/tags/Web2.0" rel="tag"&gt;Web2.0&lt;/A&gt;, &lt;A href="http://technorati.com/tags/Urheberrecht" rel="tag"&gt;Urheberrecht&lt;/A&gt;, &lt;A href="http://technorati.com/tags/Copyright" rel="tag"&gt;Copyright&lt;/A&gt;, &lt;A href="http://technorati.com/tags/GEMA" rel="tag"&gt;GEMA&lt;/A&gt;&lt;/DIV&gt;
&lt;/DIV&gt;
    
  &lt;/DIV&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/rapidshare/" rel="tag"&gt;rapidshare&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/user+generated+content/" rel="tag"&gt;user generated content&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/gema/" rel="tag"&gt;gema&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/share+hoster/" rel="tag"&gt;share hoster&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/copyright/" rel="tag"&gt;copyright&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/germany/" rel="tag"&gt;germany&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.level75.de/blog/2007/01/18/das-ende-von-web20/</clipSource><pubDate>Thu, 18 Jan 2007 17:09:57 GMT</pubDate></item><item><title>Web 2.0 how-to design guide</title><link>http://clipmarks.com/clipmark/FC3CCB1E-93C5-47B5-BB2E-C7A410C0389F/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/pallefs/"&gt;pallefs&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm" title="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm"&gt;www.webdesignfromscratch.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1&gt;Web 2.0 how-to design guide&lt;/H1&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;DIV class="introblock"&gt;
	&lt;P&gt;
		In this tutorial, I describe various common graphic design elements in modern web ("2.0") design style.
	&lt;/P&gt;
	&lt;P&gt;
		I then attempt to explain &lt;STRONG&gt;why they work&lt;/STRONG&gt; (i.e. why they have become common), as well as &lt;STRONG&gt;how, when and where&lt;/STRONG&gt; you might use each element in your designs.
	&lt;/P&gt;
	&lt;P&gt;
		It follows on from my &lt;A href="http://www.webdesignfromscratch.com/current-style.cfm"&gt;Current Style&lt;/A&gt; article, and analyses in greater depth the design features of the current "&lt;A href="%23" class="kLink%20CBL"  id="KonaLink0"&gt;&lt;FONT color="%23445566"&gt;&lt;SPAN class="kLink"&gt;Web &lt;/SPAN&gt;&lt;SPAN class="kLink"&gt;2.0&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/A&gt;" design style.
	&lt;/P&gt;
&lt;/DIV&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H2&gt;Summary of features covered&lt;/H2&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;
	The list below is a summary of many of the common features of typical "Web 2.0" sites.
&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;
	Clearly, a site doesn't need to exhibit all these features to work well, and displaying these features doesn't make a design "2.0" - or good!
&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;
	I've already addressed some of these factors in my introductory &lt;A href="http://www.webdesignfromscratch.com/current-style.cfm"&gt;Current Style&lt;/A&gt; article.
&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;DIV class="snippet"&gt;
	&lt;OL&gt;
		&lt;LI&gt;&lt;A href="%23simplicity"&gt;Simplicity&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23central-layout"&gt;Central layout&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23fewer-columns"&gt;Fewer columns&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23separate-top-sections"&gt;Separate top section&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23solid-areas-of-screen-real-estate"&gt;Solid areas of screen real-estate&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23simple-nav"&gt;Simple nav&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23bold-logos"&gt;Bold logos&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23bigger-text"&gt;Bigger text&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23bold-text-introductions"&gt;Bold text introductions&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23strong-colours"&gt;Strong colours&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23rich-surfaces"&gt;Rich surfaces&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23gradients"&gt;Gradients&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23reflections"&gt;Reflections&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23cute-icons"&gt;Cute icons&lt;/A&gt;&lt;/LI&gt;
		&lt;LI&gt;&lt;A href="%23star-flashes"&gt;Star flashes&lt;/A&gt;&lt;/LI&gt;
	&lt;/OL&gt;
&lt;/DIV&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;
	I'm using the term "Web 2.0 design" to describe the prevailing style of web design I introduce in my &lt;A href="http://www.webdesignfromscratch.com/current-style.cfm"&gt;current style&lt;/A&gt; article.
&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;
	Many people use the term "Web 2.0" to describe:
&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;UL&gt;
	&lt;LI&gt;a resurgence in the web economy&lt;/LI&gt;
	&lt;LI&gt;a new level of technological interactivity between web sites and services&lt;/LI&gt;
	&lt;LI&gt;or social phenomena deriving from new types of online communities and &lt;A href="%23" class="kLink%20CBL"  id="KonaLink4"&gt;&lt;FONT color="%23445566"&gt;&lt;SPAN class="kLink"&gt;social &lt;/SPAN&gt;&lt;SPAN class="kLink"&gt;networks&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;/UL&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr size="2" color="#666666" /&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;P&gt;
	Many others also use the term in reference to a recent school of web design.
	I'm comfortable with using it in that context here.
&lt;/P&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+design/" rel="tag"&gt;web design&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web+development/" rel="tag"&gt;web development&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/guide/" rel="tag"&gt;guide&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/how-to/" rel="tag"&gt;how-to&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/tutorial/" rel="tag"&gt;tutorial&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/style/" rel="tag"&gt;style&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm</clipSource><pubDate>Wed, 17 Jan 2007 02:57:38 GMT</pubDate></item><item><title>Web 2.0 Buttons with Photoshop</title><link>http://clipmarks.com/clipmark/6C646635-FCFE-452F-A614-1469D633E2B0/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/shepherd2112/"&gt;shepherd2112&lt;/a&gt;&lt;br&gt;&lt;div border="2" style="margin-top: 10px; border:#000000 1px solid;" width="90%"&gt;&lt;div style="background-color:"&gt;&lt;div align="center" width="100%" style="padding:4px;margin-bottom:4px;background-color:#666666;overflow:hidden;"&gt;&lt;span style="color:#FFFFFF;font-weight:bold;"&gt;Clip Source: &lt;a style="color:#FFFFFF;" href="http://iris-design.info/photoshop/web-20-style-buttons/" title="http://iris-design.info/photoshop/web-20-style-buttons/"&gt;iris-design.info&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;DIV class="post"&gt;
	&lt;H2 id="post-44"&gt;Web 2.0 style buttons&lt;/H2&gt;
		&lt;DIV class="entry"&gt;
&lt;DIV&gt;&lt;/DIV&gt;
&lt;P&gt;Nowadays Web 2.0 style becomes more popular. Every day tons of sites which has simple, bright and very interesting things, appear in Network. There are no standards about creating any Web 2.0 elements, but we have several typical features, for example and clean colors, many gradients.&lt;/P&gt;
&lt;P&gt;Today I want to show you how to create Web 2.0 styled button using Adobe Photoshop CS2.&lt;/P&gt;
&lt;P&gt;&lt;A id="more-44"&gt;&lt;/A&gt;&lt;/P&gt;
&lt;OL&gt;
&lt;LI&gt;Open the Photoshop, create new document for the button.&lt;/LI&gt;
&lt;LI&gt;Create shape for future button using Rounded Rectangle tool on toolbar, specify round radius.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Initial" href="http://iris-design.info/wp-content/uploads/2006/11/image0012.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0012.png" alt="Web%202.0%20Button%20-%20Initial" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;Right click on rectangle layer in Layers palette, choose Blending Options.&lt;/LI&gt;
&lt;LI&gt;Set the Gradient Overlay effect parameters. I have following color of first and second thumb: &lt;SPAN&gt;434343&lt;/SPAN&gt;, third – &lt;SPAN&gt;000000&lt;/SPAN&gt;.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Initial%20gradient" href="http://iris-design.info/wp-content/uploads/2006/11/image0032.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0032.thumbnail.png" alt="Web%202.0%20Button%20-%20Initial%20gradient" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;You can find Stroke effect parameters below. Stroke color is &lt;SPAN&gt;363636&lt;/SPAN&gt;.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Initial%20stroke" href="http://iris-design.info/wp-content/uploads/2006/11/image0052.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0052.thumbnail.png" alt="Web%202.0%20Button%20-%20Initial%20stroke" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;Set the Inner Glow effect options.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Initial%20inner%20glow" href="http://iris-design.info/wp-content/uploads/2006/11/image0072.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0072.thumbnail.png" alt="Web%202.0%20Button%20-%20Initial%20inner%20glow" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;As the result you will get following image:&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Initial%20result" href="http://iris-design.info/wp-content/uploads/2006/11/image0091.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0091.png" alt="Web%202.0%20Button%20-%20Initial%20result" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;Create rectangle using Rounded Rectangle tool, it will be used as button glare.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Glare" href="http://iris-design.info/wp-content/uploads/2006/11/image0111.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0111.thumbnail.png" alt="Web%202.0%20Button%20-%20Glare" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;Right click on “glare” layer, choose Rasterize Layer.&lt;/LI&gt;
&lt;LI&gt;Click Edit in Quick Mask Mode on toolbar.&lt;/LI&gt;
&lt;LI&gt;Choose Gradient Tool, create gradient like following:&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Glare%20mask" href="http://iris-design.info/wp-content/uploads/2006/11/image0131.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image0131.png" alt="Web%202.0%20Button%20-%20Glare%20mask" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;After leaving quick mask mode, you will get selection area. Click Delete button.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Glare%20result" href="http://iris-design.info/wp-content/uploads/2006/11/image015.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image015.png" alt="Web%202.0%20Button%20-%20Glare%20result" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;Add layer with text “Entries RSS” and &lt;A target="_blank" href="http://www.feedicons.com/"&gt;RSS&lt;/A&gt; icon. Set Drop Shadow effect parameters.&lt;BR /&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Text" href="http://iris-design.info/wp-content/uploads/2006/11/image017.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image017.thumbnail.png" alt="Web%202.0%20Button%20-%20Text" /&gt;&lt;/A&gt;&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;Now you got following button:&lt;/P&gt;
&lt;P&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Result" href="http://iris-design.info/wp-content/uploads/2006/11/image019.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image019.png" alt="Web%202.0%20Button%20-%20Result" /&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;After changing different effects parameters, adding or changing elements, I got following buttons:&lt;/P&gt;
&lt;P&gt;
&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Example%201" href="http://iris-design.info/wp-content/uploads/2006/11/image021.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image021.png" alt="Web%202.0%20Button%20-%20Example%201" /&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Example%202" href="http://iris-design.info/wp-content/uploads/2006/11/image023.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image023.png" alt="Web%202.0%20Button%20-%20Example%202" /&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Example%203" href="http://iris-design.info/wp-content/uploads/2006/11/image025.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image025.png" alt="Web%202.0%20Button%20-%20Example%203" /&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A rel="lightbox%5Bbutton%5D" title="Web%202.0%20Button%20-%20Example%204" href="http://iris-design.info/wp-content/uploads/2006/11/image027.png"&gt;&lt;IMG src="http://iris-design.info/wp-content/uploads/2006/11/image027.png" alt="Web%202.0%20Button%20-%20Example%204" /&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;Updated: You can download PSD sources &lt;A href="http://iris-design.info/design/web-20-style-buttons-psd-sources/"&gt;here&lt;/A&gt;.&lt;/P&gt;


&lt;P class="postmetadata"&gt;
Posted in &lt;A rel="category%20tag" title="View%20all%20posts%20in%20Design" href="http://iris-design.info/category/design/"&gt;Design&lt;/A&gt;,  &lt;A rel="category%20tag" title="View%20all%20posts%20in%20Adobe%20Photoshop" href="http://iris-design.info/category/photoshop/"&gt;Adobe Photoshop&lt;/A&gt; on November 26th, 2006 
  · &lt;A href="http://iris-design.info/design/web-20-style-buttons/lang/ru/"&gt;&lt;IMG title="%u0420%u0443%u0441%u0441%u043A%u0438%u0439" alt="%u0420%u0443%u0441%u0441%u043A%u0438%u0439" src="http://iris-design.info/wp-content/plugins/polyglot_flags/ru.png" /&gt;&lt;/A&gt;  (73,040 Views)&lt;BR /&gt;
&lt;A href="http://iris-design.info/design/web-20-style-buttons/feed/"&gt;RSS 2.0&lt;/A&gt; &lt;A rel="trackback" href="http://iris-design.info/design/web-20-style-buttons/trackback/"&gt;Trackback&lt;/A&gt;

&lt;BR /&gt;
&lt;STRONG&gt;Tags&lt;/STRONG&gt;: &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27adobe%20photoshop%27." href="http://technorati.com/tag/adobe+photoshop"&gt;adobe photoshop&lt;/A&gt;, &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27design%27." href="http://technorati.com/tag/design"&gt;design&lt;/A&gt;, &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27tricks%27." href="http://technorati.com/tag/tricks"&gt;tricks&lt;/A&gt;, &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27tutorial%27." href="http://technorati.com/tag/tutorial"&gt;tutorial&lt;/A&gt;, &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27web%202.0%27." href="http://technorati.com/tag/web+2.0"&gt;web 2.0&lt;/A&gt;, &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27button%27." href="http://technorati.com/tag/button"&gt;button&lt;/A&gt;, &lt;A target="_blank" rel="tag" title="See%20the%20Technorati%20tag%20page%20for%20%27web-design%27." href="http://technorati.com/tag/web-design"&gt;web-design&lt;/A&gt;&lt;BR /&gt;
&lt;STRONG&gt;Related entries&lt;/STRONG&gt;: &lt;A title="Permanent%20Link:%20Web%202.0%20style%20buttons:%20PSD%20sources" rel="bookmark" href="http://iris-design.info/design/web-20-style-buttons-psd-sources/"&gt;Web 2.0 style buttons: PSD sources&lt;/A&gt;; &lt;A title="Permanent%20Link:%20Highlight%20photo%20elements%20using%20glaring%20color" rel="bookmark" href="http://iris-design.info/photoshop/highlight-photo-elements/"&gt;Highlight photo elements using glaring color&lt;/A&gt;; &lt;A title="Permanent%20Link:%20Redesign:%20%u201CDmytro%20Shteflyuk%u2019s%20Home%u201D" rel="bookmark" href="http://iris-design.info/portfolio/re-design-dmytro-shteflyuks-home/"&gt;Redesign: “Dmytro Shteflyuk’s Home”&lt;/A&gt;; &lt;/P&gt;

&lt;DIV align="center"&gt;


&lt;/DIV&gt;

		&lt;/DIV&gt;
	&lt;/DIV&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;&lt;div style="margin-bottom: 40px;"&gt;Tags: &lt;a href="http://clipmarks.com/tags/photoshop/" rel="tag"&gt;photoshop&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/design+web2.0/" rel="tag"&gt;design web2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://iris-design.info/photoshop/web-20-style-buttons/</clipSource><pubDate>Mon, 15 Jan 2007 14:52:47 GMT</pubDate></item></channel></rss>