<?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>WebTecker the latest Web Trends, Resources and News. &#187; resources</title>
	<atom:link href="http://webtecker.com/category/resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtecker.com</link>
	<description>Web Resources and Trends</description>
	<lastBuildDate>Sun, 21 Feb 2010 20:33:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SuperCoolCoupons.com will save you money!</title>
		<link>http://webtecker.com/2009/04/20/supercoolcouponscom-will-save-you-money/</link>
		<comments>http://webtecker.com/2009/04/20/supercoolcouponscom-will-save-you-money/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 19:10:23 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[Free]]></category>

		<guid isPermaLink="false">http://webtecker.com/?p=397</guid>
		<description><![CDATA[In this tough economy it is always nice to be able to save money anywhere you can.  You see a few days ago I was shopping on Amazon.com and when I was checking out I needed a coupon.  This is where SuperCoolCoupons.com came in.    SuperCoolCoupons.com is a website that collects coupons from hundreds of online [...]]]></description>
			<content:encoded><![CDATA[<p>In this tough economy it is always nice to be able to save money anywhere you can.  You see a few days ago I was shopping on Amazon.com and when I was checking out I needed a coupon.  This is where <a title="SuperCoolCoupons.com Save you money!" href="http://www.supercoolcoupons.com/" target="_blank">SuperCoolCoupons.com</a> came in.    SuperCoolCoupons.com is a website that collects coupons from hundreds of online merchants.   One of the best features that I found on SuperCoolCoupons.com is the search feature.  Just type in the url of the site in the search box (example: amazon.com, apple.com, dell.com, etc&#8230;) and you will get coupon codes for that site to save you money.  SuperCoolCoupons.com is  a very straight forward coupon site that gives you the deals you want to find.  The website loads very fast and there are no annoying or distracting ads that you find on most Coupon sites.  The best part of this site is that it is user-driven. Meaning any visitor can submit new coupons.  You can also rate the coupon code to let others know if the coupon worked or not.</p>
<p>So if you need a coupon go to <a title="SuperCoolCoupons Save you Money!" href="http://www.supercoolcoupons.com" target="_blank"><img class="size-full wp-image-398 alignnone" title="supercoolcoupons" src="http://webtecker.com/wp-content/uploads/2009/04/supercoolcoupons.jpg" alt="supercoolcoupons.com" width="196" height="88" /></a> it will save you money!</p>
<img src="http://webtecker.com/?ak_action=api_record_view&id=397&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://webtecker.com/2009/04/20/supercoolcouponscom-will-save-you-money/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>10 Free Chart Scripts</title>
		<link>http://webtecker.com/2008/06/12/10-free-chart-scripts/</link>
		<comments>http://webtecker.com/2008/06/12/10-free-chart-scripts/#comments</comments>
		<pubDate>Thu, 12 Jun 2008 23:42:37 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[Chart]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Prototype]]></category>

		<guid isPermaLink="false">http://webtecker.com/?p=323</guid>
		<description><![CDATA[This week I&#8217;ve been working on a project that required data to be shown visually.  I needed a Chart Script that was attractive yet gets the data across.  The Charts scripts below are built using JavaScript, Flash, Silverlight, and Java.

Flot &#8211; Flot is a pure Javascript plotting library for jQuery.   The [...]]]></description>
			<content:encoded><![CDATA[<p>This week I&#8217;ve been working on a project that required data to be shown visually.  I needed a Chart Script that was attractive yet gets the data across.  The Charts scripts below are built using JavaScript, Flash, Silverlight, and Java.</p>
<ul>
<li><strong><a title="Flot" href="http://code.google.com/p/flot/" target="_blank">Flot</a></strong> &#8211; Flot is a pure Javascript plotting library for <a rel="nofollow" href="http://jquery.com/">jQuery</a>.   The focus is on easy usage , attractive plots and interactive features.  With Flot you can interact with the data, look at specific data by zooming in, plot a time series, and other various options.<br />
<a title="flot" href="http://code.google.com/p/flot/" target="_blank"><img class="alignnone size-full wp-image-325" title="flot" src="http://webtecker.com/wp-content/uploads/2008/06/flot.jpg" alt="" width="325" height="100" /></a></li>
<li><strong><a title="Open Flash Chart Open Source Charting Component" href="http://teethgrinder.co.uk/open-flash-chart/" target="_blank">Open Flash Chart</a></strong> &#8211; Open Flash Chart is a Flash charting component.   It is fairly easy to setup and has classes written in PHP, Perl, Python, Java, Ruby on Rails, and .Net to connect to the Chart. You can create some really nice looking Bar Charts, Pie Charts, Area Charts and etc…<br />
<a title="Open Flash Chart" href="http://teethgrinder.co.uk/open-flash-chart/" target="_blank"><img class="alignnone size-full wp-image-326" title="open-flash-chart" src="http://webtecker.com/wp-content/uploads/2008/06/open-flash-chart.png" alt="" width="480" height="142" /></a></li>
<li><strong><a title="AmCharts" href="http://www.amcharts.com/" target="_blank">AmCharts</a></strong> &#8211; AmCharts are animated interactive flash charts.  The charts include Pie Charts, Line Charts, Scatter/Bubble Charts, Bar/Column Charts, and even a stock chart.  AmCharts can extract data from simple CSV<strong> </strong>or XML files, or they can read dynamic data generated with PHP, .NET, Java, Ruby on Rails, Perl and ColdFusion.  All the charts are free but they have a link to AmCharts on the upper left.<br />
<a title="AmCharts" href="http://www.amcharts.com/" target="_blank"><img class="alignnone size-full wp-image-327" title="amcharts" src="http://webtecker.com/wp-content/uploads/2008/06/amcharts.jpg" alt="" width="400" height="170" /></a></li>
<li><strong><a title="Emprise Javascript Charts" href="http://www.ejschart.com/" target="_blank">Emprise JavaScript Charts</a></strong> &#8211; Emprise JavaScript Charts is a 100% Pure JavaScript Charting Solution that requires no JavaScript frameworks. Emprise JavaScript Charts include  Line, Area, Scatter, Pie, Bar charts with zooming, scaling and scrolling ability.  Tested and works with all major browsers.<br />
<a title="Emprise JavaScript Charts" href="http://www.ejschart.com/" target="_blank"><img class="alignnone size-full wp-image-328" title="javascript-charts" src="http://webtecker.com/wp-content/uploads/2008/06/javascript-charts.jpg" alt="" width="325" height="100" /></a></li>
<li><strong><a title="Plotkit" href="http://www.liquidx.net/plotkit/" target="_blank">PlotKit</a></strong> &#8211; PlotKit is a Chart and Graph Plotting Library for Javascript.  PlotKit works with <a title="Mochikit" href="http://www.mochikit.com/" target="_blank">MochiKit</a> javascript library. It has support for HTML Canvas and also SVG via Adobe    SVG Viewer and native browser support.  PlotKit also has great documentation.<br />
<a title="Plotkit" href="http://www.liquidx.net/plotkit/" target="_blank"><img class="alignnone size-full wp-image-329" title="plotkit" src="http://webtecker.com/wp-content/uploads/2008/06/plotkit.jpg" alt="" width="325" height="100" /></a></li>
<li><strong><a title="Flotr" href="http://solutoire.com/flotr/" target="_blank">Flotr</a></strong> &#8211;  Flotr is a javascript plotting library based on the <a href="http://prototypejs.org/">Prototype</a> Framework version 1.6.0.2.  Flotr lets you create graphs in modern browsers with features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, CSS styling support and much more.<br />
<a title="Flotr" href="http://solutoire.com/flotr/" target="_blank"><img class="alignnone size-full wp-image-330" title="flotr" src="http://webtecker.com/wp-content/uploads/2008/06/flotr.jpg" alt="" width="295" height="150" /></a></li>
<li><strong><a title="PHP SWF Charts" href="http://www.maani.us/charts/index.php" target="_blank">PHP/SWF Charts</a></strong> &#8211; PHP/SWF Charts is simple yet powerful tool to create attractive web charts and graphs from dynamic data.  You use PHP to gather the data and put it into flash.  It supports many charts types, Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, Parallel 3D column, Pie, 3D Pie, Bar, Stacked bar, Floating bar, Area, Stacked area, Candlestick, Scatter, Polar, Mixed, Composite and Joined. These Charts have some great features like Animated transitions, Printable charts, and more.<br />
<a title="PHP SWF Charts" href="http://www.maani.us/charts/index.php" target="_blank"><img class="alignnone size-full wp-image-331" title="php swf" src="http://webtecker.com/wp-content/uploads/2008/06/phpswf.jpg" alt="" width="325" height="100" /></a></li>
<li> <strong><a title="visifire" href="http://www.visifire.com/" target="_blank">Visifire</a> </strong> &#8211; Visifire (Powered by Silverlight) is a set of open source data visualization components. With Visifire you can create animated Silverlight Charts with ASP, ASP.Net, PHP, JSP, ColdFusion, Ruby on Rails or just simple HTML.<br />
<a title="Visifire" href="http://www.visifire.com/" target="_blank"><img class="alignnone size-full wp-image-332" title="visifire" src="http://webtecker.com/wp-content/uploads/2008/06/visifire.jpg" alt="" width="380" height="230" /></a></li>
<li><strong><a title="FusionCharts Free Flash Charts" href="http://www.fusioncharts.com/Free/" target="_blank">FusionCharts</a></strong> &#8211; FusionCharts  is a cross-browser and cross-platform flash charting component that can be used with ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML pages or even PowerPoint Presentations. All you need to know is the language you’re programming in.<br />
<a title="FusionCharts" href="http://www.fusioncharts.com/Free/" target="_blank"><img class="alignnone size-full wp-image-333" title="fusioncharts" src="http://webtecker.com/wp-content/uploads/2008/06/fusioncharts.jpg" alt="" width="301" height="150" /></a></li>
<li><strong><a title="JFreeChart - Free Java Chart Library" href="http://www.jfree.org/jfreechart/" target="_blank">JFreeChart</a></strong> &#8211; JFreeChart is an open source Java chart library that makes it easy for developers to display quality charts in their applications.  The JFreeChart project was founded seven years ago, in February 2000, by David Gilbert and is used by approximately 40,000 to 50,000 developers.  JFreeChart supports many different output types that includes JPEG, GIF, PDF, EPS and SVG.  This is a great resource for Java developers.<br />
<a title="JFreeChart" href="http://www.jfree.org/jfreechart/" target="_blank"><img class="alignnone size-full wp-image-334" title="java" src="http://webtecker.com/wp-content/uploads/2008/06/java.jpg" alt="" width="400" height="117" /></a></li>
</ul>
<p>If you know of any other Charting Scripts please post below.</p>
<img src="http://webtecker.com/?ak_action=api_record_view&id=323&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://webtecker.com/2008/06/12/10-free-chart-scripts/feed/</wfw:commentRss>
		<slash:comments>88</slash:comments>
		</item>
		<item>
		<title>Understanding Web Typography</title>
		<link>http://webtecker.com/2008/05/22/understanding-web-typography/</link>
		<comments>http://webtecker.com/2008/05/22/understanding-web-typography/#comments</comments>
		<pubDate>Thu, 22 May 2008 23:46:15 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Inspirational]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[guides]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[web typography]]></category>

		<guid isPermaLink="false">http://webtecker.com/?p=309</guid>
		<description><![CDATA[Typography on the web is becoming more and more important.  Which means that us web designers must fully understand Typography to get the most out of it.  Typography is more than just deciding what fonts or font sizes to use.  It is about placement, alignment, line height, spacing, and more.  The [...]]]></description>
			<content:encoded><![CDATA[<p>Typography on the web is becoming more and more important.  Which means that us web designers must fully understand Typography to get the most out of it.  Typography is more than just deciding what fonts or font sizes to use.  It is about placement, alignment, line height, spacing, and more.  The resources below are some of the best ways on the web to learn about Web Typography.</p>
<h3>Articles</h3>
<ul>
<li><a title="Web Style Guide to Typography" href="http://webstyleguide.com/type/index.html" target="_blank">Web Style Guide to Typography</a> &#8211; This a very in depth guide to web Typography.  It explains the characteristics of type, and goes in to great detail about alignment, line length, white space, typefaces, type size, Case, and emphasis.<br />
<a title="Web Style Guide Typography" href="http://webstyleguide.com/type/index.html" target="_blank"><img class="alignnone size-full wp-image-310" title="web-style-guide" src="http://webtecker.com/wp-content/uploads/2008/05/web-style-guide.jpg" alt="" width="314" height="56" /></a></li>
<li><a title="The Priniples of Beautiful Typography" href="http://www.sitepoint.com/article/principles-beautiful-typography" target="_blank">The Principles of Beautiful Typography</a> &#8211; This is a great article that is actually an except of the book <span class="sublink"><em>The Principles of Beautiful Web Design</em></span>.  This article goes into details about fonts, letterforms, spacing, text size, and more.  Its a great and informative read.</li>
<li><a title="The elements of typogrpahic style applied to the web" href="http://webtypography.net/" target="_blank"><img class="alignnone size-full wp-image-311" title="typographic" src="http://webtecker.com/wp-content/uploads/2008/05/typographic.jpg" alt="" width="350" height="43" /></a> &#8211; This is a great guide that is still being written with some awesome content.  The guide deals with CSS and text for the web.</li>
<li><a title="Web Typography" href="http://www.yourhtmlsource.com/text/webtypography.html" target="_blank">Web Typography</a> &#8211; This is a nice introduction to typography explaining font classifications and online usage for the text.</li>
<li><a title="A List Apart Typography articles" href="http://www.alistapart.com/topics/design/typography/" target="_blank">A List Apart Typography Articles</a> &#8211; A List Apart has 14 articles about the importance and usage of Typography.  This is a great list of articles.</li>
<li><a title="Web Typography Cheat Sheet" href="http://www.modernlifeisrubbish.co.uk/article/web-typography-cheat-sheet" target="_blank">Web Typography Cheat Sheet</a> &#8211; This article gives you five typography tips to keep in mind when you are designing a website.</li>
</ul>
<h3>Resource Sites</h3>
<ul>
<li><a title="I Love Typography" href="http://ilovetypography.com/" target="_blank"><img class="alignnone size-full wp-image-312" title="ilovetypography" src="http://webtecker.com/wp-content/uploads/2008/05/ilovetypography.jpg" alt="" width="400" height="79" /></a>- Is a great typography resource site/ community that is dedicated to fonts, typefaces, and everything related to Typography.  I love Typography even wrote a great guide  called <a title="A Guide to Web Typography" href="http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/" target="_blank">A Guide to Web Typography</a>.</li>
<li><a title="Typophile" href="http://typophile.com/" target="_blank"><img class="alignnone size-full wp-image-313" title="typophile" src="http://webtecker.com/wp-content/uploads/2008/05/typophile.jpg" alt="" width="131" height="132" /></a> &#8211; Is a great online Typography community that will be able to answer any question that you have about type or typefaces.</li>
<li><a title="Common fonts to all version of windows and mac" href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" target="_blank"> Common fonts to all versions of Windows &amp; Mac equivalents</a> &#8211; This is a great little resource to help you find what fonts you can and can&#8217;t use.</li>
</ul>
<h3>Inspiration</h3>
<ul>
<li><a title="typesites" href="http://typesites.com/" target="_blank">Typesites</a> &#8211; Is an inspirational gallery that reviews amazing sites showing you great examples of typography.<br />
<img class="alignnone size-full wp-image-314" title="typesites" src="http://webtecker.com/wp-content/uploads/2008/05/typesites.jpg" alt="" width="400" height="331" /></li>
<li><a title="The Showcase Of BIG Typography" rel="bookmark" href="http://www.smashingmagazine.com/2007/10/15/the-showcase-of-big-typography/">The Showcase Of BIG Typography</a> &#8211; This list is by Smashing Magazine and has tons of great examples of amazing Typography.<br />
<a title="Smashing Magazine Example" href="http://www.smashingmagazine.com/2007/10/15/the-showcase-of-big-typography/" target="_blank"><img class="alignnone size-full wp-image-315" title="smashing" src="http://webtecker.com/wp-content/uploads/2008/05/smashing.jpg" alt="" width="400" height="231" /></a></li>
</ul>
<p>If there are more resources you wish to ad to this list please comment below.</p>
<img src="http://webtecker.com/?ak_action=api_record_view&id=309&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://webtecker.com/2008/05/22/understanding-web-typography/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Guide to Stay on Top of Web Design Trends</title>
		<link>http://webtecker.com/2008/05/13/guide-to-stay-on-top-of-web-design-trends/</link>
		<comments>http://webtecker.com/2008/05/13/guide-to-stay-on-top-of-web-design-trends/#comments</comments>
		<pubDate>Tue, 13 May 2008 20:09:06 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[resources]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[fads]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[magazines]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://webtecker.com/?p=258</guid>
		<description><![CDATA[5.15.08 Update Removed Some Images to improve load time.
Let&#8217;s Face It, web design trends and fads come and go as fast as you can say the word &#8220;Trends&#8221;.    Staying on top of web design trends can be difficult and time consuming, but it is extremely important to not be left behind.  [...]]]></description>
			<content:encoded><![CDATA[<p><em>5.15.08 Update Removed Some Images to improve load time.</em><br />
Let&#8217;s Face It, web design trends and fads come and go as fast as you can say the word &#8220;Trends&#8221;.    Staying on top of web design trends can be difficult and time consuming, but it is extremely important to not be left behind.  One of the best things any web designer can do is to learn the newest trends or fads and put your own spin to them.  To stay on top of web design trends you must visit websites, blogs, read books and magazines, which are sometimes difficult to find.  The links below are will guide to stay on top of the latest trends in web design.</p>
<h3>Tutorials Sites</h3>
<p>Tutorials will teach you new techniques and are even a great source for inspiration. These Tutorials sites cover current trends and past trends.</p>
<ul>
<li><a title="psdtuts.com" href="http://psdtuts.com" target="_blank">PSDTUTS</a> &#8211; PSDTUTS is a great site with great tutorials added every week.<br />
<a title="PSDTUTS" href="http://psdtuts.com" target="_blank"><img class="alignnone size-full wp-image-259" title="psdtuts" src="http://webtecker.com/wp-content/uploads/2008/05/psdtuts.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="nettuts" href="http://nettuts.com" target="_blank">NetTuts</a> &#8211; NetTuts is a new tutorial site that features web design tutorials.<br />
<a href="http://nettuts.com"><img class="alignnone size-full wp-image-260" title="nettuts" src="http://webtecker.com/wp-content/uploads/2008/05/nettuts.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Pixel2Life" href="http://www.pixel2life.com" target="_blank">Pixel2Life</a> &#8211; Pixel2Life is a great site that has tons of tutorials in many different programs.<br />
<a title="Pixel2Life" href="http://pixel2life.com" target="_blank"><br />
</a></li>
<li><a title="Abduzeedo" href="http://www.abduzeedo.com/tutorials" target="_blank">Abduzeedo</a> &#8211; Abduzeedo has some wonderful tutorials focusing on photoshop, html, and fireworks.<br />
<a href="http://www.abduzeedo.com/tutorials"><img class="alignnone size-full wp-image-262" title="abduzeedo" src="http://webtecker.com/wp-content/uploads/2008/05/abduzeedo.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Good-Tutorials" href="http://www.good-tutorials.com/ " target="_blank">Good-Tutorials </a>- Good-Tutorials is tutorial resource site that links to tons of tutorials that are very useful.<br />
<a title="Good-Tutorials" href="http://www.good-tutorials.com" target="_blank"><br />
</a></li>
<li><a title="tutorialized" href="http://www.tutorialized.com/" target="_blank">Tutorialized</a> &#8211; Tutorialized is another Tutorial resource site that is very popular and you must check out.<br />
<a href="http://www.tutorialized.com"><br />
</a></li>
<li><a title="ndesign studio" href="http://www.ndesign-studio.com/resources/" target="_blank">N.Design Studio </a>- N.Design Studio  is a very good tutorial site and blog that will keep you up to date on the latest trends.<br />
<a href="http://www.ndesign-studio.com/resources/"><img class="alignnone size-full wp-image-265" title="ndesign" src="http://webtecker.com/wp-content/uploads/2008/05/ndesign.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Woork" href="http://woork.blogspot.com/" target="_blank">Woork</a> &#8211; Woork has some of the best written coding tutorials I&#8217;ve seen.  They are so in depth and you must check them out.<br />
<a title="Woork" href="http://woork.blogspot.com" target="_blank"><img class="alignnone size-medium wp-image-272" title="woork" src="http://webtecker.com/wp-content/uploads/2008/05/woork-300x150.jpg" alt="" width="300" height="150" /></a></li>
</ul>
<h3>Blogs</h3>
<p>Since Trends in web design are such a big topic there are blogs that cover trends and news.  These blogs will tell you about the latest trends.</p>
<ul>
<li><a title="A List Apart" href="http://alistapart.com" target="_blank">A List Apart</a> &#8211; A List Apart is a site for Web Designers.  It has some of the best content on the web.<br />
<a href="http://alistapart.com" target="_blank"><br />
</a></li>
<li><a title="WebDesignerWall" href="http://www.webdesignerwall.com/" target="_blank">WebDesigerWall</a> &#8211; WebDesignerWall is a blog dedicated showing you trends, tutorials, and ideas.<br />
<a title="WebDesignerWall" href="http://webdesignerwall.com" target="_blank"><img class="alignnone size-full wp-image-267" title="webdesignerwall" src="http://webtecker.com/wp-content/uploads/2008/05/webdesignerwall.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Smashing magazine" href="http://smashingmagazine.com" target="_blank">Smashing Magazine</a> &#8211; Smashing Magazine is online magazine/blog that brings you some very good resources and shows you latest trends.<br />
<a title="Smashingmagazine.com" href="http://www.smashingmagazine.com" target="_blank"><br />
</a></li>
<li><a title="BittBox" href="http://www.bittbox.com/" target="_blank">BittBox</a> &#8211; BittBox is blog that tells you about latest web design resources and news that is going on.<br />
<a title="BittBox" href="http://www.bittbox.com" target="_blank"><img class="alignnone size-full wp-image-269" title="bittbox" src="http://webtecker.com/wp-content/uploads/2008/05/bittbox.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Sitepoint" href="http://www.sitepoint.com/" target="_blank">Sitepoint</a> &#8211; Sitepoint is good site that has the latest news and tons of great articles and resources for designers and developers.<br />
<a title="Sitepoint" href="http://www.sitepoint.com" target="_blank"><br />
</a></li>
<li><a title="Noupe" href="http://www.noupe.com/" target="_blank">Noupe</a> &#8211; Noupe is a site that is very well written with tons of resources and they even have a news section that features articles from other sites.<br />
<a title="Noupe" href="http://www.noupe.com" target="_blank"><img class="alignnone size-full wp-image-271" title="noupe" src="http://webtecker.com/wp-content/uploads/2008/05/noupe.jpg" alt="" width="350" height="175" /></a></li>
</ul>
<h3>Social Media</h3>
<p>Social Media sites are now one of the best ways to see the latest trends.  Social media sites let the smallest site get a big exposure on the content that they write.</p>
<ul>
<li><a title="CSS Globe" href="http://www.cssglobe.com" target="_blank">CSS Globe</a> &#8211;  CSS Globe is a great site.  CSS Globe could easily be in the blog section with the great written articles, but the news section has so many great articles I included it as a social media site.  Nonetheless it is still a great site you should check out.<br />
<a title="cssglobe" href="http://www.cssglobe.com" target="_blank"><img class="alignnone size-full wp-image-275" title="cssglobe" src="http://webtecker.com/wp-content/uploads/2008/05/cssglobe.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Del.icio.us" href="http://del.icio.us/" target="_blank">Del.icio.us</a> &#8211; Del.icio.us is one of the most popular social media sites.   This site does a good job showcasing very good web design articles and various other articles.<br />
<a title="delicious" href="http://del.icio.us" target="_blank"><br />
</a></li>
<li><a title="PopUrls" href="http://www.popurls.com" target="_blank">popurls.com</a> &#8211; PopUrls brings you popular posts from all the major social networking sites.  A great site to find the latest trends.<br />
<a title="PopUrls" href="http://www.popurls.com" target="_blank"><br />
</a></li>
<li><a title="CssDrive" href="http://www.cssdrive.com/" target="_blank">CSSDrive</a> &#8211; CssDrive is similar to CSSGlobe but has some different articles in its news section.  Also instead of an written articles CSSDrive has a CSS Gallery featuring great websites.<br />
<a title="cssdrive" href="http://www.cssdrive.com" target="_blank"><img class="alignnone size-medium wp-image-279" title="cssdrive" src="http://webtecker.com/wp-content/uploads/2008/05/cssdrive-300x150.jpg" alt="" width="300" height="150" /></a></li>
<li><a href="http://www.designfloat.com/">Design Float</a> &#8211; Design Float is a Graphic/Web Design Digg.  Is a great site and with great articles.<br />
<a title="designfloat" href="http://www.designfloat.com" target="_blank"><img class="alignnone size-full wp-image-280" title="designfloat" src="http://webtecker.com/wp-content/uploads/2008/05/designfloat.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="9rules" href="http://9rules.com/" target="_blank">9rules</a> &#8211; 9rules is a collection of web blogs that have many communities specified by categories.  The content of the blogs are very high quality.<br />
<a title="9rules" href="http://9rules.com" target="_blank"><img class="alignnone size-full wp-image-281" title="9rules" src="http://webtecker.com/wp-content/uploads/2008/05/9rules.jpg" alt="" width="350" height="175" /></a></li>
</ul>
<h3>Books and Magazines</h3>
<p>Before the major spread of the internet the best way to get the latest trends is through Magazines and Books.  Magazines and Books now still give you great information but the bummer is that they are not updated daily.</p>
<ul>
<li>.<a title="netmag" href="http://www.netmag.co.uk/" target="_blank">Net</a> &#8211; From the site &#8220;<strong>.net </strong>delivers cutting edge practical advice on the full range of topics essential for today’s web builders: design, development, sales, marketing, usability and accessibility, information architecture, security, copywriting, advertising and more.&#8221;<br />
<a title="Net Mag" href="http://www.netmag.co.uk/zine/magazine" target="_blank"><img class="alignnone size-full wp-image-283" title="dotnet" src="http://webtecker.com/wp-content/uploads/2008/05/dotnet.jpg" alt="" width="130" height="169" /></a></li>
<li><a title="Layers Magazine" href="http://www.layersmagazine.com/" target="_blank">Layers Magazine</a> &#8211; Layers Magazine is magazine containing everything adobe.<br />
<a title="LayersMagazine" href="http://www.layersmagazine.com" target="_blank"><br />
</a></li>
<li><a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2FPrinciples-Beautiful-Web-Design%2Fdp%2F0975841963%2F&amp;tag=webtecker-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=9325">The Principles of Beautiful Web Design</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=webtecker-20&amp;l=ur2&amp;o=1" border="0" alt="" width="1" height="1" /> &#8211; A Fully Illustrated book that will teach you great design principles.<br />
<img class="alignnone size-full wp-image-285" title="principles-in-beautiful-web-design" src="http://webtecker.com/wp-content/uploads/2008/05/principles-in-beautiful-web-design.jpg" alt="" width="240" height="240" /></li>
<li><a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2FCSS-Mastery-Advanced-Standards-Solutions%2Fdp%2F1590596145%2F&amp;tag=webtecker-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=9325">CSS Mastery: Advanced Web Standards Solutions</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=webtecker-20&amp;l=ur2&amp;o=1" border="0" alt="" width="1" height="1" /> &#8211; A Great guide to cutting-edge CSS Development.<br />
<img class="alignnone size-full wp-image-286" title="css-mastery" src="http://webtecker.com/wp-content/uploads/2008/05/css-mastery.jpg" alt="" width="240" height="240" /></li>
<li><a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2FDont-Make-Me-Think-Usability%2Fdp%2F0321344758%2F&amp;tag=webtecker-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=9325">Don&#8217;t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition</a> &#8211; A great book that brings humor into web design and will teach you great usability.<img class="alignnone size-full wp-image-287" title="dont-make-me-think" src="http://webtecker.com/wp-content/uploads/2008/05/dont-make-me-think.jpg" alt="" width="240" height="240" /></li>
</ul>
<h3>Inspiration Galleries</h3>
<p>Inspiration Galleries is a great way to see the latest trends and fads.</p>
<ul>
<li><a title="CSSElite" href="http://www.csselite.com/" target="_blank">CSSElite</a> &#8211; CSSElite is a good site that showcases sites with very good CSS coding.<br />
<a title="csselite" href="http://www.csselite.com" target="_blank"><br />
</a></li>
<li><a title="coolhomepages" href="http://www.coolhomepages.com" target="_blank">Cool Home Pages</a> &#8211; Cool Home Pages has been around for many years and showcases sites from pure flash sites to CSS sites.<br />
<a title="Cool Home Pages" href="http://www.coolhomepags.com" target="_blank"><br />
</a></li>
<li><a title="thefwa" href="http://www.thefwa.com" target="_blank">FWA</a> &#8211; The FWA has become a leader in showcasing Flash websites.  It is one of the best sites around with some of the most incredible flash websites.<br />
<a title="the fwa" href="http://www.thefwa.com" target="_blank"><img class="alignnone size-full wp-image-290" title="thefwa" src="http://webtecker.com/wp-content/uploads/2008/05/fwa.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Beautifully web design" href="http://www.beautifully-webdesign.net/ " target="_blank">Beautifully web design</a> &#8211; Beautifully web design showcases blog sites, flash sites and everything in between.  It is a great site that you must see.<br />
<a title="Beautifully-webdesign" href="http://www.beautifully-webdesign.net/" target="_blank"><img class="alignnone size-full wp-image-291" title="beautifully-designed" src="http://webtecker.com/wp-content/uploads/2008/05/beautifully-designed.jpg" alt="" width="350" height="175" /></a></li>
<li><a title="Design Shack" href="http://www.designshack.co.uk/" target="_blank">Design Shack</a> &#8211; Design Shack is a good looking site with nice gallery and a great article section.  You should check this site out.</li>
</ul>
<p>If you have any other sites you use to stay on top of trends then please comment below.</p>
<img src="http://webtecker.com/?ak_action=api_record_view&id=258&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://webtecker.com/2008/05/13/guide-to-stay-on-top-of-web-design-trends/feed/</wfw:commentRss>
		<slash:comments>58</slash:comments>
		</item>
		<item>
		<title>Everything Tag Clouds</title>
		<link>http://webtecker.com/2008/05/05/everything-tag-clouds/</link>
		<comments>http://webtecker.com/2008/05/05/everything-tag-clouds/#comments</comments>
		<pubDate>Mon, 05 May 2008 21:28:11 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[resources]]></category>
		<category><![CDATA[generators]]></category>
		<category><![CDATA[Tag cloud]]></category>
		<category><![CDATA[Tags]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://webtecker.com/?p=251</guid>
		<description><![CDATA[With the continuing growing popularity of Tag Clouds there comes great resources, tutorials and inspiration. If you don&#8217;t already know, Tag Clouds according to Wikipedia is &#8220;a visual depiction of user-generated tags used typically to describe the content of web sites. Tags are usually single words and are typically listed alphabetically, and the importance of [...]]]></description>
			<content:encoded><![CDATA[<p>With the continuing growing popularity of Tag Clouds there comes great resources, tutorials and inspiration. If you don&#8217;t already know, Tag Clouds according to Wikipedia is &#8220;a visual depiction of user-generated tags used typically to describe the content of web sites. Tags are usually single words and are typically listed alphabetically, and the importance of a tag is shown with font size or color.&#8221;</p>
<h3>Tutorials, Tips, and References</h3>
<ul>
<li><a title="Permanent Link to How to make a tag cloud in PHP, MySQL and CSS" rel="bookmark" href="http://stevethomas.com.au/php/how-to-make-a-tag-cloud-in-php-mysql-and-css.html" target="_blank">How to make a tag cloud in PHP, MySQL and CSS</a> &#8211; A great tutorial that shows you how to create a tag cloud using PHP, MySQL and CSS.</li>
<li><a title="ColdFusion Tag Cloud" href="http://www.petefreitag.com/item/396.cfm" target="_blank">How To Make a Tag Cloud (ColdFusion)</a>- Learn how to create a Tag Cloud in Cold Fusion.</li>
<li><a title="Tag Cloud Asp.net" href="http://www.codeproject.com/KB/aspnet/cloud.aspx" target="_blank">Tag Cloud for ASP.NET</a>- An ASP.Net Tag Cloud Tutorial.<br />
<a title="Tag Cloud Asp.net" href="http://www.codeproject.com/KB/aspnet/cloud.aspx" target="_blank"><img class="alignnone size-full wp-image-254" title="aspnet-tag-cloud" src="http://webtecker.com/wp-content/uploads/2008/05/aspnet-tag-cloud.jpg" alt="" width="325" height="100" /></a></li>
<li><a title="Php Tag cloud" href="http://www.lotsofcode.com/demo/tag-cloud-v2/" target="_blank">PHP Tag Cloud</a> &#8211; A Tag Cloud Script written PHP</li>
<li><a href="http://www.onlamp.com/pub/a/onlamp/2006/06/08/designing-tag-clouds.html" target="_blank">Design Tips for Building Tag Clouds</a> &#8211; A great Article that gives you tips to improve your tag clouds</li>
<li><a title="Marking up a Tag Cloud" href="http://24ways.org/2006/marking-up-a-tag-cloud" target="_blank">Marking Up a Tag Cloud</a> &#8211; Teaches you the appropriate way to code a tag cloud.</li>
<li><a title="jquery Hover Sub Tag Cloud" href="http://www.noupe.com/css/jquery-hover-sub-tag-cloud.html" target="_blank">jquery Hover Sub Tag Cloud</a> &#8211; A good script to allow a tag cloud within a tag cloud.<br />
<a title="jquery Hover Sub Tag Cloud" href="http://www.noupe.com/css/jquery-hover-sub-tag-cloud.html" target="_blank"><img class="alignnone size-full wp-image-255" title="jquerytagcloud" src="http://webtecker.com/wp-content/uploads/2008/05/jquerytagcloud.jpg" alt="" width="325" height="100" /></a></li>
</ul>
<h3>Inspiration</h3>
<ul>
<li><a title="Tag Clouds Gallery: Examples And Good Practices" rel="bookmark" href="http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and-good-practices/">Tag Clouds Gallery: Examples And Good Practices</a> &#8211; A great article that tells you about different types of tag clouds while showing you tag clouds.</li>
</ul>
<h3>Generators</h3>
<ul>
<li><a title="TagCloud-generator" href="http://www.tagcloud-generator.com/" target="_blank"><img class="alignnone size-full wp-image-253" title="tagcloud-generator" src="http://webtecker.com/wp-content/uploads/2008/05/tagcloud-generator.gif" alt="" width="111" height="108" /></a> &#8211; If you don&#8217;t want to code your own Tag Cloud then this generator or the one  below.</li>
<li><a title="Tag Cloud Generator" href="http://www.tag-cloud.de/" target="_blank">Tag Cloud Generator</a> &#8211; Another tag cloud generator.<br />
<img class="alignnone size-full wp-image-256" title="tagcloud-generator" src="http://webtecker.com/wp-content/uploads/2008/05/tagcloud-generator.jpg" alt="" width="235" height="100" /></li>
</ul>
<p>If you have any more resources to add then please comment below.</p>
<img src="http://webtecker.com/?ak_action=api_record_view&id=251&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://webtecker.com/2008/05/05/everything-tag-clouds/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
