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

<channel>
	<title>HeroTurko.Net &#187; Web 2.0</title>
	<atom:link href="http://www.heroturko.net/category/web-20/feed" rel="self" type="application/rss+xml" />
	<link>http://www.heroturko.net</link>
	<description>HeroTurko.Net Technology Blogging, Photoshop, Wordpress, Gadgets, Linux, Google, Makine Money Online, Laptops, ipaq, Microsoft, Firefox, Flash, Wallpapers, Macbook, iphone, ipod, hardware, wallpapers,</description>
	<lastBuildDate>Fri, 02 Apr 2010 21:49:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Free Chart and Graph Solutions</title>
		<link>http://www.heroturko.net/web-20/free-chart-and-graph-solutions-2.html</link>
		<comments>http://www.heroturko.net/web-20/free-chart-and-graph-solutions-2.html#comments</comments>
		<pubDate>Wed, 30 Apr 2008 22:39:10 +0000</pubDate>
		<dc:creator>accolades</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[]]></category>
		<category><![CDATA[cart]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Master]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/free-chart-and-graph-solutions-2.html</guid>
		<description><![CDATA[


 Charts and graphs help the user to visualise data in a more meaningfull way than rows of text statistics. They are extensively used in reporting applications, for displaying earnings, website traffic etc &#8211; here we take a look at some pre-made scripts and frameworks available to the web designer or web application developer …

 [...]]]></description>
			<content:encoded><![CDATA[<p>Charts and graphs help the user to visualise data in a more meaningfull way than rows of text statistics. They are extensively used in reporting applications, for displaying earnings, website traffic etc &#8211; here we take a look at some pre-made scripts and frameworks available to the web designer or web application developer …</p>
<p><span id="more-2008"></span></p>
<hr /><a href="http://teethgrinder.co.uk/open-flash-chart/"> Open Flash Chart</a> &#8211;  Open Flash Chart, is open source. It is free to use <em>and</em> you get the source code to fiddle with</p>
<p><a href="http://teethgrinder.co.uk/open-flash-chart/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/114.jpg" alt="114.jpg" /></a></p>
<p><span id="more-2026"></span></p>
<hr /><a href="http://www.amcharts.com/">amCharts</a> &#8211; Pie and donut charts, line and area charts, column and bar charts, scatter and bubble charts and an interactive map tool are all free for download</p>
<p><a href="http://www.amcharts.com/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/29.jpg" alt="29.jpg" /></a></p>
<hr /><a href="http://www.maani.us/charts">Php / Swf Charts</a> &#8211; PHP/SWF Charts is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data. Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. Any other scripting language (ASP, CFML, Perl, etc.) can be used with XML/SWF Charts (the XML version of the same tool.)</p>
<p><a href="http://www.maani.us/charts"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/33.jpg" alt="33.jpg" /></a></p>
<hr /><a href="http://www.fusioncharts.com/free/">Fusion Charts Free</a> &#8211; FusionCharts Free is a flash charting component that can be used to render data-driven &amp; animated charts for your web applications and presentations</p>
<p><a href="http://www.fusioncharts.com/free/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/43.jpg" alt="43.jpg" /></a></p>
<hr /><a href="http://developer.yahoo.com/yui/charts/">Yahoo! UI Library: Charts</a> &#8211; The YUI Charts Control visualizes tabular data on a web page in several possible formats including vertical columns, horizontal bars, lines, and pies. Notable features include support for the DataSource Utility, customizable series and axes, a customizable mouse-over datatip, combination charts, and skinning</p>
<p><a href="http://developer.yahoo.com/yui/charts/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/53.jpg" alt="53.jpg" /></a></p>
<hr /><a href="http://code.google.com/p/flot/">Flot</a> &#8211; Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming</p>
<p><a href="http://code.google.com/p/flot/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/63.jpg" alt="63.jpg" /></a></p>
<hr /><a href="http://grassegger.at/xperimente/charts-daten-semantik-css/">SAC</a> &#8211; Simple accessible charts, An easy, fast and accessible way to display simple Data and beautify them with CSS. Works fine in FF, IE 7/6, Opera 9 tested on WIN XP</p>
<p><a href="http://grassegger.at/xperimente/charts-daten-semantik-css/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/73.jpg" alt="73.jpg" /></a></p>
<hr /><a href="http://simile.mit.edu/timeplot/">Similie</a> &#8211; Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that <a href="http://simile.mit.edu/timeline/">Timeline</a> supports)</p>
<p><a href="http://simile.mit.edu/timeplot/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/82.jpg" alt="82.jpg" /></a></p>
<hr /><a href="http://www.liquidx.net/plotkit/">PlotKit</a> &#8211; PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support</p>
<p><a href="http://www.liquidx.net/plotkit/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/92.jpg" alt="92.jpg" /></a></p>
<hr /><a href="http://naku.dohcrew.com/libchart/pages/introduction/">Libchart</a> &#8211; Libchart is a free chart creation PHP library, that is easy to use</p>
<p><a href="http://naku.dohcrew.com/libchart/pages/introduction/"><img src="http://tutorialblog.org/wp-content/uploads/2008/01/102.jpg" alt="102.jpg" /></a></p>
<p></p> ]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/free-chart-and-graph-solutions-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Applications for Designers</title>
		<link>http://www.heroturko.net/web-20/web-applications-for-designers.html</link>
		<comments>http://www.heroturko.net/web-20/web-applications-for-designers.html#comments</comments>
		<pubDate>Wed, 30 Apr 2008 22:37:38 +0000</pubDate>
		<dc:creator>accolades</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Master]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/web-applications-for-designers.html</guid>
		<description><![CDATA[ While working as a web designer I have come to rely on a number of web applications that make my job easier, they are simple to use, need no software installed on my machine and provide value &#8211; here I cover some of the very best tools that you should know..

Campaignmonitor &#8211; Manage mailing [...]]]></description>
			<content:encoded><![CDATA[<p>While working as a web designer I have come to rely on a number of web applications that make my job easier, they are simple to use, need no software installed on my machine and provide value &#8211; here I cover some of the very best tools that you should know..</p>
<p><span id="more-465"></span></p>
<p><a href="http://www.campaignmonitor.com/">Campaignmonitor</a> &#8211; Manage mailing lists and newsletters from an excellent online interface.<a href="http://www.campaignmonitor.com/">  </a></p>
<p><a href="http://www.campaignmonitor.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/15.jpg" alt="15.jpg" /></a></p>
<p><span id="more-2025"></span></p>
<p>Campaignmonitor makes it very easy to collect subscriptions , providing you with the html to place a subscribe box and collect emails. You can then create a campaign with your own html email template and send it from their site.</p>
<p>The most usefull part for me is all the data you can view after a mailing &#8211; showing clickthrough rates, unopened email numbers etc. The interface is also brandable to allow your clients access to their reports.</p>
<p><a href="http://www.crazyegg.com/">Crazy Egg</a> &#8211; Visual tracking of where visitors click on your websites</p>
<p><a href="http://www.crazyegg.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/21.jpg" alt="21.jpg" /></a>A very interesting product that I participated in beta testing of, simply install a piece of javascript on a website you’d like to track and crazyegg will provide statistics of which links were clicked. The app provides you with some nice charts and a heat map to help you optimise parts of your site you’d like to draw attention to.</p>
<p>Recently launched is an open source script called <a href="http://www.labsmedia.com/clickheat/">ClickHeat</a> which appears to offer the same heatmap capabilities but I haven’t tried this out yet.</p>
<p><a href="http://www.dropsend.com/">Dropsend</a> &#8211; Allows you to send files of up to 1gb</p>
<p><a href="http://www.dropsend.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/31.jpg" alt="31.jpg" /></a></p>
<p>This application allows you to send files to clients that you couldn’t email because of size restrictions, it also works as an online storage solution so you can have access to your files in the event of a hard drive failiure etc.</p>
<p>I haven’t personally tested this service as I operate my own server so can put client files on my own webspace but I can see how it is usefull for someone without this.</p>
<p><a href="http://blinksale.com/home" title="Blinksale">Blinksale</a> &#8211; Online invoicing app</p>
<p><a href="http://blinksale.com/home" title="Blinksale"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/41.jpg" alt="41.jpg" /></a></p>
<p>A app with a great interface that allows you to keep a record of your clients, send them invoices and manage recurring billing, send reminders etc.</p>
<p><a href="http://www.basecamphq.com/" title="Basecamp">Basecamp</a> &#8211; Project management</p>
<p><a href="http://www.basecamphq.com/" title="Basecamp"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/51.jpg" alt="51.jpg" /></a></p>
<p>A handy app from the <a href="http://www.37signals.com/">37 signals</a> bunch allowing you to project manage online, features include to-do lists, milestones, chat and writeboards. Usefull if you’re working with contractors which may not be located at the same office as you or just if you need access to the project data while on the road or from home etc &#8211; highly recommended and as usual with 37 signals products includes a free version.</p>
<p>And there you have it, the top 5 web apps to make designers live easier!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/web-applications-for-designers.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 10 Web 2.0 and SMM Websites</title>
		<link>http://www.heroturko.net/web-20/top-10-web-20-and-smm-websites.html</link>
		<comments>http://www.heroturko.net/web-20/top-10-web-20-and-smm-websites.html#comments</comments>
		<pubDate>Wed, 30 Apr 2008 22:36:36 +0000</pubDate>
		<dc:creator>accolades</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/top-10-web-20-and-smm-websites.html</guid>
		<description><![CDATA[Call it what you like but Web2.0 sites and applications are changing the way we use the web, to keep up with the latest developments we present you 10 of the very best sites about Social Networking, Web Applications and Social Media Marketing…

Techcrunch &#8211; The daddy of them all, if something new is happening Techcrunch [...]]]></description>
			<content:encoded><![CDATA[<p>Call it what you like but Web2.0 sites and applications are changing the way we use the web, to keep up with the latest developments we present you 10 of the very best sites about Social Networking, Web Applications and Social Media Marketing…</p>
<p><span id="more-541"></span></p>
<hr class="split" /><a href="http://www.techcrunch.com/">Techcrunch</a> &#8211; The daddy of them all, if something new is happening Techcrunch willhave the details first</p>
<p><a href="http://www.techcrunch.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/116.jpg" alt="116.jpg" /></a></p>
<p><span id="more-2024"></span></p>
<hr class="split" /><a href="http://www.mashable.com/">Mashable</a> &#8211; By Pete Cashmore, Mashable covers Social Networking with news, reviews and commentary</p>
<p><a href="http://www.mashable.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/210.jpg" alt="210.jpg" /></a></p>
<hr class="split" /><a href="http://www.pronetadvertising.com/">Pronet Advertising</a> &#8211; All about Social Media Marketing on sites like Digg, Delicious and Reddit</p>
<p><a href="http://www.pronetadvertising.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/56.jpg" alt="56.jpg" /></a></p>
<hr class="split" /><a href="http://www.solutionwatch.com/">Solution Watch</a> &#8211; Indepth reviews of next generation web applications</p>
<p><a href="http://www.solutionwatch.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/37.jpg" alt="37.jpg" /></a></p>
<hr class="split" /><a href="http://www.web20show.com/">The Web 2.0 Show</a> &#8211; Podcast about web2.0 with interviews of developers and entrepreneurs</p>
<p><a href="http://www.web20show.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/47.jpg" alt="47.jpg" /></a></p>
<hr class="split" /><a href="http://plentyoffish.wordpress.com/">The Paradigm Shift</a> &#8211; By the owner of dating site Plenty Of Fish, extremely well written blog covering dating sites and Social Networking sites.</p>
<p><a href="http://plentyoffish.wordpress.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/57.jpg" alt="57.jpg" /></a></p>
<hr class="split" /><a href="http://www.webmasterradio.fm/ourshows.php">The Rush Hour</a> &#8211; Weekly podcast by Neil Patel &amp; Cameron Olthuis from Pronet Advertising. Covers Social Media Marketing.</p>
<p><a href="http://www.webmasterradio.fm/ourshows.php"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/66.jpg" alt="66.jpg" /></a></p>
<hr class="split" /><a href="http://www.themulife.com/">The Mu Life</a> -Top 10 Digger and Netscape Navigator, Muhammad Saleem’s blog. He seems to have stopped posting on here and moved over to Pronet Advertising but theres lots of good stuff in the archives still.</p>
<p><a href="http://www.themulife.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/74.jpg" alt="74.jpg" /></a></p>
<hr class="split" /><a href="http://www.copyblogger.com/">CopyBlogger</a> &#8211; Headlines and copywriting are the keys to success in Social Media Marketing and Copyblogger is your one-stop guide to the subject. Loads of well-written articles and advice.</p>
<p><a href="http://www.copyblogger.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/87.jpg" alt="87.jpg" /></a></p>
<hr class="split" /><a href="http://9rules.com/web++/">9Rules Web++ Category</a> &#8211; Collection of blogs focussing on web2.0</p>
<p><a href="http://9rules.com/web++/"><img src="http://tutorialblog.org/wp-content/uploads/2007/03/93.jpg" alt="93.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/top-10-web-20-and-smm-websites.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 10 Map Tools and Mashups</title>
		<link>http://www.heroturko.net/web-20/top-10-map-tools-and-mashups.html</link>
		<comments>http://www.heroturko.net/web-20/top-10-map-tools-and-mashups.html#comments</comments>
		<pubDate>Wed, 30 Apr 2008 22:35:36 +0000</pubDate>
		<dc:creator>accolades</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/top-10-map-tools-and-mashups.html</guid>
		<description><![CDATA[Since the excellent Google Maps was created there has been loads of usefull tools and sites created which use their API, today we’re going to be taking a look at the best and most helpfull examples …

 Google Maps for Wordpress &#8211; Handy plugin which allows you to easily embed google maps within your wordpress [...]]]></description>
			<content:encoded><![CDATA[<p>Since the excellent <a href="http://maps.google.com/">Google Maps</a> was created there has been loads of usefull tools and sites created which use their API, today we’re going to be taking a look at the best and most helpfull examples …</p>
<p><span id="more-1428"></span></p>
<hr class="split" /><a href="http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html"> Google Maps for Wordpress</a> &#8211; Handy plugin which allows you to easily embed google maps within your wordpress pages. Usefull for a contact page or to illustrate somewhere you are talking about in a blog post.</p>
<p><span id="more-2023"></span></p>
<p><a href="http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/1.jpg" alt="1.jpg" /></a></p>
<hr class="split" /><a href="http://www.isoma.net/games/goggles.html"> Goggles</a> &#8211; Google maps flight slim, useless but a cool use of the api all the same</p>
<p><a href="http://www.isoma.net/games/goggles.html"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/2.jpg" alt="2.jpg" /></a></p>
<hr class="split" /><a href="http://maps.google.com/help/maps/streetview/index.html">Streetview</a> &#8211; New from google, allows you to virtually explore certain cities around the world</p>
<p><a href="http://maps.google.com/help/maps/streetview/index.html"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/3.jpg" alt="3.jpg" /></a></p>
<hr class="split" /><a href="http://www.2realestateauctions.com/"> Real Estate Auctions</a> &#8211; Ebay real estate auctions mashup</p>
<p><a href="http://www.2realestateauctions.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/4.jpg" alt="4.jpg" /></a></p>
<hr class="split" /><a href="http://www.wikimapia.org/">Wikimapia</a> &#8211; Lets users tag an area and add notes about it</p>
<p><a href="http://www.wikimapia.org/"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/5.jpg" alt="5.jpg" /></a></p>
<hr class="split" /><a href="http://www.wereporters.com/geonews.htm">GeoNews</a> &#8211; GeoNews is a auto updated Google Map of Google News with user comments</p>
<p><a href="http://www.wereporters.com/geonews.htm"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/6.jpg" alt="6.jpg" /></a></p>
<hr class="split" /><a href="http://www.petrolprices.com/">Petrol Prices</a> -Shows the cheapest petrol station near to you, UK only</p>
<p><a href="http://www.heroturko.net/top-10-map-tools-and-mashups.html/kempinski-hotel-grand-hermitage-golden-sands-bulgaria/" rel="attachment wp-att-1458" title="7.jpg"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/7.jpg" alt="7.jpg" /></a></p>
<hr class="split" /><a href="http://www.housingmaps.com/"> Housingmaps</a> &#8211; Mashup of craigslist and google maps to help you find somewhere to live</p>
<p><a href="http://www.housingmaps.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/8.jpg" alt="8.jpg" /></a></p>
<hr class="split" /><a href="http://www.simplyhired.com/">Simply Hired</a> &#8211; Find a job near you, searches job boards, classifieds and company sites</p>
<p><a href="http://www.simplyhired.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/9.jpg" alt="9.jpg" /></a></p>
<hr class="split" /><a href="http://hotmaps.frozenbear.com/">Hotmaps</a> &#8211; Hot or Not + Google maps mashup</p>
<p><a href="http://hotmaps.frozenbear.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/06/10.jpg" alt="10.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/top-10-map-tools-and-mashups.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wide Web 2.0 Style</title>
		<link>http://www.heroturko.net/web-20/wide-web-20-style.html</link>
		<comments>http://www.heroturko.net/web-20/wide-web-20-style.html#comments</comments>
		<pubDate>Sat, 29 Mar 2008 18:18:41 +0000</pubDate>
		<dc:creator>accolades</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/wide-web-20-style/</guid>
		<description><![CDATA[For purposes of this blog post I am going to be calling this style of site “Wide Web 2.0″, I know web 2.0 isn’t a design style nor should it be but these style of sites starting appearing on web apps and web 2.0 sites. They basically consist of vertical areas which stretch 100% of [...]]]></description>
			<content:encoded><![CDATA[<p>For purposes of this blog post I am going to be calling this style of site “Wide Web 2.0″, I know web 2.0 isn’t a design style nor should it be but these style of sites starting appearing on web apps and web 2.0 sites. They basically consist of vertical areas which stretch 100% of the screen with a fixed width center that houses the content. Other characteristics are gradients, gloss effects and large footer areas containing more content. Lets take a look at some examples …</p>
<p><span id="more-1864"></span></p>
<hr /><a href="http://www.onwired.com/">OnWired</a></p>
<p><a href="http://www.onwired.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/210.jpg" alt="210.jpg" /></a></p>
<hr /><a href="http://studio3k.com/">Studio 3K</a></p>
<p><a href="http://studio3k.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/32.jpg" alt="32.jpg" /></a></p>
<hr /><a href="http://www.redrelevant.it/">Red Relevant</a></p>
<p><a href="http://www.redrelevant.it/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/51.jpg" alt="51.jpg" /></a></p>
<hr /><a href="http://websmithatp.com/">Websmith ATP</a></p>
<p><a href="http://websmithatp.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/42.jpg" alt="42.jpg" /></a></p>
<hr /><a href="http://tubatomic.com/revolver/index.php"> Revolver</a></p>
<p><a href="http://tubatomic.com/revolver/index.php"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/111.jpg" alt="111.jpg" /></a></p>
<hr /><a href="http://www.churchplantmedia.com/">Church Plant Media</a></p>
<p><a href="http://www.churchplantmedia.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/61.jpg" alt="61.jpg" /></a></p>
<hr /><a href="http://www.giantpeachdesign.com/">Giant Peach Design</a></p>
<p><a href="http://www.giantpeachdesign.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/71.jpg" alt="71.jpg" /></a></p>
<hr /><a href="http://www.campaignmonitor.com/">Campaign Monitor</a></p>
<p><a href="http://www.campaignmonitor.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/81.jpg" alt="81.jpg" /></a></p>
<hr /><a href="http://www.mochikit.com/">Mochi Kit</a></p>
<p><a href="http://www.mochikit.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/91.jpg" alt="91.jpg" /></a></p>
<hr /><a href="http://www.blogonize.com/">Blogonize</a></p>
<p><a href="http://www.blogonize.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/101.jpg" alt="101.jpg" /></a></p>
<hr /><a href="http://futureofonlineadvertising.com/">Future of Online Advertising</a></p>
<p><a href="http://futureofonlineadvertising.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/112.jpg" alt="112.jpg" /></a></p>
<hr /><a href="http://www.helldesign.net/">Hell Design</a></p>
<p><a href="http://www.helldesign.net/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/121.jpg" alt="121.jpg" /></a></p>
<hr /><a href="http://www.pownce.com/">Pownce</a></p>
<p><a href="http://www.pownce.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/181.jpg" alt="181.jpg" /></a></p>
<hr /><a href="http://www.imusictools.com/">iMusic Tools</a></p>
<p><a href="http://www.imusictools.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/131.jpg" alt="131.jpg" /></a></p>
<hr /><a href="http://www.yikesite.com/">Yike Site</a></p>
<p><a href="http://www.yikesite.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/141.jpg" alt="141.jpg" /></a></p>
<hr /><a href="http://www.stormlab.com/">Storm Lab</a></p>
<p><a href="http://www.stormlab.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/151.jpg" alt="151.jpg" /></a></p>
<hr /><a href="http://www.actionthis.com/">Action This</a></p>
<p><a href="http://www.actionthis.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/161.jpg" alt="161.jpg" /></a></p>
<hr /><a href="http://www.trevorberg.com/">Trevor Berg</a></p>
<p><a href="http://www.trevorberg.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/172.jpg" alt="172.jpg" /></a></p>
<hr /><a href="http://www.ekklesia360.com/">Ekklesia</a></p>
<p><a href="http://www.ekklesia360.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/191.jpg" alt="191.jpg" /></a></p>
<hr /><a href="http://betabug.com/">Beta Bug</a></p>
<p><a href="http://betabug.com/"><img src="http://tutorialblog.org/wp-content/uploads/2007/11/201.jpg" alt="201.jpg" /></a></p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/wide-web-20-style.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Four Best Web 2.0 Logo Generators</title>
		<link>http://www.heroturko.net/web-20/four-best-web-20-logo-generators.html</link>
		<comments>http://www.heroturko.net/web-20/four-best-web-20-logo-generators.html#comments</comments>
		<pubDate>Fri, 14 Mar 2008 17:59:37 +0000</pubDate>
		<dc:creator>Adomboppy</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/four-best-web-20-logo-generators/</guid>
		<description><![CDATA[Hi all, I am really sorry for not posting anything the past week. I was really busy with watching anime and playing counter strike. I had been watching an anime series since the past two months and I was really close to the end so I was too hooked into watching that rather then posting [...]]]></description>
			<content:encoded><![CDATA[<p>Hi all, I am really sorry for not posting anything the past week. I was really busy with watching anime and playing counter strike. I had been watching an anime series since the past two months and I was really close to the end so I was too hooked into watching that rather then posting here. <img src="http://technodorm.com/wp-includes/images/smilies/icon_razz.gif" alt=":P" class="wp-smiley" /></p>
<p>Anyways, today I will be sharing with you a couple of nice web 2.0 logo generators. So if you are looking for a new web 2.0 logo for your site then look no further. These tools will really save you a lot of time.</p>
<p><strong><font color="#58acfa" size="4">1.    </font></strong><a href="http://creatr.cc/creatr/" title="Logo-Creator-Generator-Create-your-own-web-2.0-logo" target="_blank"><img src="http://technodorm.com/wp-content/uploads/2008/02/logocreator-create-your-own-web-20-logo.gif" alt="Logo-Creator-Generator-Create-your-own-web-2.0-logo" class="imageframe imgalignleft" height="61" width="250" /></a></p>
<p>LogoCreator probably has the most options to tweak and optimize your logo to your liking. It also has 5 pre-made templates that you can choose from to make your own web 2.0 logo. You can choose from a variety of different options to change the look of your logo such as font size, font face, mirror space and effect, transparency, and many more options. It probably is the most versatile logo generator out of the four. I highly recommend it.</p>
<p><span id="more-1772"></span></p>
<p><font color="#58acfa" size="4"><strong>2. </strong> </font><a href="http://www.simwebsol.com/ImageTool/Default.aspx" title="Logo-Generator-Create-your-own-web-2.0-logo" target="_blank"><img src="http://technodorm.com/wp-content/uploads/2008/02/logo-generator-create-your-own-web-20-logo.png" alt="Logo-Generator-Create-your-own-web-2.0-logo" class="imageframe" height="69" width="436" /></a></p>
<p>SimWebSol Logo Generator also offers a wide range of options for you to customize the look of your logo. A couple of nice tweaks include the<span id="Label8" style="font-weight: bold"></span> reflection proximity and the “Add Symbol” option. Basically you can choose from a number of different symbols that include the beta text as well as many other little graphic symbols. I really liked this symbol feature and no other web 2.0 logo generator has this feature.</p>
<p><font color="#58acfa" size="4"><strong>3. </strong> </font><a href="http://web2.0stylr.com/stylr.aspx" title="Logo-Generator" target="_blank"><img src="http://technodorm.com/wp-content/uploads/2008/02/generator-create-your-own-web-20-logo.png" alt="Logo-Generator" class="imageframe" height="67" width="290" /></a></p>
<p>Web 2.0 STYLr is a nice logo generator as well. It has a couple of nice tweaks as well to make an impressive web 2.0 logo generator. There is also a nice feature that lets you add an icon to the left of the text. So in the end you will have your icon to the left and your generated text to the right. You should try this feature out as well.</p>
<p><font color="#58acfa" size="4"><strong>4. </strong> </font><a href="http://h-master.net/web2.0/index.php" title="Web-2.0-Logo" target="_blank"><img src="http://technodorm.com/wp-content/uploads/2008/02/web-20-logo.jpg" alt="web-2.0-logo" class="imageframe" height="108" width="423" /></a></p>
<p>Web2.0V2Logo Creatr is a nice little and probably the most easiest logo generator to use. You only need to type in your text and change a total of two options. Their is only one effect that you can do with this logo generator but its good so it is kinda useful. Your logo will look similar to the logo above.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/four-best-web-20-logo-generators.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making a web 2.0 logo in Photoshop</title>
		<link>http://www.heroturko.net/web-20/making-a-web-20-logo-in-photoshop.html</link>
		<comments>http://www.heroturko.net/web-20/making-a-web-20-logo-in-photoshop.html#comments</comments>
		<pubDate>Sat, 09 Feb 2008 13:34:43 +0000</pubDate>
		<dc:creator>alorandi</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.heroturko.net/making-a-web-20-logo-in-photoshop/</guid>
		<description><![CDATA[This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.
I am starting with a 400×300 px white canvas. Draw your basic shape. I have started with a [...]]]></description>
			<content:encoded><![CDATA[<p class="PostContent">This <strong>Photoshop tutorial</strong> will explain how to make a <strong>web 2.0 glossy logo</strong> or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.</p>
<p>I am starting with a 400×300 px white canvas. Draw your basic shape. I have started with a custom shape from <strong>Photoshop</strong>’s presets.</p>
<p><strong>Step 1</strong></p>
<p>Fill the shape with a nice orange color (I am using <strong>#ff6600</strong>)</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/1.JPG" id="image565" alt="Making a web 2.0 logo in Photoshop - Step 1" /></p>
<p><strong>Step 2</strong></p>
<p>Apply <strong>Bevel and Emboss</strong> to the layer using the following values :</p>
<p><strong>Structure</strong></p>
<ul>
<li>Style : Inner Bevel</li>
<li>Technique : Smooth</li>
<li>Depth : 100%</li>
<li>Direction : Up</li>
<li>Size : 200px</li>
<li>Soften : 0px</li>
</ul>
<p><strong>Shading</strong></p>
<ul>
<li>Angle : 120 (use global light checked)</li>
<li>Altitude : 30</li>
<li>Highlight mode : Screen, Opacity : 75%</li>
<li>Shadow mode : Multiply (color : #ff0000), opacity 75%.</li>
</ul>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/2.JPG" id="image566" alt="Making a web 2.0 logo in Photoshop - Step 2" /></p>
<p><strong>Step 3</strong></p>
<p><strong>Stoke</strong> the layer with an orange color 3 pixels in size (I am using the same orange as the fill : <strong>#ff6600</strong>)</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/3.JPG" id="image567" alt="Making a web 2.0 logo in Photoshop - Step 3" /></p>
<p><span id="more-1573"></span></p>
<p><strong>Step 4</strong></p>
<p>Apply an <strong>inner glow</strong>, size 40px.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/4.JPG" id="image568" alt="Making a web 2.0 logo in Photoshop - Step 4" /></p>
<p><strong>Step 5</strong></p>
<p>Create a new top layer and using the <strong>Elliptical Marquee Tool</strong> create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a <strong>50% opacity</strong>. You may rotate this layer so it will look cooler.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/5.JPG" id="image569" alt="Making a web 2.0 logo in Photoshop - Step 5" /></p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/6.JPG" id="image570" alt="Making a web 2.0 logo in Photoshop - Step 5 rotate" /></p>
<p><strong>Step 6 </strong></p>
<p>Make another top layer and using the <strong>Elliptical Marquee Tool </strong>create an oval over the bottom of the original shape layer. Fill this layer with gradient from black to transparent (black at the top, transparent at the bottom). Give this layer a <strong>80% opacity</strong> and a <strong>soft light</strong> or a <strong>hard mix</strong> blend.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/7.JPG" id="image571" alt="Making a web 2.0 logo in Photoshop - Step 6" /></p>
<p><strong>Step 7</strong></p>
<p>Now to create a nice <strong>mirror effect</strong> we’ll move all the layers to the top of the canvas and duplicate the original shape layer.<strong> Flip Vertical</strong> the clone of the shape layer and align it so it touches the bottom of the original shape layer.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/8.JPG" id="image572" alt="Making a web 2.0 logo in Photoshop - Step 7" /></p>
<p><strong>Step 8</strong></p>
<p>Add a new layer and using the <strong>Rectangular marquee tool</strong> make a selection starting at the bottom of the original shape layer like in the image below. Apply to this layer a gradient from white at the bottom to transparent at the top.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/9.JPG" id="image573" alt="Making a web 2.0 logo in Photoshop - Step 8" /></p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/10.JPG" id="image575" alt="Making a web 2.0 logo in Photoshop - Step 8 gradient" /></p>
<p><strong>Step 9</strong></p>
<p>Add some nice text using a good typeface and you’re set.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/11.JPG" id="image576" alt="Making a web 2.0 logo in Photoshop - Step 9" /></p>
<p><strong><a href="http://www.crazyleafdesign.com/blog/download/making-a-web20-logo-in-photoshop.zip" title="Download the Making a Web 2.0 Logo in Photoshop PSD file">Download the PSD file</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/making-a-web-20-logo-in-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web 2.0 badge generators</title>
		<link>http://www.heroturko.net/web-20/web-20-badge-generators.html</link>
		<comments>http://www.heroturko.net/web-20/web-20-badge-generators.html#comments</comments>
		<pubDate>Wed, 30 Jan 2008 12:11:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://heroturko.net/web-20-badge-generators/</guid>
		<description><![CDATA[
Web 2.0 design is becoming more prominent and predominant in the internet; reflected by the abundance of Photoshop tutorials on how to achieve web 2.0 design and the steady growth of web 2.0 websites themselves. With such a development, few websites emerge to offer facillities to generate web 2.0 design on the fly. There are [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.eches.net/wp-content/uploads/2007/08/freshbadge.jpg" title="Fresh Badge Generator" alt="Fresh Badge Generator" align="top" vspace="5" /></p>
<p>Web 2.0 design is becoming more prominent and predominant in the internet; reflected by the abundance of Photoshop tutorials on how to achieve web 2.0 design and the steady growth of web 2.0 websites themselves. With such a development, few websites emerge to offer facillities to generate web 2.0 design on the fly. There are 2 websites that give internet users the opportunity to create web 2.0 badge within few seconds (they are free!).</p>
<p><a href="http://www.freshbadge.com/">Fresh Badge</a> is a new website that offers wide range of customization to meet customers’ expectation. The customization includes the badge shapes, the font effects and colors selection. With only 3 simple steps to be followed, along with little fine tune, you should be able to generate your own web 2.0 badge.</p>
<p><a href="http://www.web20badges.com/">Web 2.0 badges</a> offers similar service with almost the same custamization controls. In addition to that, this page also lists down number of websites that provide tutorials pertaining web 2.0 badge with some freebies to be collected (web 2.0 badges in PSD format).</p>
<p>Have a look at those websites and see what you can reap from there <img src='http://www.heroturko.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/web-20-badge-generators.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web 2.0 KIT</title>
		<link>http://www.heroturko.net/web-20/web-20-kit.html</link>
		<comments>http://www.heroturko.net/web-20/web-20-kit.html#comments</comments>
		<pubDate>Mon, 07 Jan 2008 15:11:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://heroturko.net/web-20-kit/</guid>
		<description><![CDATA[
Web 2.0 KIT
 		You will find lots of design elements in this kit.
Fonts
Logo Examples
Gradients
and more&#8230;
&#160;
http://rapidshare.com/files/81926747/web2.0_kit.rar
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://i8.tinypic.com/6kymb0k.gif" alt="Web 2.0 KIT" border="0" /></p>
<p align="center"><span style="font-weight: bold">Web 2.0 KIT</span><br />
<span style="font-weight: bold"> 		</span>You will find lots of design elements in this kit.<br />
Fonts<br />
Logo Examples<br />
Gradients<br />
and more&#8230;</p>
<p align="center">&nbsp;</p>
<p align="center"><a href="http://rapidshare.com/files/81926747/web2.0_kit.rar">http://rapidshare.com/files/81926747/web2.0_kit.rar</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/web-20-kit.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>99 Resources for Web 2.0 Design</title>
		<link>http://www.heroturko.net/web-20/99-resources-for-web-20-design.html</link>
		<comments>http://www.heroturko.net/web-20/99-resources-for-web-20-design.html#comments</comments>
		<pubDate>Sat, 24 Nov 2007 19:47:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://heroturko.net/99-resources-for-web-20-design/</guid>
		<description><![CDATA[

BADGES
Web 2.0 Badges &#8211; A set of free  badges to download and use in your own designs.
Fresh Badge &#8211; Quickly generate your  own badge.
adClustr &#8211; Starburst  badges.
Deziner  Folio &#8211; A collection of different badges.
BittBox &#8211;  Free vector badges.
Official Seal Generator &#8211; An alternative to the typical badge.
Photoshop Tutorial &#8211; A [...]]]></description>
			<content:encoded><![CDATA[<h2><a href="http://www.vandelaydesign.com/blog/design/web-20-design/" rel="bookmark" title="Permanent Link: 99 Resources for Web 2.0 Design"><br />
</a></h2>
<h3><img src="http://www.vandelaydesign.com/images/badge.jpg" alt="Web 2.0 badge" align="right" />BADGES</h3>
<p><a href="http://www.web20badges.com/">Web 2.0 Badges</a> &#8211; A set of free  badges to download and use in your own designs.</p>
<p><a href="http://www.freshbadge.com/">Fresh Badge</a> &#8211; Quickly generate your  own badge.</p>
<p><a href="http://adclustr.com/other-downloads/27">adClustr</a> &#8211; Starburst  badges.</p>
<p><a href="http://www.dezinerfolio.com/2007/04/23/web-20-badges-free-download/">Deziner  Folio</a> &#8211; A collection of different badges.</p>
<p><a href="http://www.bittbox.com/freebies/free-vector-badges-glass/">BittBox</a> &#8211;  Free vector badges.</p>
<p><a href="http://www.says-it.com/seal/circle.php">Official Seal Generator</a> &#8211; An alternative to the typical badge.</p>
<p><a href="http://www.ajaxlessons.com/2006/02/16/web-20-badge-tutorial/">Photoshop Tutorial</a> &#8211; A quick lesson on making your own badge.</p>
<p><a href="http://www.photoshopstar.com/web-graphics/star-badges/">Glossy Photoshop Tutorial</a> &#8211; Create a glossy badge with this tutorial.</p>
<h3></h3>
<p>BUTTONS</p>
<p><a href="http://www.mycoolbutton.com/">My Cool Button</a> &#8211; A nice online  tool that will help you to quickly create the button that you want.</p>
<p><a href="http://kalsey.com/tools/buttonmaker/">Adam Kalsey’s Button Maker</a>  &#8211; Simple tool to make your own buttons.</p>
<p><a href="http://tools.blogflux.com/buttonmaker/">Button Maker from Blog  Flux</a> &#8211; Create your own custom button.</p>
<p><a href="http://www.lucazappa.com/brilliantMaker/buttonImage.php">Brilliant  Button Maker</a> &#8211; A similar button maker to the previous 2.</p>
<p><a href="http://www.devdude.com/tools/tool.pl?TID=11">CSS Buttons</a> &#8211;  Choose the text, border, and background.</p>
<p><a href="http://www.buttonator.com/">Buttonator</a> &#8211; A paid option for  creating buttons.</p>
<p><a href="http://www.rssbuttons.com/">RSS Button Maker</a> &#8211; The name pretty  much says it all.</p>
<p><a href="http://www.buttonboost.com/startweb.html">Button Boost</a> &#8211; A  little bit different than some of the other button generators.</p>
<p><a href="http://www.buttongenerator.com/">ButtonGenerator.com</a> &#8211; Create buttons for navigation menus.</p>
<p><a href="http://www.crystalbutton.com/">Crystal Button</a> &#8211; Slick web buttons made easy.</p>
<p><a href="http://www.ifeedreaders.com/chicklet-creator/">Chicklet Creator</a> &#8211; Create buttons that allow visitors to subscribe in their feed reader of choice.</p>
<h3>ROUNDED CORNERS</h3>
<p>Rounded corners are a staple in web 2.0 design. Here are some tools and scripts that will help you to quickly create your own rounded corners.</p>
<p><a href="http://www.roundedcornr.com/">RoundedCornr</a></p>
<p><a href="http://wigflip.com/cornershop/">Corner Shop</a></p>
<p><a href="http://spiffybox.com/">Spiffy Box</a></p>
<p><a href="http://ajaxian.com/archives/canvas-corner-10">Canvas Corner</a></p>
<p><a href="http://tools.sitepoint.com/spanky/">Spanky Corners</a></p>
<p><a href="http://www.vertexwerks.com/tests/sidebox/">Sliding Doors Text  Box</a></p>
<p><a href="http://mikecherim.com/experiments/css_smart_corners.php">Smart  Rounded Corners</a></p>
<p><a href="http://virtuelvis.com/gallery/css/rounded/">Rounded Corners in  CSS</a></p>
<p><a href="http://www.456bereastreet.com/lab/newslist/">News List</a></p>
<h3>LOGOS</h3>
<p>Each of these tools will create a simple web 2.0 style logo.</p>
<p><img src="http://www.vandelaydesign.com/images/logocreatr.gif" alt="Logo Creatr" height="73" width="450" /></p>
<p><a href="http://h-master.net/web2.0/">Web 2.0 Logo Creator</a></p>
<p><a href="http://creatr.cc/creatr/">Web 2.0 Logo Creatr</a></p>
<p><a href="http://www.simwebsol.com/ImageTool/">Web 2.0 Logo Creator</a></p>
<p><a href="http://web2.0stylr.com/stylr.aspx">Web 2.0 Stylr</a></p>
<h3>ICONS</h3>
<p>A web 2.0 site can’t ignore icons. Here are some free collections of icons to use in your own projects.</p>
<p><img src="http://www.vandelaydesign.com/images/utom.gif" alt="Web 2.0 icons" height="84" width="278" /></p>
<p><a href="http://utombox.com/downloads/">UtomBox</a> &#8211; A great collection of  web 2.0 icons.</p>
<p><a href="http://feedicons.com/">Feed Icons</a> &#8211; The standard RSS icon.</p>
<p><a href="http://www.terraims.com/dmapicons/">Map Icon Factory</a> &#8211; Create  your own map icon.</p>
<p><a href="http://perishablepress.com/press/2006/08/20/a-nice-collection-of-feed-icons/">Perishable  Press</a> &#8211; A nice collection of RSS icons.</p>
<p><a href="http://www.bittbox.com/freebies/free-glass-style-rssfeed-icons">Glass  Style RSS Icons</a></p>
<p><a href="http://www.snap2objects.com/2007/06/10/30-free-vector-rss-buttons/">Snap2Objects</a>  &#8211; Vector RSS icons.</p>
<p><a href="http://www.vandelaydesign.com/blog/design/free-icons/">31 Sources of  Quality, Free Icons</a></p>
<h3>GRADIENT IMAGES</h3>
<p>Another common element of web 2.0 is gradient images. Here are a few tools to help you.</p>
<p><a href="http://tools.dynamicdrive.com/gradient/">Gradient Image Maker</a></p>
<p><a href="http://www.grsites.com/generate/generator/5000/">Gradient  Generator</a></p>
<p><a href="http://www.ogim.4u2ges.com/gradient-image-maker.asp">Online Gradient Image Maker (OGIM)</a></p>
<h3>SPEECH BUBBLES</h3>
<p>Speech bubbles are commonly used for styling comments or blockquotes.</p>
<p><img src="http://www.vandelaydesign.com/images/mayo.gif" alt="Speech Bubbles from Will Mayo" height="202" width="300" /></p>
<p><a href="http://www.willmayo.com/2007/02/10/css-speech-bubbles/">Will  Mayo</a></p>
<p><a href="http://www.bubblesnaps.com/">Bubblesnaps</a></p>
<p><a href="http://www.cssplay.co.uk/menu/bubbles">CSS Play</a></p>
<p><a href="http://j3rn.org/shoutbox/">XHTML Speech Bubbles</a></p>
<p><a href="http://wigflip.com/ds/">WigFlip</a></p>
<p><a href="http://www.gamexe.net/view_tutorial.php?id=24">Fluid CSS Speech  Bubbles</a></p>
<p><a href="http://www.myspaceplease.com/myspace-generators/speech-bubble-generator.php">MySpace  Speech Bubble Generator</a></p>
<p><a href="http://www.pstut.com/tutorial-speech-bubble.html">Photoshop Tutorial </a></p>
<h3>BACKGROUND IMAGES</h3>
<p><a href="http://lab.rails2u.com/bgmaker/">Background Image Maker</a> &#8211; Create  background images with choices like transparency and gradients.</p>
<p><a href="http://www.stripegenerator.com/">Stripe Generator 2.0</a> &#8211; If you’re looking to add a striped background to an element on your page, you can use this tool to customize the look you want.</p>
<p><a href="http://www.stripedesigner.com/">Stripe Designer</a> &#8211; Easily create  striped images.</p>
<p><a href="http://www.tartanmaker.com/">Tartan Maker</a> &#8211; Create a tartan  background image.</p>
<p><a href="http://www.texturemaker.com/tour.php">Texture Generator</a> &#8211;  Creates textured images that you can use as a background.</p>
<p><a href="http://www.allfreebackgrounds.com/background_select.html">All Free  Backgrounds</a> &#8211; Choose the background you want.</p>
<h3>COLORS</h3>
<p><a href="http://www.flickr.com/photos/ross/49490304/">The Colors of Web  2.0</a> &#8211; Are you looking to match the color of a popular web 2.0 site?</p>
<p><a href="http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette">Web  2.0 Color Pallete</a> &#8211; Popular web 2.o colors.</p>
<p><a href="http://www.colorschemer.com/schemes/">Color Schemer Gallery</a> &#8211;  Having problems choosing a color scheme? Find one you like in this gallery.</p>
<p><a href="http://www.colourlovers.com/">COLOURlovers</a> &#8211; More samples of  color combinations.</p>
<p><a href="http://www.digitdesigns.com/colrPick/framePic.htm">Website Color  Picker</a> &#8211; Test color combinations quickly.</p>
<p><a href="http://redalt.com/Tools/I+Like+Your+Colors">I Like Your Colors</a> &#8211;  Get the colors used by a particular site.</p>
<h3>NAVIGATION</h3>
<p><a href="http://www.webmaster-toolkit.com/css-menu-generator.shtml">CSS Menu  Generator</a> &#8211; Easily create attractive CSS menus.</p>
<p><a href="http://css.maxdesign.com.au/listamatic/">Listamatic</a> &#8211; Collection  of CSS menus.</p>
<p><a href="http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/">List-O-Matic</a>  &#8211; Create your own CSS menus.</p>
<p><a href="http://www.listulike.com/generator/">List-U-Like</a> &#8211; Another tool  to create your own navigation bars.</p>
<p><a href="http://www.tabsgenerator.com/">Tabs Generator</a> &#8211; Create tabbed  images for navigation.</p>
<p><a href="http://www.flashbuttons.com/">Flash Buttons</a> &#8211; Create navigation menus with flash buttons</p>
<p><a href="http://www.cssplay.co.uk/menus/">CSS Play</a> &#8211; An extensive collection of CSS menus.</p>
<p><a href="http://exploding-boy.com/images/cssmenus2/menus.html">Exploding Boy</a> &#8211; Tabbed CSS navigation menus.</p>
<p><a href="http://tools.devshed.com/webmaster-tools/css-navigation/">CSS Navigation Menu Generator</a> &#8211; A tool to help you create your own menu.</p>
<h3>FAVICONS</h3>
<p><a href="http://www.favicongenerator.com/">Favicon Generator</a> &#8211; Create  your own favicon from an image on your computer.</p>
<p><a href="http://www.chami.com/html-kit/services/favicon/">Favicon from  Pics</a> &#8211; Create a favicon from a photo.</p>
<p><a href="http://www.degraeve.com/favicon/">Favicon Editor</a> &#8211; Upload a  photo, create a favicon.</p>
<p><a href="http://www.favicon.cc/">Favicon.cc</a> &#8211; Another option for  favicons.</p>
<p><a href="http://www.photoshopsupport.com/tutorials/jennifer/favicon.html">Photoshop Tutorial</a> &#8211; Creating a favicon with Photoshop.</p>
<h3>CHARTS</h3>
<p><a href="http://www.maani.us/charts/index.php?menu=Introduction">PHP/SWF  Charts</a> &#8211; Create attractive charts.</p>
<p><a href="http://www.amcharts.com/">amCharts</a> &#8211; Flash charts.</p>
<h3>OTHER</h3>
<p><a href="http://www.avatargenerator.org/">Avatar Maker</a> &#8211; Create and edit  an avatar.</p>
<p><a href="http://www.shrinkpictures.com/create-avatar/">Shrink Pictures</a> &#8211; Create an avatar from your photo.</p>
<p><a href="http://www.scalenine.com/">ScaleNine</a> &#8211; Collection of skins and  themes created for Flex and Adobe AIR.</p>
<p><a href="http://vectormagic.stanford.edu/">VectorMagic</a> &#8211; Converts bitmap  images to vector art.</p>
<p><a href="http://templatr.cc/">Templatr</a> &#8211; Create a layout.</p>
<p><a href="http://psyc.horm.org/">PsycHo</a> &#8211; Blog template generator.</p>
<p><a href="http://www.web20generator.com/">Web 2.0 Generator</a> &#8211; Creates  layouts.</p>
<p><a href="http://typetester.maratz.com/">Typetester</a> &#8211; Compare fonts  on-screen.</p>
<p><a href="http://www.blogpoll.com/poll/">BlogPoll</a> &#8211; Create a free poll for  your blog.</p>
<p><a href="http://www.wotzwot.com/rssxl.php">RSSxl</a> &#8211; Convert an HTML page  to RSS.</p>
<p><a href="http://www.anybrowser.com/MetaTagGenerator.html">Meta Tag  Generator</a> &#8211; Easily create meta tags for your pages.</p>
<p><a href="http://www.linkvendor.com/seo-tools/url-rewrite.html">URL  Rewrite</a> &#8211; Create search engine-friendly URLs for dynamic pages.</p>
<p><a href="http://developers.evrsoft.com/tools-htaccess-generator.shtml">.htacces  generator</a> &#8211; Quickly create an .htaccess file.</p>
<p><a href="http://www.codeproject.com/csharp/thumbgenerator.asp">Thumbnail  Generator</a> &#8211; Create thumbnails for a large amount of images.</p>
<p><a href="http://cow.neondragon.net/stuff/reflection/">Reflection.js</a> &#8211;  Adds reflections to your photos.</p>
<p><a href="http://www.dropshadow.net/">Drop Shadow</a> &#8211; Improve your images  with a drop shadow.</p>
<p><a href="http://spritegen.website-performance.org/">CSS Sprite Generator</a>  &#8211; From Website Performance.</p>
<p><a href="http://www.vecteezy.com/">Vecteezy</a> &#8211; Stupid name. Cool  vectors.</p>
<p><a href="http://www.brusheezy.com/">Brusheezy</a> &#8211; Photoshop brushes.</p>
<p><a href="http://www.psbrushes.net/">PSBrushes.net</a> &#8211; More Photoshop brushes.</p>
<p><a href="http://browse.deviantart.com/resources/applications/psbrushes/">deviantART</a> &#8211; Photoshop brushes at deviantART</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heroturko.net/web-20/99-resources-for-web-20-design.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
