<?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 | Scattered_Fusion's 'web' clips</title><link>http://clipmarks.com/clipper/Scattered_Fusion/tag/web/</link><feedUrl>http://rss.clipmarks.com/clipper/Scattered_Fusion/tag/web/</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>The State of The Web 2008</title><link>http://clipmarks.com/clipmark/19EAFB04-60B8-4CCF-B629-ACC2D2B783FE/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://0at.org/summer-2008.html" title="http://0at.org/summer-2008.html"&gt;0at.org&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;H1 id="header"&gt;&lt;SPAN&gt;The State of the Web - Summer 2008&lt;/SPAN&gt;&lt;/H1&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/Scattered_Fusion/512/13F4BDCC-FC25-47C9-AC6B-C9BADE6FF861.png" alt="Twitter vs Plurk" /&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/Scattered_Fusion/512/2153E326-32DD-487C-8489-443A81ECEAF0.png" alt="Everyone downloads firefox 3" /&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/Scattered_Fusion/512/10FEE5C2-F4BA-4BDF-8655-C06DD06E4164.png" alt="iPhone 3g" /&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/Scattered_Fusion/512/0524286A-FCA1-43A8-AD97-3D6B98726151.png" alt="Reddit goes open source" /&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/Scattered_Fusion/512/EA3F1751-9565-4944-A7A1-A2B13E5E0675.png" alt="Myspace sucks" /&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/Scattered_Fusion/512/23D11D57-4202-4582-AFF7-9A6A6F6BBFA1.png" alt="Design" /&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/Scattered_Fusion/512/84ABFF3F-1612-441C-A170-D3F4E92A7DBD.png" alt="Facebook gets bigger" /&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/Scattered_Fusion/512/296C7ED5-5B9E-4BD5-B2E4-26CDF6CEB142.png" alt="2 girls, 1 cup" /&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/Scattered_Fusion/512/BB5F1C53-F286-45F9-AC9C-2E60FD617048.png" alt="Google spiders flash content" /&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/Scattered_Fusion/512/25B5C8B9-FDDC-4A79-891C-11D34191FF5E.png" alt="Everyone gets rickrolled" /&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/web/" rel="tag"&gt;web&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/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://0at.org/summer-2008.html</clipSource><pubDate>Sat, 19 Jul 2008 20:43:24 GMT</pubDate></item><item><title>Put Your Web Browser in Full Screen Mode</title><link>http://clipmarks.com/clipmark/AA9640FB-0B43-4C28-A1B6-3EB73774A61C/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://dailymactips.com/?p=44" title="http://dailymactips.com/?p=44"&gt;dailymactips.com&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="entrypost"&gt;
&lt;P&gt;Type or copy this code in to your web browsers address bar:&lt;/P&gt;
&lt;P&gt;&lt;CODE&gt;javascript:self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight);&lt;/CODE&gt;&lt;/P&gt;
&lt;P&gt;Now save as a Bookmark.&lt;/P&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/web/" rel="tag"&gt;web&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/firefox/" rel="tag"&gt;firefox&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/safari/" rel="tag"&gt;safari&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/ie/" rel="tag"&gt;ie&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/flock/" rel="tag"&gt;flock&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/bookmarks/" rel="tag"&gt;bookmarks&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://dailymactips.com/?p=44</clipSource><pubDate>Tue, 04 Sep 2007 11:49:33 GMT</pubDate></item><item><title>Breaking News: The Internet Is Broken </title><link>http://clipmarks.com/clipmark/4782FBF1-7EF8-4D2B-90D4-3D46E6D903E4/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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.youtube.com/watch?v=NJCyAHJ27Uw" title="http://www.youtube.com/watch?v=NJCyAHJ27Uw"&gt;www.youtube.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div&gt;[Video]&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/" rel="tag"&gt;internet&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/humor/" rel="tag"&gt;humor&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/news/" rel="tag"&gt;news&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/entertainment/" rel="tag"&gt;entertainment&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/crash/" rel="tag"&gt;crash&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.youtube.com/watch?v=NJCyAHJ27Uw</clipSource><pubDate>Tue, 17 Jul 2007 03:35:19 GMT</pubDate></item><item><title>Picture: The Art of Cropping (For MySpace)</title><link>http://clipmarks.com/clipmark/7C46AF0F-7AC8-4B9A-93D3-C620006CF762/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://tunteella.xerc.biz/1288.jpg" title="http://tunteella.xerc.biz/1288.jpg"&gt;tunteella.xerc.biz&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/Scattered_Fusion/512/C302BC64-84F5-4F44-ABC5-6D0984FC71B1.jpg" alt="http://tunteella.xerc.biz/1288.jpg" /&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/photography/" rel="tag"&gt;photography&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/myspace/" rel="tag"&gt;myspace&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&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/humour/" rel="tag"&gt;humour&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://tunteella.xerc.biz/1288.jpg</clipSource><pubDate>Sun, 15 Jul 2007 06:19:11 GMT</pubDate></item><item><title>GOOGLE ANNOUNCES PURGE OF AD-HEAVY WEB SITES</title><link>http://clipmarks.com/clipmark/1E40A247-AFF1-4864-A4BE-25BAF36E47CF/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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.nypost.com/seven/05232007/business/ad__subtract_business_holly_m__sanders.htm" title="http://www.nypost.com/seven/05232007/business/ad__subtract_business_holly_m__sanders.htm"&gt;www.nypost.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;AD &amp; SUBTRACT&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;H2&gt;GOOGLE ANNOUNCES PURGE OF AD-HEAVY WEB SITES&lt;/H2&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/Scattered_Fusion/512/E25151B5-A771-4011-B278-4C3711CF13B0.jpg" alt="Google is sending cease and desist orders to companies that buy ads tied to Web searches - but then yank users to sites with no relevant content." /&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;H3&gt;By HOLLY M. SANDERS&lt;/H3&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;

                                    May 23, 2007 -- Google is trying to clean up its search results by cracking down on dubious Web sites that contain little content but lots of ads. &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; The search giant has notified a number of Web publishers in the last few days that they will be dropped from its popular "AdSense" program starting June 1. &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; The cut-off notices jolted the online ad world, where hundreds of thousands of people make money in exchange for allowing Google to place ads on their Web 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; Google's AdSense software has made it easy for advertisers to piggyback on any Web site - no matter how obscure - that attracts an audience. &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; For example, on a travel Web site, Google's AdSense will automatically serve up relevant travel-related ads on that site. Web site publishers then get paid each time a visitor clicks on one of the ads supplied by Google. &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/google/" rel="tag"&gt;google&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&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/technology/" rel="tag"&gt;technology&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/advertising/" rel="tag"&gt;advertising&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/adsense/" rel="tag"&gt;adsense&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/ads/" rel="tag"&gt;ads&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.nypost.com/seven/05232007/business/ad__subtract_business_holly_m__sanders.htm</clipSource><pubDate>Thu, 24 May 2007 17:35:24 GMT</pubDate></item><item><title>Get Past Resrictions Sites -- Anonmous Browsing</title><link>http://clipmarks.com/clipmark/66719CD1-9DD8-4A1F-A5D9-984C03E291B2/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://urlbrowse.com/" title="http://urlbrowse.com/"&gt;urlbrowse.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;At UrlBrowse we allow you to easily surf the internet on our web based proxy. Enter the url you want to visit, and avoid the firewall.&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;STRONG&gt; So what is a web based proxy?&lt;/STRONG&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; An online web proxy is designed in order to allow you to visit what you want, when you want, because people shouldn't have resrictions. A proxy allows you to access the content that your network blocks. Our proxy allows you to access your myspace, bebo, arcades and many more. &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 id="browse"&gt;&lt;INPUT type="hidden" value="changeUrl" name="__ttAction" /&gt;&lt;INPUT type="text" value="http://www.google.com/" id="url" class="address" name="__ttUrl" /&gt;
	 &lt;INPUT align="middle" type="submit" value="" id="submit" class="button" /&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/technology/" rel="tag"&gt;technology&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/resricted+sites/" rel="tag"&gt;resricted sites&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://urlbrowse.com/</clipSource><pubDate>Thu, 25 Jan 2007 11:43:11 GMT</pubDate></item><item><title>How to solve the digg effect</title><link>http://clipmarks.com/clipmark/77AD5F80-2528-42DA-9F2C-57F5F6D6FC9A/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://img441.imageshack.us/img441/8225/diggeffect5ip.jpg" title="http://img441.imageshack.us/img441/8225/diggeffect5ip.jpg"&gt;img441.imageshack.us&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/Scattered_Fusion/512/EA5FCF87-B475-42BE-93FB-0886EED518D3.jpg" alt="http://img441.imageshack.us/img441/8225/diggeffect5ip.jpg" /&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/digg/" rel="tag"&gt;digg&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/web/" rel="tag"&gt;web&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://img441.imageshack.us/img441/8225/diggeffect5ip.jpg</clipSource><pubDate>Sun, 21 Jan 2007 13:11:53 GMT</pubDate></item><item><title>An Absolute Goldmine of Web Design Education</title><link>http://clipmarks.com/clipmark/6A66B4ED-F2D3-4A1F-9248-09DF205270B4/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://cre8pc.com/blog/archives/196#comment-1067" title="http://cre8pc.com/blog/archives/196#comment-1067"&gt;cre8pc.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;div style="text-align:left;"&gt;&lt;LI&gt;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.html" title="Accessibility%20References"&gt;Accessibility&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/associations.html" title="Associations"&gt;Associations&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/books.html" title="Web%20Design%20Reference%20Books"&gt;Books&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html" title="Cascading%20Style%20Sheet%20References"&gt;Cascading Style           Sheets&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/color.html" title="Color%20References"&gt;Color&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/dreamweaver.html" title="Dreamweaver%20References"&gt;Dreamweaver&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/testing.html" title="Web%20Site%20Evaluation%20and%20Testing%20References"&gt;Evaluation &amp;           Testing&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/events.html" title="Events"&gt;Events and Conferences&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/flash.html" title="Flash%20Refernces"&gt;Flash&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/architecture.html" title="Information%20Architecture%20References"&gt;Information Architecture&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/javascript.html" title="JavaScript%20References"&gt;JavaScript&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/misc.html" title="Miscellaneous%20Web%20Design%20References"&gt;Misc&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/navigation.html" title="Navigation%20and%20Labeling%20References"&gt;Navigation &amp; Labeling&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/php.html" title="PHP%20hypertext%20Preprocessor%20References"&gt;PHP&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/sites.html" title="Comprehensive%20Web%20Design%20Sites"&gt;Sites &amp;           Blogs&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/standards.html" title="Standards%2C%20Guidlines%20%26%20Patterns"&gt;Standards&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/tools.html" title="Tool%20References"&gt;Tools&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/type.html" title="Typography%20References"&gt;Typography&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/usability.html" title="Web%20Usability%20References"&gt;Usability&lt;/A&gt;&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;&lt;A href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/xml.html" title="Extensible%20Markup%20Language%20References"&gt;XML&lt;/A&gt;&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/web+design/" rel="tag"&gt;web design&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&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/code/" rel="tag"&gt;code&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/information/" rel="tag"&gt;information&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/education/" rel="tag"&gt;education&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/tips/" rel="tag"&gt;tips&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/reference/" rel="tag"&gt;reference&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://cre8pc.com/blog/archives/196#comment-1067</clipSource><pubDate>Sat, 20 Jan 2007 11:25:23 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>Photoshop Tutorials to Create Web 2.0 Design Effects</title><link>http://clipmarks.com/clipmark/AEFD2C38-B228-49D8-B1A3-BCD91740D021/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/chalksalad/"&gt;chalksalad&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.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/" title="http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/"&gt;www.quickonlinetips.com&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%20single"&gt;


 &lt;EM class="newdate"&gt;June 9th, 2006&lt;/EM&gt;
 
		&lt;H1&gt;&lt;A title="Photoshop%20Tutorials%20to%20Create%20Web%202.0%20Design%20Effects" rel="bookmark" href="http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/"&gt;Photoshop Tutorials to Create Web 2.0 Design Effects&lt;/A&gt;&lt;/H1&gt;
 
		

&lt;TABLE cellspacing="0" cellpadding="0" border="0"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD&gt;


 
&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;



		&lt;P&gt;Web 2.0 has brought in a new design revolution characteristized by soft shadows, reflections, gradients and star shapes (violators), rounded corners and other similar imaging effects. And &lt;STRONG&gt;Adobe photoshop is a professional image editing software&lt;/STRONG&gt; that makes these image designs easy to make.&lt;A id="more-1371"&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;Photoshop Lab has a &lt;STRONG&gt;great photoshop tutorials&lt;/STRONG&gt; in 2 parts of their series - the &lt;STRONG&gt;Web 2.0 Design Kit&lt;/STRONG&gt;  that will teach you the necessary photoshop skill to let you design these images for your visit and become a photoshop expert yourself.&lt;/P&gt;
&lt;P&gt;The &lt;A href="http://www.photoshoplab.com/web20-design-kit.html"&gt;first tutorial&lt;/A&gt; shows how to make Gradients (the reflective or glass effect seen in Apple’s “Aqua Buttons”), Reflections, soft shadows (and glows) and popping up star shapes (or violators) which are now popular with Web 2.0 professional web designers. &lt;/P&gt;
&lt;P&gt;The &lt;A href="http://www.photoshoplab.com/web-20-design-kit-part-2.html"&gt;second tutorial&lt;/A&gt; will teach you to make Diagonal Line Patterns and rounded corners, a new fad of web designers.&lt;/P&gt;
&lt;P&gt;Learn from these step by step photoshop tutorials and become a &lt;STRONG&gt;web design expert&lt;/STRONG&gt; yourself!
&lt;/P&gt;&lt;DIV&gt;

  
&lt;I&gt;Copyright 2007. Quick Online Tips. All rights reserved. &lt;A href="http://www.quickonlinetips.com/archives/copyright/"&gt;Linking Policy&lt;/A&gt;&lt;/I&gt;
&lt;/DIV&gt;&lt;BR /&gt;
&lt;B&gt;Related Articles&lt;/B&gt;
&lt;BR /&gt;
 &lt;A title="Permanent%20Link:%20How%20to%20Create%20a%20Google%20Logo%20:%20Easy%20Photoshop%20Tutorials" rel="bookmark" href="http://www.quickonlinetips.com/archives/2006/05/how-to-create-a-google-logo-easy-photoshop-tutorials/"&gt;How to Create a Google Logo : Easy Photoshop Tutorials&lt;/A&gt;&lt;BR /&gt;&lt;A title="Permanent%20Link:%20Design%20/%20Create%20Free%20Animated%20Ad%20Banners%20for%20Your%20Website" rel="bookmark" href="http://www.quickonlinetips.com/archives/2006/03/design-create-free-animated-ad-banners-for-your-website/"&gt;Design / Create Free Animated Ad Banners for Your Website&lt;/A&gt;&lt;BR /&gt;&lt;A title="Permanent%20Link:%20Paint.NET%20Image%20Editing%20Software%20:%20Photoshop%20Alternative" rel="bookmark" href="http://www.quickonlinetips.com/archives/2006/03/paintnet-image-editing-software-photoshop-alternative/"&gt;Paint.NET Image Editing Software : Photoshop Alternative&lt;/A&gt;&lt;BR /&gt;&lt;A title="Permanent%20Link:%20Best%20of%202006%20:%20June" rel="bookmark" href="http://www.quickonlinetips.com/archives/2006/12/best-of-2006-june/"&gt;Best of 2006 : June&lt;/A&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;A title="Permanent%20Link:%20I%20%5Bheart%5D%20Wordpress%20Logo%20Competition" rel="bookmark" href="http://www.quickonlinetips.com/archives/2006/07/i-heart-wordpress-logo-competition/"&gt;I [heart] Wordpress Logo Competition&lt;/A&gt;&lt;/DIV&gt;
&lt;BR /&gt;

Never miss our latest articles &lt;BR /&gt;&lt;DIV&gt;
&lt;A type="application/rss+xml" rel="alternate" title="Subscribe%20Quick%20Online%20Tips" href="http://feeds.feedburner.com/QuickOnlineTips"&gt;&lt;IMG alt="XML%2C%20RSS" src="http://www.feedburner.com/fb/images/pub/xml_button.gif" /&gt;&lt;/A&gt; &lt;A href="http://feeds.feedburner.com/QuickOnlineTips"&gt;subscribe feed&lt;/A&gt; or get &lt;A href="http://www.feedblitz.com/f/?Sub=2182"&gt;email updates&lt;/A&gt;


&lt;/DIV&gt;&lt;BR /&gt;

&lt;FORM target="google_window" action="http://www.quickonlinetips.com/search.html" method="get"&gt;
&lt;TABLE border="0" bgcolor="%23ffffff"&gt;
&lt;TBODY&gt;&lt;TR&gt;&lt;TD valign="top" nowrap="nowrap" height="32" align="left"&gt;

&lt;/TD&gt;
&lt;TD nowrap="nowrap"&gt;
&lt;INPUT type="hidden" value="quickonlinetips.com" name="domains" /&gt;
&lt;LABEL for="sbi"&gt;Enter your search terms&lt;/LABEL&gt;
&lt;INPUT type="text" id="sbi" value="" maxlength="255" size="31" name="q" /&gt;
&lt;LABEL for="sbb"&gt;Submit search form&lt;/LABEL&gt;
&lt;INPUT type="submit" id="sbb" value="Google%20Search" name="sa" /&gt;
&lt;/TD&gt;&lt;/TR&gt;
&lt;TR&gt;
&lt;TD&gt; &lt;/TD&gt;
&lt;TD nowrap="nowrap"&gt;
&lt;TABLE&gt;
&lt;TBODY&gt;&lt;TR&gt;
&lt;TD&gt;
&lt;INPUT type="radio" id="ss0" value="" name="sitesearch" /&gt;
&lt;LABEL title="Search%20the%20Web" for="ss0"&gt;&lt;FONT size="-1" color="%23000000"&gt;Web&lt;/FONT&gt;&lt;/LABEL&gt;&lt;/TD&gt;
&lt;TD&gt;
&lt;INPUT type="radio" id="ss1" checked="" value="quickonlinetips.com" name="sitesearch" /&gt;
&lt;LABEL title="Search%20quickonlinetips.com" for="ss1"&gt;&lt;FONT size="-1" color="%23000000"&gt;quickonlinetips.com&lt;/FONT&gt;&lt;/LABEL&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;INPUT type="hidden" value="pub-9390945337647976" name="client" /&gt;
&lt;INPUT type="hidden" value="1" name="forid" /&gt;
&lt;INPUT type="hidden" value="7095333371" name="channel" /&gt;
&lt;INPUT type="hidden" value="ISO-8859-1" name="ie" /&gt;
&lt;INPUT type="hidden" value="ISO-8859-1" name="oe" /&gt;
&lt;INPUT type="hidden" value="GALT:%23999999%3BGL:1%3BDIV:%23cccccc%3BVLC:0000ff%3BAH:center%3BBGC:FFFFFF%3BLBGC:ffffff%3BALC:0000FF%3BLC:0000FF%3BT:000000%3BGFNT:666666%3BGIMP:666666%3BFORID:11" name="cof" /&gt;
&lt;INPUT type="hidden" value="en" name="hl" /&gt;
&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;
&lt;/FORM&gt;

 
&lt;BR /&gt;
&lt;P id="filedunder"&gt;
&lt;A title="Permanent%20link:%20Photoshop%20Tutorials%20to%20Create%20Web%202.0%20Design%20Effects" href="http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/"&gt;Permalink&lt;/A&gt; 
| 
&lt;A title="Send%20a%20pingback" href="http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/trackback/"&gt;Trackback Url&lt;/A&gt;
|
&lt;A href="http://www.quickonlinetips.com/archives/copyright/"&gt;Copyright Policy&lt;/A&gt;
| 
&lt;A target="_blank" href="http://del.icio.us/post?url=http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/%26title=Photoshop%20Tutorials%20to%20Create%20Web%202.0%20Design%20Effects"&gt;+Del.icio.us&lt;/A&gt;
|
&lt;A href="http://digg.com/submit?phase=2%26url=http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/%26title=Photoshop%20Tutorials%20to%20Create%20Web%202.0%20Design%20Effects" target="_blank"&gt;Digg it&lt;/A&gt;

&lt;/P&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/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/logo/" rel="tag"&gt;logo&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/image/" rel="tag"&gt;image&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.quickonlinetips.com/archives/2006/06/photoshop-tutorials-to-create-web-20-design-effects/</clipSource><pubDate>Tue, 16 Jan 2007 12:44:43 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><item><title>Google 46 Years ago</title><link>http://clipmarks.com/clipmark/A50BA8BC-DEC7-47E3-8F2C-506D6FA66D39/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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.javipas.com/wp-content/google_circa_1960_src.jpg" title="http://www.javipas.com/wp-content/google_circa_1960_src.jpg"&gt;www.javipas.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/Scattered_Fusion/512/2CE0E629-EF8D-4C24-BA8F-6CD6F683936C.jpg" alt="http://www.javipas.com/wp-content/google_circa_1960_src.jpg" /&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/google/" rel="tag"&gt;google&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/web/" rel="tag"&gt;web&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/humor/" rel="tag"&gt;humor&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/search/" rel="tag"&gt;search&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.javipas.com/wp-content/google_circa_1960_src.jpg</clipSource><pubDate>Fri, 12 Jan 2007 20:40:57 GMT</pubDate></item><item><title>Google Yahoo Mash Up</title><link>http://clipmarks.com/clipmark/4BCC83B8-1E01-46FA-A9BF-4463279E5146/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://googlewatch.eweek.com/content/today_in_stupid/mockup_what_if_google_made_a_yahoolike_start_page_1.html" title="http://googlewatch.eweek.com/content/today_in_stupid/mockup_what_if_google_made_a_yahoolike_start_page_1.html"&gt;googlewatch.eweek.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/Scattered_Fusion/512/FCCCB5E6-D6D0-4827-B109-45A4CCCB8C64.jpg" alt="Yahoo_Google.jpg" /&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/google/" rel="tag"&gt;google&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/yahoo/" rel="tag"&gt;yahoo&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/web+2.0/" rel="tag"&gt;web 2.0&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/internet/" rel="tag"&gt;internet&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://googlewatch.eweek.com/content/today_in_stupid/mockup_what_if_google_made_a_yahoolike_start_page_1.html</clipSource><pubDate>Thu, 11 Jan 2007 17:17:28 GMT</pubDate></item><item><title>Fire Fox 3.0 </title><link>http://clipmarks.com/clipmark/D54D80ED-113E-4037-8120-001A98FB030B/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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://bin1.myphotoupload.com/fireboob.jpg" title="http://bin1.myphotoupload.com/fireboob.jpg"&gt;bin1.myphotoupload.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="padding: 10px;"&gt;&lt;img src="http://clipmarks.com/image_cache/Scattered_Fusion/512/D49AC1C7-E3F9-4D1A-922F-B6D7D0751B17.jpg" alt="http://bin1.myphotoupload.com/fireboob.jpg" /&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/technology/" rel="tag"&gt;technology&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/firefox/" rel="tag"&gt;firefox&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&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/logos/" rel="tag"&gt;logos&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/humor/" rel="tag"&gt;humor&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/kitchen/" rel="tag"&gt;kitchen&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/photo/" rel="tag"&gt;photo&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/pictures/" rel="tag"&gt;pictures&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://bin1.myphotoupload.com/fireboob.jpg</clipSource><pubDate>Thu, 11 Jan 2007 06:29:19 GMT</pubDate></item><item><title>Firefox use nearly doubled in '06</title><link>http://clipmarks.com/clipmark/C4BB2F76-746E-49AD-815F-C562E039387B/</link><description>&lt;b&gt;clipped by:&lt;/b&gt; &lt;a href="http://clipmarks.com/clipper/Scattered_Fusion/"&gt;Scattered_Fusion&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.computerworld.com/action/article.do?command=viewArticleBasic&amp;taxonomyName=development&amp;articleId=9007378" title="http://www.computerworld.com/action/article.do?command=viewArticleBasic&amp;taxonomyName=development&amp;articleId=9007378"&gt;www.computerworld.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;&lt;B&gt;January 07, 2007 &lt;/B&gt;  &lt;A target="_blank" href="http://www.computerworld.com"&gt;(Computerworld)&lt;/A&gt;  -- Propelled by the release of its Version 2.0 in October, the free Firefox Web browser saw almost a 50% increase in use during 2006, according to one Web measurement firm. 
&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;
The open-source Firefox browser was &lt;B&gt;&lt;A href="http://marketshare.hitslink.com/report.aspx?qprid=0" target="new"&gt;used by 14% of computers online&lt;/A&gt;&lt;/B&gt; at the end of 2006, according to Aliso Viejo, Calif.-based Net Applications. That was 46% higher than its 9.6% share of the browser market at the beginning of the year. 
&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;
The biggest loser was Microsoft's Internet Explorer, which also released a new version, Internet Explorer 7, last year. Even so, its market share fell to 79.6% from 85.1% at the start of 2006. 
&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;
Apple Computer Inc.'s Safari Web browser rode increased sales of Mac computers to finish the year with 4.2% of the market, up from 3.1% at the beginning of 2006. Safari is only available on Apple hardware running Mac OS X. 
&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;
The Opera Web browser also grew its share to 0.9% of the market from 0.6%, after signing deals with cell phone makers and game console makers such as Nintendo to have the software bundled with those devices. 
&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;
AOL's Netscape was, like Internet Explorer, also a loser. It started the year with 1.24% but saw its share of the market fall to 0.9%. &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/technology/" rel="tag"&gt;technology&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/firefox/" rel="tag"&gt;firefox&lt;/a&gt;, &lt;a href="http://clipmarks.com/tags/web/" rel="tag"&gt;web&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/browser/" rel="tag"&gt;browser&lt;/a&gt;&lt;/div&gt;</description><clipSource>http://www.computerworld.com/action/article.do?command=viewArticleBasic&amp;taxonomyName=development&amp;articleId=9007378</clipSource><pubDate>Mon, 08 Jan 2007 07:39:05 GMT</pubDate></item></channel></rss>