<?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>In the Woods &#187; Resources</title>
	<atom:link href="http://blog.themeforest.net/category/resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.themeforest.net</link>
	<description>The ThemeForest Blog</description>
	<lastBuildDate>Mon, 27 Sep 2010 19:48:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>All of the BAD Articles in the Envato Network</title>
		<link>http://blog.themeforest.net/resources/envatos-blog-action-day-round-up/</link>
		<comments>http://blog.themeforest.net/resources/envatos-blog-action-day-round-up/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 18:13:28 +0000</pubDate>
		<dc:creator>Jeffrey</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[bad]]></category>
		<category><![CDATA[blog action day]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2864</guid>
		<description><![CDATA[<p>
It's <a href="http://www.blogactionday.org/">Blog Action Day!</a> Considering the fact that Envato created this wonderful event, it's only appropriate that all of the sites in our network participate as much as possible! Here's a list of all of our BAD related postings today!
</p>]]></description>
			<content:encoded><![CDATA[<p>
It&#8217;s <a href="http://www.blogactionday.org/">Blog Action Day!</a> Considering the fact that Envato created this wonderful event, it&#8217;s only appropriate that all of the sites in our network participate as much as possible! Here&#8217;s a list of all of our BAD related postings today!
</p>
<p><em><br />
This post is part of <a href="http://blogactionday.org/">Blog Action Day 2009</a>, a worldwide initiative started by Envato founders Collis and Cyan Ta&#8217;eed, now being run by <a href="http://www.change.org">Change.org</a>. Blog Action Day exists to change the conversation on the web for one day by uniting thousands of bloggers around one important issue &#8211; this year, Climate Change. It&#8217;s not too late to <a href="http://blogactionday.org/en/blogs/new">register your blog</a> and participate.<br />
</em></p>
<h2>The Marketplaces</h2>
<h3>AudioJungle</h3>
<h4><a href="http://blog.audiojungle.net/general/blog-action-day-a-greener-music-industry/">Blog Action Day: A Greener Music Industry</a></h4>
<p>Archangel Green is the first ever UK Record Label fully committed to a greener music industry. Their studio is powered by a green tariff provider, and when band “The Phoenix Rose” signed to the label they both agreed to numerous clauses aimed at making the production, performance and distribution of their music as environmentally friendly as possible. A 100% digital release, it sets new standards for how music can be produced and distributed in an environmentally friendly way&#8230;</p>
<p><a href="http://blog.audiojungle.net/general/blog-action-day-a-greener-music-industry/">Visit Article</a></p>
<h3>VideoHive</h3>
<h4><a href="http://blog.videohive.net/general/blog-action-day-09-climate-change/">Blog Action Day 09: Climate Change</a></h4>
<p>In 2007 Collis &#038; Cyan created an initiative. One that combines the growing popularity of social networks and blogs with serious issues and awareness. Blog Action Day has a short but impressive history of uniting people all over the globe to link together, forming a massive chain of writers and readers to help raise awareness and discuss 1 common issue, we all share.</p>
<p><a href="http://blog.videohive.net/general/blog-action-day-09-climate-change/">Visit Article</a></p>
<h3>GraphicRiver</h3>
<h4><a href="http://blog.graphicriver.net/featured-files/blog-action-day-graphicriver-goes-green/">GraphicRiver Goes Green</a></h4>
<p>To celebrate this year’s theme of “Climate Change” I’ve poured through the GraphicRiver library for inspiration and selected some of the very best GraphicRiver files that celebrate the idea of ecological awareness, environmentalism, and generally going green. All these files are compiled in one helpful public bookmark collection for you to puruse: “GraphicRiver Goes Green.” Don’t forget to check out my top picks below!</p>
<p><a href="http://blog.graphicriver.net/featured-files/blog-action-day-graphicriver-goes-green/">Visit Article</a></p>
<h3>FlashDen</h3>
<h4><a href="http://blog.flashden.net/inspiration/ecodrive-blog-action-day-2009/">Blog Action Day: EcoDrive</a></h4>
<p>This year, the subject of Blog Action Day is Climate Change. And on Down the FoxHole today, we’re going to be taking a look at an awesome Flash Web site and Adobe AIR application that gives some great advice on how to lower gas emissions that may ultimately help reduce the possibility of climate change.</p>
<p><a href="http://blog.flashden.net/inspiration/ecodrive-blog-action-day-2009/">Visit Article</a></p>
<h2>Tuts+</h2>
<h3>Phototuts+</h3>
<h4><a href="http://photo.tutsplus.com/articles/climate-change-how-photographers-can-make-a-difference/">Climate Change: How Photographers Can Make a Difference</a></h4>
<p>Today we’ll be delving into the important topic of climate change, and how it’s effects are realized around the world. Along with a selection of hard-hitting photographs, we will begin to consider how photographers can play a part in spreading the word about climate change.</p>
<p><a href="http://photo.tutsplus.com/articles/climate-change-how-photographers-can-make-a-difference/">Visit Article</a></p>
<h3> Cgtuts+</h3>
<h4><a href="http://cg.tutsplus.com/tutorials/3d-art/animate-an-iceberg-turning-into-a-desert-island/">Animate an Iceberg Turning into a Desert Island</a></h4>
<p>In this hour long video tutorial, we will follow the complete process of animating a 3d iceberg as it transforms into a desert island. We will take an in-depth look at using the many complex features of dreamscape, in conjunction with hand painted displacement maps and animated the meshes, and even go over some of the more classic principles of animation.
</p>
<p><a href="http://cg.tutsplus.com/tutorials/3d-art/animate-an-iceberg-turning-into-a-desert-island/">Visit Article</a></p>
<h3> Flashtuts+</h3>
<h4><a href="http://flash.tutsplus.com/tutorials/actionscript/blog-action-day-create-a-virtual-wind-farm-in-actionscript-3/">Blog Action Day: Create a Virtual Wind Farm in ActionScript 3</a></h4>
<p>The term wind farm refers to a group of wind turbines in one location used for production of electric power. Compared to the environmental effects of traditional energy sources, those of wind power are relatively minor. Wind power consumes no fuel and emits no air pollution, unlike fossil fuel power sources.
</p>
<p><a href="http://flash.tutsplus.com/tutorials/actionscript/blog-action-day-create-a-virtual-wind-farm-in-actionscript-3/">Visit Article</a></p>
<h3> Aetuts+</h3>
<h4><a href="http://ae.tutsplus.com/articles/roundup/blog-action-day-roundup/">Blog Action Day Roundup</a></h4>
<p>It is Blog Action Day here on the interwebs, and I figured why not do our part in this eco-friendly awareness age? Instead of harping about how to save energy, conserve the wilderness, or protect the ozone layer, I have found a few videos across the internet that might help get the word out or make it click in your brain that the Earth really is getting older. We all have to do our part to at least soften the blow, if not erase the effects completely. Enjoy these little tasty tidbits of eco-friendly mograph goodness.
</p>
<p><a href="http://ae.tutsplus.com/articles/roundup/blog-action-day-roundup/">Visit Article</a></p>
<h3> Audiotuts+</h3>
<h4><a href="http://audio.tutsplus.com/articles/general/top-8-songs-about-climate-change/">Top 8 Songs about Climate Change</a></h4>
<p>“Climate change is now widely recognized as the major environmental problem facing the globe.” (UNEP) Global warming and climate change are an important and controversial topics. They have raised strong feelings on both sides of the debate. Where do you stand?
</p>
<p><a href="http://audio.tutsplus.com/articles/general/top-8-songs-about-climate-change/">Visit Article</a></p>
<h3> Vectortuts+</h3>
<h4><a href="http://vector.tutsplus.com/articles/news/organic-climate-changing-wallpaper-by-ben-the-illustrator/">Organic Climate Changing Wallpaper by Ben the Illustrator</a></h4>
<p>I’ve put together a wallpaper design free for all to download. It illustrates the changes taking place in our environment, and serves as a warning to start making changes now. This download is part of Blog Action Day, which this year is focused on “Climate Change.” Learn more at the jump, and download this colorful wallpaper!
</p>
<p><a href="http://vector.tutsplus.com/articles/news/organic-climate-changing-wallpaper-by-ben-the-illustrator/">Visit Article</a></p>
<h3> Vectortuts+</h3>
<h4><a href="http://net.tutsplus.com/articles/web-roundups/top-20-ways-for-web-developers-to-reduce-their-carbon-footprint/">Top 20 Ways for Web Developers to Reduce Their Carbon Footprint</a></h4>
<p>Climate change is greatly affected by our carbon footprint. As web developers, it may not seem that we make huge “footprints.” We read our mail and news online (no paper), communicate with instant messenger and Skype (no stamps or letters), and many of us relax by watching video or TV shows online (no renting/buying physical DVDs). As a whole, web developers do a pretty good job reducing their carbon footprint.
</p>
<p><a href="http://net.tutsplus.com/articles/web-roundups/top-20-ways-for-web-developers-to-reduce-their-carbon-footprint/">Visit Article</a></p>
<h3> Psdtuts+</h3>
<h4><a href="http://psd.tutsplus.com/articles/news/changing-actions-wallpaper-by-alex-beltechi/">Changing Actions Wallpaper by Alex Beltechi</a></h4>
<p>I’ve put together a wallpaper design free for all to download free. It illustrates various environments blended together in inside the 3D text “Actions,” and serves to remind us that it’s time to start Changing our Actions to avoid continued climate and environmental issues our world faces. This download is part of Blog Action Day, which this year is focused on “Climate Change.” Learn more at the jump, and download this wallpaper!
</p>
<p><a href="http://psd.tutsplus.com/articles/news/changing-actions-wallpaper-by-alex-beltechi/">Visit Article</a></p>
<h2>Other Sites in the Envato Network</h2>
<h3> Web.Appstorm</h3>
<h4><a href="http://web.appstorm.net/roundups/web-hosting/do-your-part-by-using-a-green-web-host/">Do your Part by using a Green Web Host</a></h4>
<p>The team at Envato has long taken part in Blog Action Day, and this year is no different. The topic chosen this year is climate change — and when it comes to the web, one easy way to make a positive difference is to use a green web host.
</p>
<p><a href="http://web.appstorm.net/roundups/web-hosting/do-your-part-by-using-a-green-web-host/">Visit Article</a></p>
<h3> Mac.Appstorm</h3>
<h4><a href="http://mac.appstorm.net/how-to/os-x/how-your-mac-is-saving-the-world/">How your Mac is Saving the World</a></h4>
<p>While you sit in front of your screen for hours on end, perusing tech blogs and pretending not to be addicted to Facbook, are you considering what sort of impact you’re having on the environment!? If you’re like me, the answer is “Hey pal, it’s a computer not a Hummer. Back off.” Luckily however, the good folks at Apple have put a lot of time and effort into this problem for us.
</p>
<p><a href="http://mac.appstorm.net/how-to/os-x/how-your-mac-is-saving-the-world/">Visit Article</a></p>
<h3> FreelanceSwitch</h3>
<h4><a href="http://freelanceswitch.com/freelancing-essentials/blog-action-day-2009-how-freelancers-can-run-greener-businesses/">How Freelancers Can Run Greener Businesses</a></h4>
<p>Plenty of big companies routinely announce that they’re going green — they’re encouraging telecommuting to bring their carbon footprints down or they’re putting solar panels on their roofs to reduce dependence on other energy sources.
</p>
<p><a href="http://freelanceswitch.com/freelancing-essentials/blog-action-day-2009-how-freelancers-can-run-greener-businesses/">Visit Article</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/envatos-blog-action-day-round-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 jQuery Plugins Worth Implementing into your Themes</title>
		<link>http://blog.themeforest.net/resources/20-jquery-plugins-worth-implementing-into-your-themes/</link>
		<comments>http://blog.themeforest.net/resources/20-jquery-plugins-worth-implementing-into-your-themes/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 00:45:29 +0000</pubDate>
		<dc:creator>Roger Chapagain</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jquery plugin]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2765</guid>
		<description><![CDATA[It can be difficult to stay on top of the most recent and popular plugins available. Let us do the work for you. Any of these would be perfect for your next ThemeForest template!]]></description>
			<content:encoded><![CDATA[<p>It can be difficult to stay on top of the most recent and popular plugins available. Let us do the work for you. Any of these would be perfect for your next ThemeForest template!</p>
<h2>qTip</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/qtip.jpg" alt="qTip" width="558" height="283" /></p>
<p>qTip  is a free tooltip jQuery plugin that is cross browser, very customizable and includes a lot of features such as rounded corners without the use of images,  speech bubbles, effects such as fade, slide and you can create your own effects too! This tooltip has five ready to use stylish themes and you can also create your own without much effort. You can also make modal dialogs, change the color of the tooltip  background and define the points for the tooltip to be displayed.</p>
<ul>
<li>
<h5><a href="http://craigsworks.com/projects/qtip/">Source</a></h5>
</li>
<li>
<h5> <a href="http://craigsworks.com/projects/qtip/demos/">Demo </a></h5>
</li>
</ul>
<h2>Easy Tooltip</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/Easy Tooltip.jpg" alt="Easy Tooltip" width="418" height="323" /></p>
<p>Easy  Tooltip is, as it says, very easy to use. This plugin is not as customizable as  qTip, but it also has some very useful features such as tooltip coordination,  assign custom id&rsquo;s to assign different CSS which makes it so that you can  change your design. </p>
<ul>
<li>
<h5><a href="http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin">Source</a></h5>
</li>
<li>
<h5> <a href="http://cssglobe.com/lab/easytooltip/01.html">Demo </a></h5>
</li>
</ul>
<h2>Star Rating</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/Star Rating.jpg" alt="Star Rating" width="579" height="344" /></p>
<p>&nbsp; Star Rating plugin is a  clean star rating plugin control based on a set of radio input boxes. So, it  turns a bunch of radio boxes into a clean and nice star rating control. It is  very easy to use because all you have to do is add the star class to the radio  boxes. It offers a lot of features such as half-ratings, default rating,  disabled rating for viewing purposes only, and you can assign the number of  stars to display. </p>
<ul>
<li>
<h5><a href="http://www.fyneworks.com/jquery/star-rating/">Source </a></h5>
</li>
<li>
<h5><a href="http://www.fyneworks.com/jquery/star-rating/#tab-Testing">Demo</a></h5>
</li>
</ul>
<h2>Star Rater</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/Star Rater.jpg" alt="Star Rater" width="597" height="424" /></p>
<p>Star  Rater is a dynamic, cross browser star rater similar to Star Rating, but this  plugin has a different design and it also has no cancel button. You can change  the design of the stars and you can make the stars small as you want and as  many as you can. </p>
<ul>
<li>
<h5><a href="http://www.m3nt0r.de/devel/raterDemo/">Source </a></h5>
</li>
<li>
<h5><a href="http://www.m3nt0r.de/devel/raterDemo/">Demo</a></h5>
</li>
</ul>
<h2>Uploadify</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/uploadify.jpg" alt="Uploadify" width="594" height="217" /></p>
<p>Uploadify  is a file upload plugin which allows a user to send files from his computer  to the website server. It is very easy to use and does not require too much. It requires Flash to work. It offers features such as multiple file uploads, file upload settings, file queue handling, error handling,  progress and onComplete handling. It is easily one of the best jQuery file  upload plugin as it is easy to use and is also customizable.</p>
<ul>
<li>
<h5><a href="http://www.uploadify.com/">Source </a></h5>
</li>
<li>
<h5><a href="http://www.uploadify.com/demo/">Demo</a></h5>
</li>
</ul>
<h2>jqUploader</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jqUploader.jpg" alt="jqUploader" width="589" height="166" /></p>
<p>jqUploader is another  great jQuery file upload plugin that substitutes html file input fields with  flash based upload widget. It also offers features as much as Uploadify and  some features that Uploadify doesn&rsquo;t have. It allows the display of the  progress bar and percentage complete. You can set the file size limit, progress  bar color, set the messages throughout the upload process, set the allowed file  extensions like *.jpg, *.png, etc. so that you only get what you want. So, this  file upload tool is another great file upload plugin.</p>
<ul>
<li>
<h5><a href="http://www.pixeline.be/experiments/jqUploader/">Source </a></h5>
</li>
<li>
<h5><a href="http://www.pixeline.be/experiments/jqUploader/test.php">Demo</a></h5>
</li>
</ul>
<h2>ThickBox</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/ThickBox.jpg" alt="ThickBox" width="567" height="379" /></p>
<p>ThickBox  is a jQuery lightbox plugin that&#8217;s very lightweight,  cross browser and offers a lot of features. It is very versatile, it can  display images, inline content, iframes, AJAX, flash, pdf etc., not just  images. You can change the size of the modal box, add transitions, and add captions  to images and gallery. The modal box also stays in the center even if you  scroll the window and the modal box closes after you click on the window or  press the Esc key. So, this is a very good lightbox plugin and is pretty easy  to implement. </p>
<ul>
<li>
<h5><a href="http://jquery.com/demo/thickbox/">Source </a></h5>
</li>
<li>
<h5><a href="http://jquery.com/demo/thickbox/">Demo</a></h5>
</li>
</ul>
<h2>&nbsp;FancyBox </h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/FancyBox.jpg" alt="FancyBox" width="582" height="439" /></p>
<p>This lightbox  has an awesome design and can enhance your website&rsquo;s look. This tool also has  the ability to display images, html, videos, inline content etc with title and  captions just like ThickBox.&nbsp; The content  loads very fast and you can add transitions just like Thickbox.&nbsp; You can choose options for the lightbox such  as zoom, image scale, padding and you also can customize its css. You can have  a gallery and the neat thing is when you go near the right side of the picture  and when you click there, it goes to the next image and the same goes for the  previous image. So, this tool is another amazing jquery plugin and can also enhance  your design.</p>
<ul>
<li>
<h5><a href="http://fancy.klade.lv/">Source</a> </h5>
</li>
<li>
<h5><a href="http://fancy.klade.lv/example">Demo</a></h5>
</li>
</ul>
<h2><strong></strong>Easy Slider </h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/Easy Slider 1.5.jpg" alt="Easy Slider 1.5" width="594" height="249" /></p>
<p>This plugin has features like autoscrolling and  continuous sliding. You can easily add &ldquo;go to first&rdquo; and &ldquo;go to last&rdquo; button,  optional wrapping markup for control buttons, and change the settings and choose  the ones which best fits your need. The coding is not too difficult either. </p>
<ul>
<li>
<h5><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding">Source</a> </h5>
</li>
<li>
<h5><a href="http://cssglobe.com/lab/easyslider1.5/02.html">Demo</a></h5>
</li>
</ul>
<h2>Coda Slider</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/Coda Slider 1.1.jpg" alt="Coda Slider" width="590" height="434" /></p>
<p>Coda  Slider is another cross browser slider that allows a user to slide featured content. Each tab is assigned a different class, so  you can give each one a new look. You can create cross-link controls. It is not  as fancy as Easy Slider, but this is also very easy to use and implement in  your website.</p>
<ul>
<li>
<h5><a href="http://www.ndoherty.com/blog/category/coda-slider">Source</a> </h5>
</li>
<li>
<h5><a href="http://www.ndoherty.com/demos/coda-slider/1.1.1/">Demo</a></h5>
</li>
</ul>
<h2>jqDock </h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jqDock.jpg" alt="jqDock" width="556" height="236" /></p>
<p>This navigation menu allows  your website users to easily navigate your website.  </p>
<ul>
<li>
<h5><a href="http://www.wizzud.com/jqDock/">Source</a> </h5>
</li>
<li>
<h5><a href="http://www.wizzud.com/jqDock/">Demo</a></h5>
</li>
</ul>
<h2>&nbsp;jQuery Accordion </h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jQuery Accordion.jpg" alt="jQuery Accordion" width="568" height="255" /></p>
<p>This  is a plugin that creates an accordion menu.</p>
<ul>
<li>
<h5><a href="http://bassistance.de/jquery-plugins/jquery-plugin-accordion/">Source</a> </h5>
</li>
<li>
<h5><a href="http://jquery.bassistance.de/accordion/demo/">Demo</a></h5>
</li>
</ul>
<h2>jQuery Validation</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jQuery Validation.jpg" alt="jQuery Validation" width="576" height="345" /></p>
<p>This  is probably one of the best &nbsp;jQuery form  validation plugin available. It allows the user the set the number of characters required  or a message will be displayed at the side specifying the required number of  characters. If the email address or URL is not in the right format, it will  display an error message. Your can also use the autosuggest feature in the  username, check radio buttons (for Terms &amp; Conditions) and make it so that  when a radio box is checked a new set of options appears.</p>
<ul>
<li>
<h5><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Source</a> </h5>
</li>
<li>
<h5><a href="http://jquery.bassistance.de/validate/demo/">Demo</a></h5>
</li>
</ul>
<h2>jQuery AlphaNumeric</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jQuery AlphaNumeric.jpg" alt="jQuery AlphaNumeric" width="590" height="205" /></p>
<p>This plugin, instead of displaying a message,  shows precisely what was done wrong; it actually restricts the user from entering certain  characters. Suppose, in the username, you only want to allow numeric values. This plugin would restrict a person from entering such characters. </p>
<ul>
<li>
<h5><a href="http://itgroup.com.ph/alphanumeric/">Source</a> </h5>
</li>
<li>
<h5><a href="http://itgroup.com.ph/alphanumeric/">Demo</a></h5>
</li>
</ul>
<h2>TableSorter</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/TableSorter.jpg" alt="TableSorter" width="598" height="126" /></p>
<p>This  is an excellent cross-browser table plugin, as it&rsquo;s name suggests, sorts  tables. It turns a standard HTML table into sortable table without page  refreshes. It adds THEAD and TBODY tags to make it happen. You can sort many  types of data including text, URIs, integers, currency, floats, IP addresses,  dates and also you can add your own.</p>
<li>
<h5><a href="http://tablesorter.com/">Source</a> </h5>
</li>
<h5><a href="http://tablesorter.com/docs/#Demo">Demo</a><br />
  &nbsp;</h5>
<h2>QuickSearch</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/QuickSearch.jpg" alt="QuickSearch" width="510" height="148" /></p>
<p>QuickSearch  is a table plugin which serves the purpose of filtering large sets of data. It supports tables,  paragraphs and lists and you can edit the search string. This plugin makes it easy for a user to easily find what they are  looking for without have to search through the whole list.</p>
<ul>
<li>
<h5><a href="http://rikrikrik.com/jquery/quicksearch/">Source</a> </h5>
</li>
<li>
<h5><a href="http://rikrikrik.com/jquery/quicksearch/#examples">Demo</a></h5>
</li>
</ul>
<h2>jQZoom</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jqZoom Evolution.jpg" alt="jqZoom Evolution" width="562" height="318" /></p>
<p>This  is a cross browser image magnifier plugin. You can add some options such as reverse  zoom, zoom without lens, title, custom positioning, and transition effects. </p>
<ul>
<li>
<h5><a href="http://www.mind-projects.it/projects/jqzoom/">Source</a> </h5>
</li>
<li>
<h5><a href="http://www.mind-projects.it/projects/jqzoom/demos.php">Demo</a></h5>
</li>
</ul>
<h2>jCrop</h2>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jCrop.jpg" alt="jCrop" width="582" height="448" /></p>
<p>jCrop  is a cross browser and powerful image cropping plugin. It makes it so that you  can easily integrate image cropping directly into web applications. It offers a  lot of features such as aspect ratio plugging, thumbnails, API features such as  animations, callbacks for selection and also supports CSS styling. </p>
<ul>
<li>
<h5><a href="http://deepliquid.com/content/Jcrop.html">Source</a> </h5>
</li>
<li>
<h5><a href="http://deepliquid.com/projects/Jcrop/demos.php">Demo</a></h5>
</li>
</ul>
<h2><strong>Miscellaneous </strong></h2>
<p>
  <span class="style3">jMaps</span> &#8211; jMaps is a jQuery plugin that provides an easy API and makes it really easy to implement Google maps into your website. It is fairly simple to use and offers some neat features such as markers, Google adesnse layers, traffic layers, search directions etc. </p>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jmaps.jpg" alt="jMaps" width="595" height="344" /></p>
<ul>
<li>
<h5><a href="http://code.google.com/p/jmaps/">Source</a> </h5>
</li>
<li>
<h5><a href="http://map.ifies.org/">Demo</a></h5>
</li>
</ul>
<p><span class="style3">jQuery Pagination</span> &#8211; This is a pagination jQuery plugin that creates navigation elements so that you can go from one page to another. You can set options for the number of items per page, number of navigation links shown, number of start and end points and labels. The neat thing is that the all this happens without page refreshes. </p>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/jquery pagination.jpg" alt="jQuery Pagination" width="569" height="217" />. </p>
<ul>
<li>
<h5><a href="http://plugins.jquery.com/project/pagination">Source</a> </h5>
</li>
<li>
<h5><a href="http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm">Demo</a></h5>
</li>
</ul>
<p><span class="style3">DatePicker</span> &#8211; This plugin has features such as allowing multiple years, range selection, clear selection, custom day to start the week, custom widget and custom design. It already has a sleek design and is pretty easy to fit in your web application.</p>
<p><img src="http://nettuts.s3.amazonaws.com/454_plugins/Date Picker.jpg" alt="DatePicker" width="597" height="174" /></p>
<ul>
<li>
<h5><a href="http://www.eyecon.ro/datepicker/">Source</a> </h5>
</li>
<li>
<h5><a href="http://www.eyecon.ro/datepicker/#about">Demo</a></h5>
</li>
</ul>
<h2>Which Ones di we Miss? </h2>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/20-jquery-plugins-worth-implementing-into-your-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Required Online Backup Solutions for Designers</title>
		<link>http://blog.themeforest.net/resources/required-online-backup-solutions-for-designers/</link>
		<comments>http://blog.themeforest.net/resources/required-online-backup-solutions-for-designers/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 08:15:52 +0000</pubDate>
		<dc:creator>Ralph Cowling</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[backup]]></category>
		<category><![CDATA[backup services]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2534</guid>
		<description><![CDATA[Ensuring that all your files are safe and secure is a must for any web designer. This article assesses a variety of different online services that have proven to be the most affordable and popular over the years.
Why Use Online Backup?

	As the owner of an online web hosting company, I know how important it can [...]]]></description>
			<content:encoded><![CDATA[<p>Ensuring that all your files are safe and secure is a must for any web designer. This article assesses a variety of different online services that have proven to be the most affordable and popular over the years.</p>
<h3>Why Use Online Backup?</h3>
<p>
	As the owner of an online web hosting company, I know how important it can be to have a backup of all your information from personal files to client files. I&#8217;ve lost plenty of important data including website backups, tax information, and web designs over the years. I now use multiple online backup services to ensure that all my data is 100% secured.
</p>
<h3>Dropbox</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/dropbox.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://getdropbox.com">getdropbox.com</a></li>
<li><em>Rating:</em> 5/5</li>
<li><em>Pricing:</em> $9.99 per month for 50GB (2GB Free Trial)</li>
<li><em>Works With:</em> Windows, Mac, Linux </li>
</ul>
<p>
	Dropbox is one of the easier online backup services I have seen around. It offers automatic updating among files on all computers that are connected, as well as sharing with other users using Dropbox. Dropbox offers a free 2 GB service, then after that, services start at $9.99 per month for 50 GB.
</p>
<h3>Jungle Disk</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/jungledisk.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://jungledisk.com">jungledisk.com</a></li>
<li><em>Rating:</em> 3/5</li>
<li><em>Pricing:</em> $0.15 per month per 1GB</li>
<li><em>Works With:</em> Windows, Mac, Linux </li>
</ul>
<p>
	Jungle Disk is one of the most well known online backup services &#8211; as it is run using Amazon and Rackspace servers. It works just like another hard drive on your computer. All your files are encrypted using a key that is only known to you. Jungle Disk offers a pay as you go service for only 15¢ per GB that you use. It provides accessibility on all your computers and public access to authorized users.
</p>
<h3>Sugar Sync</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/sugarsync.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://sugarsync.com">sugarsync.com</a></li>
<li><em>Rating:</em> 3/5</li>
<li><em>Pricing:</em> $4.99 per month for 30GB</li>
<li><em>Works With:</em> Windows, Mac, Mobile Phones
 </li>
</ul>
<p>
	Sugar Sync is one of the few online backup systems that offers support for mobile phones. It&#8217;s one of the cheapest systems I have seen offering 30 GB for only $4.99 per month, and it offers real time updating of files. Sugar Sync is one of the only services that offers streaming of music from your phone and browser.</p>
<h3>Mobile Me</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/mobileme.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://me.com">me.com</a></li>
<li><em>Rating:</em> 2/5</li>
<li><em>Pricing:</em> $99 per year for 20GB</li>
<li><em>Works With:</em> Windows, Mac, iPhone/Ipod Touch</li>
</ul>
<p>
	Owned by by Apple Inc. Mobile Me allows you to sync all your emails, calenders, contacts and more together for a yearly price of $99. Mobile Me comes with 20 GB of disk space and 200 GB of bandwidth. It&#8217;s the only online backup service that supports use with the iPod Touch.
</p>
<h3>Box</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/box.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://box.net">box.net</a></li>
<li><em>Rating:</em> 4/5</li>
<li><em>Pricing:</em> $9.95 per month for 5GB</li>
<li><em>Works With:</em> Windows, Mac, Linux, Mobile Phone</li>
</ul>
<p>
	Box is one of the most business oriented services that I have seen offering services such as comments, branding options, file embedding, user permissions, and more. Box offers you the option to have multiple users when purchasing business accounts to allow your staff to access files and work more efficiently.
</p>
<h3>IDrive</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/idrive.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://idrive.com">idrive.com</a></li>
<li><em>Rating:</em> 3/5</li>
<li><em>Pricing:</em> $4.95 per month for 150GB</li>
<li><em>Works With:</em> Windows, Mac </li>
</ul>
<p>
	IDrive is by far the cheapest service that I have found. It offers 150 GB of disk space for just $4.95 per month for a personal account. However if you need a business plan, services start at $9.99 per month for 50 GB of disk space. IDrive offers you the option to create multiple users for free online Box as well as allowing time line restores and restoring of files up to 30 modifications ago.</p>
<h3>SkyDrive</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/skydrive.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://skydrive.live.com">skydrive.live.com</a></li>
<li><em>Rating:</em> 1/5</li>
<li><em>Pricing:</em> Free (25GB)</li>
<li><em>Works With:</em> All Operating System That Support Web Browsers</li>
</ul>
<p>
	SkyDrive is owned by Microsoft, and offers 25GB of free online backup services. The primary downside is that they do not offer a desktop application to easily retrieve files and backup new files; you are instead forced to visit their website, login and upload using a web based form. SkyDrive accepts files no larger then 50MB. </p>
<h3>IBackup</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/ibackup.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://ibackup.com">ibackup.com</a></li>
<li><em>Rating:</em> 3/5</li>
<li><em>Pricing:</em> $9.95 per month for 10GB</li>
<li><em>Works With:</em> Windows, Mac, Linux </li>
</ul>
<p>
	Owned by the same company as IDrive, IBackup offers less features and targets web developers and businesses who wish to backup databases and servers that contain important information and client data. IBackup supports Windows, Mac and Linux operating systems unlike IDrive giving companies a larger option for operating systems.
</p>
<h3>Livedrive</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/118_backup/livedrive.jpg" border="0" /></div>
<ul>
<li><em>Website:</em> <a href="http://livedrive.com">livedrive.com</a></li>
<li><em>Rating:</em> 3/5</li>
<li><em>Pricing:</em> £39.95 per year for 100GB</li>
<li><em>Works With:</em> Windows – Mac and Linux coming soon </li>
</ul>
<p>
	LiveDrive offers automated backups, accessibility from anywhere in the world, file syncing, and sharing. LiveDrive offers you the option to play your music, edit your files, watch your videos and Facebook integration from anywhere in the world using their simple web based portal. It&#8217;s also one of few backup services that supports FTP access, version history and local caching.
</p>
<ul class="webroundup">
<li>Follow us on <a href="http://www.twitter.com/nettuts">Twitter</a>, or subscribe to the <a href="http://feeds.feedburner.com/nettuts" title="Nettuts+ RSS Feed">Nettuts+ RSS Feed</a> for more daily web development tuts and articles.</li>
</ul>
<p>
<script type="text/javascript"><!--digg_url = "post permalink (not digg url)"; // -->
</script><br />
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/required-online-backup-solutions-for-designers/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>7 RSS to Email/SMS Services you can use for your Item Feed!</title>
		<link>http://blog.themeforest.net/resources/7-rss-to-emailsms-services-you-can-use-for-your-item-feed/</link>
		<comments>http://blog.themeforest.net/resources/7-rss-to-emailsms-services-you-can-use-for-your-item-feed/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 16:33:58 +0000</pubDate>
		<dc:creator>Drew Douglass</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[item comments]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[rss feed]]></category>
		<category><![CDATA[sms]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2489</guid>
		<description><![CDATA[A comment that comes up fairly often on the ThemeForest Forums is the question of being notified of new comments on your item page. The answer to this question is almost always, &#8220;subscribe to your comment feed via rss and you can check it anytime&#8221;. This is true, you can actually subscribe to your own [...]]]></description>
			<content:encoded><![CDATA[<p>A comment that comes up fairly often on the <a href='http://themeforest.net/forums' title='TF Forums'>ThemeForest Forums</a> is the question of being notified of new comments on your item page. The answer to this question is almost always, &#8220;subscribe to your comment feed via rss and you can check it anytime&#8221;. This is true, you can actually subscribe to your own comment feed by going to <code>http://themeforest.net/feeds/user_item_comments/USERNAME.atom</code> and replacing the <em>username</em> with your username.</p>
<p>While this is nice and convenient, most users would rather not have to check their item feed a few times a day to see if anyone has commented. While I know this is an issue/feature the devs may work on for the future, we can fix the issue utilizing third party scripts and services. Today, we will have a quick look at 7 RSS to email/sms services you can use to automatically get informed of comments on your item!</p>
<h3>1. Feed My Inbox</h3>
<div class='tutorial_image'><a href='http://www.feedmyinbox.com/'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/feed_my_inbox.jpg' alt='Feed My Inbox' /></a></div>
<p>I&#8217;ve started with one of the best services I stumbled upon while doing research to write this article. Feed My Inbox is dead simple and completely free to use. You simply enter the website or the feed URL that you wish to receive updates on and you nearly done. </p>
<p>Head over to <a href='http://www.feedmyinbox.com/'>FeedMyInbox</a> and enter your item feed (mentioned above) and your email address. Once you have subscribed, check your email and click on the confirmation link to activate service for that RSS feed. You&#8217;re done, you&#8217;ll be receiving updates once every 24 hours.</p>
<h3>Pros</h3>
<ul>
<li>Super simple to use, takes seconds.</li>
<li>Free.</li>
<li>Works on website and feed URLs.</li>
<li>Even if the feed is updated twenty times in 24 hours, you will receive only one email (this completely depends on your preferences, also listed as con below).</li>
</ul>
<h3>Cons</h3>
<ul>
<li>You only get sent updates once every 24 hours to reduce spam and email clutter. Now, if you are a huge power user like Epicera, you might think this is great and just check your daily email and be on your way. However, if you are like me and don&#8217;t have that many items to your name, you might want to find out more often than once every 24 hours.</li>
</ul>
<h3>2. RSS 2 Email</h3>
<div class='tutorial_image'><a href='http://rss2email.infogami.com/'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/rss_2_email.jpg' alt='RSS 2 Email' /></a></div>
<p><a href='http://rss2email.infogami.com/'>RSS 2 email</a> is a completely free of charge  software product that allows you to integrate RSS feeds to be sent to your current email client of choice. RSS2Email is open source and works directly with your email client to allow you to get notifications and bridge the gap between your email client and RSS feeds.</p>
<p>RSS2Email runs on both Windows based and UNIX based systems, and can read any RSS or ATOM feed along with provide update notices directly in your mail client.</p>
<h3>Pros</h3>
<ul>
<li>Runs on Windows and UNIX</li>
<li>Compatible with POP and IMAP servers</li>
<li>Free and open source</li>
<li>Handles any RSS or ATOM format, including non English characters</li>
</ul>
<h3>Cons</h3>
<ul>
<li>Not a web based service, you must download and install the software on your computer and configure it with your current email client of choice.</li>
</ul>
<h3>3. Blog Alert</h3>
<div class='tutorial_image'><a href='http://www.shootthebreeze.net/blogalert/index.php'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/blog_alert.jpg' alt='Blog Alert' /></a></div>
<p><a href='http://www.shootthebreeze.net/blogalert/index.php'>Blog Alert</a> is another very simple and free web based RSS to email application. Blog Alert doesn&#8217;t even require any kind of download or account setup, just enter the feed and your email and off you go.</p>
<p>One thing to note with Blog Alert is that you need to make sure that you enter the RSS feed URL, not the feed of the website. While some tools are able to auto detect the feed, Blog Alert does not offer this.</p>
<h3>Pros</h3>
<ul>
<li>Simple, takes seconds to get working.</li>
<li>Free.</li>
</ul>
<h3>Cons</h3>
<ul>
<li>Lack of information, on the home page it says it will let you know every time the feed is updated, but will this cap out at a certain amount of times? </li>
</ul>
<h3>4. NewsGator</h3>
<div class='tutorial_image'><a href='http://www.newsgator.com/Individuals/NewsGatorInbox/Default.aspx'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/news_gator.jpg' alt='News Gator' /></a></div>
<p><a href='http://www.newsgator.com/Individuals/NewsGatorInbox/Default.aspx'>NewsGator</a> is a Microsoft Outlook specific product that aims to integrate RSS and email. If you use Outlook often or at work, NewsGator might be the best choice for you in the long run.</p>
<p>You can get RSS alerts, updates, and feeds all from withing Outlook using NewsGator, and I must say out of all the services listed so far, NewsGator looks to be the most polished piece of software. If your an Outlook person, give it a go and let us know your thoughts!</p>
<h3>Pros</h3>
<ul>
<li>Integrates into Outlook, a very popular email client.</li>
<li>Very well polished from what I can tell.</li>
<li>Receive updates, add new feeds, and read feeds all from Outlook.</li>
</ul>
<h3>Cons</h3>
<ul>
<li>Microsoft/Outlook specific. Does not work with other email clients.</li>
<li>Not free, cost $29.</li>
</ul>
<h3>5. Reblinks</h3>
<div class='tutorial_image'><a href='http://reblinks.therssweblog.com/'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/reblinks.jpg' alt='' /></a></div>
<p><a href='http://reblinks.therssweblog.com/'>Reblinks- RSS to Email</a> gateway is another free web service that focuses on simplicity and functionality. Go to the homepage and enter in the feed URL and the email you want the updates sent to, and click submit. Go have some bacon and tea, come back and check your email. That&#8217;s about it!</p>
<p>Reblinks is still in Beta so there may be some slight issues or bugs, but nothing too bad from what I can tell.</p>
<h3>Pros</h3>
<ul>
<li>Free.</li>
<li>Simple and easy.</li>
</ul>
<h3>Cons</h3>
<ul>
<li>Reliability? Considering it is in Beta this is something that needs to be thought about before you depend solely on this service.</li>
<li>Again, lack of information on the website page. Are there restrictions? How often are updates sent?</li>
</ul>
<h3>RSS to SMS</h3>
<p>So far we have looked at some great software products and web apps that allow you to send any RSS updates to your email address. But in this day and age we don&#8217;t always have our laptops on hand when we need it. For the last part of this article we will focus on services that allow you to send RSS updates straight to your cell phone via SMS. Imagine being notified instantly on your phone when your out with friends when someone has made a comment (hopefully a positive one).</p>
<h3>6. PeekFeed</h3>
<div class='tutorial_image'><a href='http://www.peekfeed.com/' title='PeekFeed'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/peekfeed.jpg' alt='' /></a></div>
<p><a href='http://www.peekfeed.com/'>PeekFeed</a> is a very nice looking RSS to SMS service. PeekFeed is completely free and sends any RSS updates you have set straight to you on your mobile phone.</p>
<p>To get started, just head to the <a href='http://www.peekfeed.com/'>PeekFeed</a> homepage and create a new account. Once you create an account, you can set all of your user settings and add the feeds you wish to get notified about. PeekFeed even allows you to choose how often you get updates. You can choose by the minute, hour, day and so on.</p>
<h3>Pros</h3>
<ul>
<li>Free.</li>
<li>Easy to use and receive.</li>
<li>Customized update settings (minute, hour, day etc).</li>
</ul>
<h3>Cons</h3>
<ul>
<li>None that I can see!</li>
</ul>
<h3>7. Pingie</h3>
<div class='tutorial_image'><a href='https://pingie.com/beta/index.php'><img src='http://themeforest.s3.amazonaws.com/115_rssEmail/pingie.jpg' alt='' /></a></div>
<p>Last but certainly not least, is the very popular RSS to SMS service, <a href='https://pingie.com/beta/index.php'>Pingie</a>. Pingie allows you to enter your phone number, email, and the website address to start instantly receiving updates.</p>
<p>Pingie has been known as a reliable RSS to SMS application for a while now, and even allows you to check the status of all of their servers on their status page. Out of the two RSS to SMS applications, Pinige seems to be the one most people use.</p>
<h3>Pros</h3>
<ul>
<li>Free.</li>
<li>Simple and intuitive UI.</li>
<li>Reliable and open, plenty of information on the site for you to browse.</li>
</ul>
<h3>Cons</h3>
<ul>
<li>Again, I&#8217;m not sure. Perhaps that you may have to pay for the text messages received, but that is no different than any other SMS sending service.</li>
</ul>
<p>That&#8217;s all the programs we have for now. Hopefully, that clears up any issues or struggles you may be having to easily get updates on your items feed and comments. Are there any applications out there you use that I neglected to mention? I&#8217;d love to hear your input!</p>
<ul class="webroundup">
<li>Please subscribe to the <a href="http://feedproxy.google.com/themeforest" title="ThemeForest RSS Feed">Theme Forest RSS Feed</a>, and follow us on <a href="http://twitter.com/themeforest">Twitter</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/7-rss-to-emailsms-services-you-can-use-for-your-item-feed/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>20 SEO Tips That Every Web Developer Should Follow</title>
		<link>http://blog.themeforest.net/resources/20-seo-tips-that-every-web-developer-should-follow/</link>
		<comments>http://blog.themeforest.net/resources/20-seo-tips-that-every-web-developer-should-follow/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 20:52:30 +0000</pubDate>
		<dc:creator>David Rojas</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[search engine]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[seo tips]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2289</guid>
		<description><![CDATA[One aspect of web development that is many times overlooked is search engine optimization. In this list, I&#8217;ll show you some basic SEO techniques that will help you make friends with Google, and increase your page rank!
1: Write Semantic and Valid Markup
It&#8217;s important to write meaningful and semantic markup so search engines can easily extract [...]]]></description>
			<content:encoded><![CDATA[<p>One aspect of web development that is many times overlooked is search engine optimization. In this list, I&#8217;ll show you some basic SEO techniques that will help you make friends with Google, and increase your page rank!</p>
<h3>1: Write Semantic and Valid Markup</h3>
<p>It&#8217;s important to write meaningful and semantic markup so search engines can easily extract and classify what&#8217;s relevant on your page. That includes two key practices:</p>
<ol>
<li>Use proper headings and listings.</li>
<li>Always <a href="http://validator.w3.org/" title="Validate your markup">validate your markup</a></li>
</ol>
<p>I can&#8217;t stress enough those two points. There have always been a debate about if you should use the &lt;h1> tag for the logo/title of your page or the post title (if you are building a blog), but the important thing here is that the information in your page must be presented hierarchically, using <a href="http://net.tutsplus.com/tutorials/html-css-techniques/30-html-best-practices-for-beginners/">all six heading tags</a><br />
if possible.</p>
<h3>2: Optimize your Title and Meta Tags the Correct Way</h3>
<p>Back in the day, meta tags were the first thing you had to take care of when dealing with SEO. Because Google and other search engines don&#8217;t rely on them anymore, you only have to focus on the description meta tag, because that&#8217;s the one which will be displayed on the results page under the title.</p>
<p>Your title tag is very important to search engines, and like your meta tags, should be different for every page of your site. It must be relevant and descriptive to the content of the page, and shouldn&#8217;t be too long -but enough to describe what your page is about. For example, instead of:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>John Smith's Shop<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span></pre></div></div>

<p>Something better would be:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>John Smith's Fishing Supplies - Find the best fishing supplies in California<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span></pre></div></div>

<p>If you are using WordPress, there are many useful plugins for managing title and meta tags in your blog. I recommend the <a href="http://WordPress.org/extend/plugins/all-in-one-seo-pack/" title="All in One SEO pack">All in One SEO pack</a>, it&#8217;s easy to use and works out-of-the-box.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/all_in_one_plugin.png" border="0" /></div>
<h3>3: Always Use alt and title Attributes</h3>
<p>The title attribute, besides making a site more accessible, serves the purpose of telling search engines about the topic of the site you are linking to, so try to avoid things like:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">To see all of our fishing boats, <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;#&quot;</span>&gt;</span>Click here<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></div></div>

<p>Instead, use&#8230;</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;#&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;View all of our fishing boats&quot;</span>&gt;</span>View all of our fishing boats<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></div></div>

<p>The alt attribute is basically the same, but for images, it&#8217;s the way of describing our image to the search engine.</p>
<h3>4: Maintain your CSS and JavaScript files Externally</h3>
<p>Search engines usually ignore CSS and JavaScript files, but even if they don&#8217;t (Google&#8217;s algorithm changes), placing your CSS/JavaScript in external files will help the crawler find your content faster.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">media</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;screen&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;functions.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/JavaScript&quot;</span> <span style="color: #000066;">charset</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;utf-8&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></div></div>

<h3>5: Use Google Webmasters Tools</h3>
<p>You can make Google do a lot of work simply by adding your site to <a href="http://www.google.com/webmasters/tools/" title="Google Webmasters Tools">Google Webmasters Tools</a>, that is linked to your Gmail/Google account. It shows you how Google crawls and indexes your site to help diagnose problems. You can see all internal and external links pointing to your site and which search queries are driving the most traffic. Also, it lets you configure things, such as a preferred domain name for your site, with or without www, so it knows is the same site and page rank doesn&#8217;t get divided. </p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/webmasters_tools.png" border="0" /></div>
<h3>6: Keep your HTML Simple</h3>
<p>Build your site using only the necessary markup and make your layout as simple as possible (no tables, of course!). It will help the search engines to index it easily. And that brings me to my next point:</p>
<h3>7: Avoid Frames</h3>
<p>Frames make your site load slower and makes it difficult for the robots to crawl it. </p>
<p>If you must use frames, always offer <em>noframes</em> content and be sure that each frame has a descriptive <em>title</em>.</p>
<h3>8: Use JavaScript Only for Progressive Enhancement</h3>
<p>You must ensure that your JavaScript only adds new layers of enhanced functionality and your site works with JavaScript disabled, specially when dealing with navigational elements, such as menus.</p>
<p>The search engines should be able to read your navigation as a nested list to index it properly:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;home.html&quot;</span>&gt;</span>Home<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;shop.html&quot;</span>&gt;</span>Shop<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
			<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;boats.html&amp;quot;&gt;</span></span>Boats<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
			<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;supplies.html&quot;</span>&gt;</span>Supplies<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;about_us.html&quot;</span>&gt;</span>About Us<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;contact.html&quot;</span>&gt;</span>Contact<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span></pre></div></div>

<p>And then you can format it as a fancy drop down menu using CSS and JavaScript.</p>
<h3>9: Be Careful When Using Flash</h3>
<p>Although now search engines can index flash content, they still don&#8217;t do it very well. Keep your flash to a minimum, and avoid using it for text. Don&#8217;t use it for creating menus either, you can probably make the same effects, like I said before, just with CSS and JavaScript while keeping your html structure nice and clean.</p>
<p>Personally I would limit the use of flash in the web to embedded videos/sound and some useful animation (like an animated infographic), but nothing more.</p>
<h3>10: Create a sitemap.xml file for Google</h3>
<p>To be sure that your pages are indexed and cached quickly in Google, you can create a sitemap.xml file. It&#8217;s a XML file that contains a list with all the pages on your site. It follows the <a href="http://www.sitemaps.org/protocol.php" title="Sitemap protocol">Sitemap protocol</a> like that:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;?xml <span style="color: #000066;">version</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1.0&quot;</span> encoding<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;UTF-8&quot;</span>?&gt;</span>
<span style="color: #009900;">&lt;urlset xmlns<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.sitemaps.org/schemas/sitemap/0.9&quot;</span>&gt;</span>
   <span style="color: #009900;">&lt;url&gt;</span>
      <span style="color: #009900;">&lt;loc&gt;</span>http://www.example.com/<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>loc&gt;</span>
      <span style="color: #009900;">&lt;lastmod&gt;</span>2005-01-0<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>lastmod&gt;</span>
      <span style="color: #009900;">&lt;changefreq&gt;</span>monthly<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>changefreq&gt;</span>
      <span style="color: #009900;">&lt;priority&gt;</span>0.8<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>priority&gt;</span>
   <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>url&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>urlset&gt;</span></pre></div></div>

<p>You can create it manually following <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=34657">Google&#8217;s help for creating sitemaps</a> or, if you use WordPress, you can install<br />
 <a href="http://www.arnebrachhold.de/redir/sitemap-home/" title="XML Sitemap Generator for WordPress plugin">XML Sitemap Generator for WordPress plugin</a> that builds it automatically and notifies Google of the changes.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/sitemap_plugin.png" border="0" /></div>
<h3>11: Make a Site Map</h3>
<p>Besides creating a sitemap.xml, you should also make a detailed html sitemap page that links to every page on your site. It helps your users and search engines find the content easily. The less clicks it takes to get to a page, the better.</p>
<p>A good tool to create beautiful and easy to maintain site maps is <a href="http://astuteo.com/slickmap/" title="slickmap">slickmap</a>, a simple stylesheet that shows a nice site map from an unordered list navigation.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/slickmap.png" border="0" /></div>
<h3>12: Add a robots.txt File to Your Root Directory</h3>
<p>By default, search engines crawl and index everything in a website. You can block some files or folders that aren&#8217;t relevant or don&#8217;t want to get indexed by placing a <em>robots.txt</em> in your root folder. An example of a robots.txt could be:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">User-agent: *
Disallow: /images/
Disallow: /js/</pre></div></div>

<p>The command &#8220;User-agent: *&#8221; allows the crawler to search through your site freely, and &#8220;Disallow&#8221; commands prevent it to analyze those folders.</p>
<h3>13: Check for Broken Links and Images</h3>
<p>If your page has links pointing to content that doesn&#8217;t exist, it will probably never be found. It&#8217;s also a fact that search engines penalize sites with many broken links, so don&#8217;t forget to use the <a href="http://validator.w3.org/checklink" title="link validator">W3C link validator tool</a> to find them.</p>
<h3>14: Avoid Duplicate Content</h3>
<p>Duplicate content can be dangerous to your search engine rankings. But, what is duplicate content?</p>
<p>If you have a WordPress blog, you probably have a category and archives pages in your sidebar. These pages are just a collection of your posts, so you could have identical content in some of them: for example, when you have just a post in a category or in a given day, the content in that archive/category page will be the same as the post itself.</p>
<p>You can solve these and others duplicate content problems by using <em>noindex, follow</em> in your robots meta tag, using a 301 redirect or with a <em>robots.txt</em> file.</p>
<h3>15: Create an Informative Error Page</h3>
<p>If a user mistakenly types a wrong or incorrect url, it will show a default server page with an internal error message. That message is not very helpful, so instead you should create a user-friendly 404 error page that links back to the homepage, shows alternatives for navigation or links to possibly related content.</p>
<p>There are plenty of WordPress plugins for improving your error pages. The <a href="http://WordPress.org/extend/plugins/404-plugin/" title="404 SEO plugin">404 SEO plugin</a> gives you a smart error page that will automatically display links to relevant pages on your site, based on the words in the url that wasn&#8217;t found.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/404_example.png" border="0" /></div>
<h3>16: Keep a Flat Structure Directory</h3>
<p>Because search engines like to access quickly and easy to any file, you shouldn&#8217;t go too deep in your structure directory. Avoid things such as:</p>
<p>http://somedomain.com/shop/products/boats/motor/red_one.html</p>
<p> and use something like:</p>
<p>http://somedomain.com/products/motor-boats/red_one.html</p>
<p>Keep in mind that any page shouldn&#8217;t be more than three clicks away from your home page.</p>
<h3>17: Use Search Engine Friendly url Names</h3>
<p>Search engines cannot make sense of urls with dynamic and session id names, so instead of:</p>
<p>http://somedomain.com/?page_id=12</p>
<p>you should use a meaningful name with hyphens instead of underscores, like:</p>
<p>http://somedomain.com/fishing-boats-and-supplies</p>
<p>In WordPress you can configure that in the <a href="http://codex.WordPress.org/Using_Permalinks" title="WordPress permalinks help">permalinks options</a> page.</p>
<h3>18: Design an Effective Footer</h3>
<p>User your footer links to help search engines navigate through your site, replicating your main navigation and linking to the most important pages on your site.</p>
<p>An example of a good designed footer is the one found in <a href="http://css-tricks.com" title="CSS-tricks">CSS-tricks</a>.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/footer_example.jpg" border="0" /></div>
<h3>19: Use Breadcrumb Navigation</h3>
<p>Consider using breadcrumbs as a secondary navigation aid. It makes it easier for users to move around your site. Be sure the text on your breadcrumb links describes accurately the content of the corresponding page.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/110_seoTips/breadcrumbs.png" border="0" /></div>
<h3>20: Write Good Content</h3>
<p>Finally, forget about keywords and all that, the best SEO advice you can receive is to just write good content, interesting articles that people will like and find useful.<br />
<a href="http://googlewebmastercentral.blogspot.com/2006/12/building-link-based-popularity.html">Ask yourself what creates value for your users</a>.</p>
<ul class="webroundup">
<li>Please subscribe to the <a href="http://feedproxy.google.com/themeforest" title="ThemeForest RSS Feed">Theme Forest RSS Feed</a>, and follow us on <a href="http://twitter.com/themeforest">Twitter</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/20-seo-tips-that-every-web-developer-should-follow/feed/</wfw:commentRss>
		<slash:comments>67</slash:comments>
		</item>
		<item>
		<title>Top 5 Web Statistic Systems</title>
		<link>http://blog.themeforest.net/resources/top-5-web-statistic-systems/</link>
		<comments>http://blog.themeforest.net/resources/top-5-web-statistic-systems/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 16:42:09 +0000</pubDate>
		<dc:creator>James White</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[statistics]]></category>
		<category><![CDATA[stats]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2282</guid>
		<description><![CDATA[Every webmaster wants to know how many hits his website is getting, whether it be daily, monthly or just sporadically; but with so many stat tools availble, which one is the best to use? In this article, we&#8217;ll review some of the top systems available.
1. Google Analytics

In my opinion, Google Analytics is the best free [...]]]></description>
			<content:encoded><![CDATA[<p>Every webmaster wants to know how many hits his website is getting, whether it be daily, monthly or just sporadically; but with so many stat tools availble, which one is the best to use? In this article, we&#8217;ll review some of the top systems available.</p>
<h3>1. Google Analytics</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/109_statistics/images/google-analytics.jpg" border="0" /></div>
<p>In my opinion, Google Analytics is the best free stat tool out there. Google Analytics is a very comprehensive stat tool which can tell alot about the traffic of your website. It provides in depth information, and can be valuable to the success of your website.</p>
<p>Main Features of Google Analytics:</p>
<ul>
<li>Detailed graphs of your statistics</li>
<li>Geographical information on where your visitors originate from</li>
<li>Detailed statisitcs in general e.g. Site Usage, Bounce Rates.</li>
<li>Overviews on traffic e.g. Content overview and Traffic overview</li>
<li>Goals, which is a feature that measures how well your site fulfills business objectives.</li>
</ul>
<h3>Advantages</h3>
<ul>
<li>Detailed statistical information</li>
<li>Accurate statistics, along with high quality graphs</li>
<li>The ability to review any date period to check out stats recorded on that date</li>
</ul>
<h3>Disadvantages</h3>
<ul>
<li>For someone who&#8217;s relatively new to being a webmaster, Google Analytics&#8217; sheer amount of information it gives may be slightly overwhelming to a new user.</li>
</ul>
<h3>2. WordPress Stats (Plugin)</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/109_statistics/images/wordpress-stats.jpg" border="0" /></div>
<p>If you&#8217;re a blogger, there&#8217;s a good change that you use WordPress! If you are running WordPress, you might want to consider using WordPress Stats.</p>
<p>Main Features of WordPress Stats:</p>
<ul>
<li>Integrates right into your WordPress installation</li>
<li>Provides information on referrals, clicks, key search terms and more</li>
<li>Integrates into your WordPress Admin Dashboard, so you can always keep track of your stats</li>
<li>Any information recorded is instant as it happens. So if someone clicked on a page on your website, WordPress Stats would update almost instantly.</li>
</ul>
<h3>Advantages</h3>
<ul>
<li>Minimal Setup required (Because it&#8217;s a plugin, all script lines that need to be added for it to work are inputted automatically)</li>
<li>Specifically designed for WordPress websites, so it&#8217;s a stats system you can trust if your using WordPress</li>
<li>Produces a graph which updates as hits are recorded. This is displayed on both the blog stats page and WordPress admin dashboard.</li>
</ul>
<h3>Disadvantages</h3>
<ul>
<li>It&#8217;s only for WordPress</li>
<li>Not as in depth as others, but does its job well.</li>
</ul>
<h3>3. Woopra</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/109_statistics/images/woopra.jpg" border="0" /></div>
<p>Woopra is a bit like Google Analytics, because they both provide similar statistic information to their users. It is slightly unique as it is split into two services: a desktop client program and a web server application. You are also able to track single users and where they go on your website in seconds. Features like this are valuable to your website success and show how good your content is.</p>
<p>Main Features of Woopra:</p>
<ul>
<li>Live Stat Monitoring</li>
<li>Provides two different services: desktop client program and a web server application</li>
<li>Provides in-depth analytical information as well as general stats.</li>
<li>Innovative stats system</li>
<li>The new Woopra Analytics</li>
</ul>
<h3>Advantages</h3>
<ul>
<li>You are able to see your stats on your desktop thanks to the Desktop Application</li>
<li>Stats are live and update instantly.</li>
<li>The Woopra API</li>
<li>Because of the API, there are a handful of plugins to integrate Woopra with blogs and other website services.</li>
</ul>
<h3>Disadvantages</h3>
<ul>
<li>Woopra is currently BETA (So there are bugs that are yet to be found or are being fixed)</li>
<li>Requires a bit of time to fully setup.</li>
<li>When Woopra is out of Beta, free and paid plans will be in place, so this may hint that some systems are going to be limited to free users.</li>
</ul>
<h3>4. Alexa Web Information</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/109_statistics/images/alexa.jpg" border="0" /></div>
<p>Alexa, is a bit of a different stat system, it&#8217;s what you could call a public stat system. Why public? Because every website in its crawl list is viewable by anyone, which means anyone can look at another websites statistics. Not only are they public but they also have there own traffic rank system to list websites in there crawl list. In some peoples views someone would consider Alexa as not worth mentioning, but I believe it provides some useful information.</p>
<p>Main Features of Alexa:</p>
<ul>
<li>Public Stat monitoring system</li>
<li>Provides information like, demographics, keywords, related links, and click stream information</li>
<li>Uses own Alexa Traffic rank system to list websites according to those most popular</li>
</ul>
<h3>Advantages</h3>
<ul>
<li>Once a website is crawled, Alexa will update the information automatically.</li>
<li>Don&#8217;t need to sign up for an account to view any websites statistics</li>
<li>Data is updated quite regularly</li>
</ul>
<h3>Disadvantages</h3>
<ul>
<li>It&#8217;s not the most accurate system to use</li>
<li>Isn&#8217;t as in depth as others stat systems</li>
<li>Alexa is not a live stat service. Usually stats are updated daily or every two or so days.</li>
<li>Because Alexa has its own traffic rank system it may not represent a websites true position in the web.</li>
</ul>
<h3>5. Compete</h3>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/109_statistics/images/compete.jpg" border="0" /></div>
<p>Compete provides analytical information but also allows anyone to view websites that it has collected information on, similarly to Alexa. Compete has a diverse sample of websites and works with samples of internet users and analyzes the web pages they visit.  </p>
<p>Main Features of Compete:</p>
<ul>
<li>Combination of Analytics and general stats</li>
<li>Like Alexa it is also a public stat system (Anyone can view website stats which have been collected)</li>
<li>Branches out into different self service tools.</li>
<li>Compete is based on samples of people&#8217;s internet activity</li>
</ul>
<h3>Advantages</h3>
<ul>
<li>Valuable to a business/corporate website</li>
<li>Different ranges of analytical information</li>
<li>A variety of Self Service tools</li>
</ul>
<h3>Disadvantages</h3>
<ul>
<li>It is generally not for the average user. More for the business/marketing sector</li>
<li>Compete isn&#8217;t free. Only basic information is available for free users. Again this is due to Compete being aimed at businesses and not general websites.</li>
</ul>
<ul class="webroundup">
<li>Please subscribe to the <a href="http://feedproxy.google.com/themeforest" title="ThemeForest RSS Feed">Theme Forest RSS Feed</a>, and follow us on <a href="http://twitter.com/themeforest">Twitter</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/top-5-web-statistic-systems/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>10 Typography Tips to Bring your Skills to the Next Level</title>
		<link>http://blog.themeforest.net/resources/10-typography-tips-for-web-designers/</link>
		<comments>http://blog.themeforest.net/resources/10-typography-tips-for-web-designers/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 19:14:55 +0000</pubDate>
		<dc:creator>Jarel Remick</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2233</guid>
		<description><![CDATA[An often overlooked aspect of web design, by those just starting out, is typography. In fact, web designers that have been around for a couple years even have a tendency to overlook and undervalue the power of typography. Don&#8217;t be mistaken though, it&#8217;s one of the most powerful tools web designers have.
In this article, we&#8217;ll [...]]]></description>
			<content:encoded><![CDATA[<p>An often overlooked aspect of web design, by those just starting out, is typography. In fact, web designers that have been around for a couple years even have a tendency to overlook and undervalue the power of typography. Don&#8217;t be mistaken though, it&#8217;s one of the most powerful tools web designers have.</p>
<p>In this article, we&#8217;ll review ten web typography tips that will bring your typographic design skills to the next level.</p>
<h3>1. Leading</h3>
<p>Leading is the space between lines of text and probably one of the more commonly known elements of typography. Leading will greatly effect the readability of your text content. Leading will need to be changed based on the type face, size, weight and measure (covered next) used.</p>
<p>I generally stick with about 2-5pt&#8217;s larger leading than font size depending on the type face, size, etc. and how it feels reading it.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/leading.png" alt="Typography Leading" />
</div>
<h3>2. Measure</h3>
<p>Measure seems to be overlooked quite often in many of the templates I review. Sometimes I forget about it too though which is why articles like these are always a nice refresher. <img src='http://blog.themeforest.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Measure is the width of your text. If it&#8217;s too wide then it makes it harder for readers to visually travel from one line to the next. If it&#8217;s too narrow then it will be too much eye movement from one line to the next.</p>
<p>This will be a little harder to show you at a normal font size so I&#8217;ve reduced the font sizes for the example below. I see this issue most commonly with templates that have really wide content columns.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/measure.png" alt="Typography Measure" />
</div>
<p>I&#8217;ve heard different ways of approximating the appropriate width for text measure such as multiply the font size by 30 to get pixel width (10px font size X 30 = 300px measure width) or using approximately 80 characters as a max width. I like to read a test paragraph and adjust as necessary until it feels right.</p>
<h3>3. Text Alignment</h3>
<p>On the web it&#8217;s not a good idea to use justified text alignment. It will space out the words awkwardly and make it more difficult to read. Yes, the left <em>and</em> the right sides will be flush but readability is more important.</p>
<p>In the example below you can see it doesn&#8217;t look terrible but you&#8217;ll notice the first line is much more crammed together than line two and three. The test text and Photoshop didn&#8217;t provide an ideal example but when you&#8217;re dealing with more real world text in a browser, things can get pretty ugly with justified text alignment.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/alignment.png" alt="Typogrpahy Alignment" />
</div>
<h3>4. Create a Strong Hierarchy</h3>
<p>Creating a strong visual hierarchy is very important for readers to be able to quickly navigate from most important content to least important and gives them a sort of scaffolding to quickly find specific content they&#8217;re looking for. It gives a design structure and a logical flow of presented information making it feel more inviting for visitors.</p>
<p>Visual hierarchy using typography largely depends on size, color and spacing. The example below (<a href="http://themeforest.net/item/pacifica-html-a-premium-portfolio-template/50515">Pacifica Theme Forest template</a>) uses large, bold headings for primary content (left column) and smaller headings for secondary content (right column). Less important text content uses a lighter color and/or lighter weight.</p>
<p>For more information on visual hierarchy, read &#8220;<a href="http://blog.themeforest.net/tutorials/visual-hierarchy-in-web-design/">Visual Hierarchy in Web Design</a>&#8220;.</p>
<div class="tutorial_image">
	<a href="http://blog.themeforest.net/tutorials/visual-hierarchy-in-web-design/"><img src="http://themeforest.s3.amazonaws.com/106_typography/images/hierarchy.png" alt="Typography Hierarchy" /></a>
</div>
<h3>5. Serif and Sans Serif</h3>
<p>If you&#8217;re less experienced with typography in design, it&#8217;s a much safer bet to use serif fonts for headings and sans serif fonts for body text. If you&#8217;re not sure what a serif is, see &#8220;<a href="http://en.wikipedia.org/wiki/Serif">Serif</a>&#8221; via Wikipedia.</p>
<p>Serif fonts at smaller sizes don&#8217;t display well and can make body text uncomfortable to read. Using sans serif fonts for headings is fine too, it will just be a little less attention grabbing and will depend on your design. The example below (<a href="http://themeforest.net/item/minimo-a-minimal-one-page-portfolio-theme/49798">minimo Theme Forest template</a>) is a great example of custom serif font headings and sans serif font body text.</p>
<div class="tutorial_image">
	<a href="http://themeforest.net/item/minimo-a-minimal-one-page-portfolio-theme/49798"><img src="http://themeforest.s3.amazonaws.com/106_typography/images/serif1.png" alt="Serif and Sans Serif Typography" /></a>
</div>
<p>This example (<a href="http://themeforest.net/item/atlantica-html-premium-portfolio-template/44324">Atlantica Theme Forest template</a>) uses serif fonts for both headings and body text. The body text size is probably a little too small for being a serif font but it still looks nice and can obviously be increased by buyers. This is a great example of using all serif fonts in a template.</p>
<div class="tutorial_image">
	<a href="http://themeforest.net/item/atlantica-html-premium-portfolio-template/44324"><img src="http://themeforest.s3.amazonaws.com/106_typography/images/serif2.png" alt="Serif Typography" /></a>
</div>
<h3>6. Plan For Font Size Increase</h3>
<p>Those of us with great vision often forget about those with not-so-great vision. As a result, we forget to ensure our templates will scale properly with font size increases. If you style your typography correctly and create a solid layout, this won&#8217;t be an issue.</p>
<p>Example: <a href="http://www.alistapart.com">A List Apart</a> &#8211; Default font size.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/alistapart1.png" alt="A List Apart - Default Font Size" />
</div>
<p>Increased font size two levels in Safari.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/alistapart2.png" alt="A List Apart - Increased Font Size" />
</div>
<p>As you can see, it scales nicely without breaking anything and without headings with overlapping line-heights, etc.</p>
<h3>7. Start Using Styled Quotation and Apostrophe Marks</h3>
<p>Instead of using straight, boring quotation and apostrophe marks like this.</p>
<h4 style="font-size:15px;margin-top:10px;margin-bottom:20px;">&#8220;It&#8217;s boring&#8221;</h4>
<p>Use the prettier, styled quotation marks like this.</p>
<h4 style="font-size:15px;margin-top:10px;margin-bottom:20px;">&ldquo;It&rsquo;s sexy!&rdquo;</h4>
<ul>
<li>Left quotation is <strong>&amp;ldquo;</strong></li>
<li>Right quotation is <strong>&amp;rdquo;</strong></li>
<li>Apostrophe is <strong>&amp;rsquo;</strong></li>
</ul>
<p>I have to break myself of this habit as well. <img src='http://blog.themeforest.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h3>8. Use a Baseline Grid</h3>
<p>Grids aren&#8217;t just for structural layouts you know. Establishing consistent typographic vertical spacing helps keep the page balanced and proportional throughout your template. (Image via <a href="http://www.alistapart.com/articles/settingtypeontheweb">A List Apart</a>)</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/baselinegrid.png" alt="Typographic Baseline Grid" />
</div>
<p>For more information on this, read &#8220;<a href="http://www.alistapart.com/articles/settingtypeontheweb">Setting Type on the Web to a Baseline Grid</a>&#8220;. </p>
<h3>9. Limit Your Font Faces</h3>
<p>Don&#8217;t use more than three font faces in your design and preferably stick with two. With two font faces you can create plenty of variations to fill your needs. If three are needed, use the third sparingly so you don&#8217;t add confusion to your design.</p>
<p>It&#8217;s also a good idea to limit font sizes and colors to minimize reader confusion and keep consistency.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/toomanyfonts.png" alt="Too Many Fonts" />
</div>
<p>Now that I&#8217;ve said that, once you&#8217;re experienced enough, you can break this rule. It takes skill and practice to do it right though so if you&#8217;re not already a font expert, I&#8217;d stick with this rule for your production work.</p>
<h3>10. Use &#8220;Whitespace&#8221; Appropriately</h3>
<p>&#8220;Whitespace&#8221; (aka negative space) is the space between elements like bodies of text, columns, etc. This can be broken down to the smaller elements as well.</p>
<p>I&#8217;ve placed red in just some of the areas utilizing whitespace in Theme Forest&#8217;s blog design. You&#8217;ll notice the whitespace is balanced nicely throughout the page.</p>
<div class="tutorial_image">
	<img src="http://themeforest.s3.amazonaws.com/106_typography/images/whitespace.jpg" alt="Whitespace Example" />
</div>
<p>Giving your website elements enough whitespace is important and very helpful in creating a well balanced design. Be careful that you don&#8217;t over do it though because too much whitespace use the wrong way can be just as bad as too little.</p>
<p>For more information on whitespace, read &#8220;<a href="http://www.alistapart.com/articles/whitespace">Whitespace</a>&#8221; via A List Apart.</p>
<h3>Conclusion</h3>
<p>There&#8217;s a lot that goes into typography and it can make or break a design. If you&#8217;re not that familiar with typography or other ways it is used in web design, it would be very beneficial to take some time to dig deeper and learn more of the ins and outs.</p>
<p>Typography is an art and skill that takes time to master, but as I said at the beginning, it&#8217;s one of the most powerful (if no the most) tools designers have.</p>
<ul class="webroundup">
<li>Please subscribe to the <a href="http://feedproxy.google.com/themeforest" title="ThemeForest RSS Feed">Theme Forest RSS Feed</a>, and follow us on <a href="http://twitter.com/themeforest">Twitter</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/10-typography-tips-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>25 Essential Web Services for Designers</title>
		<link>http://blog.themeforest.net/resources/25-essential-web-services-for-designers/</link>
		<comments>http://blog.themeforest.net/resources/25-essential-web-services-for-designers/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 17:13:40 +0000</pubDate>
		<dc:creator>Giulio Bai</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2178</guid>
		<description><![CDATA[
Sometimes, it can be difficult to track down all of the amazing web services that are available around the web. In this list, we&#8217;ll show you 25 essential services that all designers should consider using.

Domainr

What: Pick a original domain name with other TLDs, in the del.icio.us fashion
Cost: Free
Link: http://domai.nr
Why:
Desirable .com domain names are scarcer than [...]]]></description>
			<content:encoded><![CDATA[<p>
Sometimes, it can be difficult to track down all of the amazing web services that are available around the web. In this list, we&#8217;ll show you 25 essential services that all designers should consider using.
</p>
<h3>Domainr</h3>
<div class="tutorial_image"><a href="http://domai.nr"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/domainr.png" alt="" /></a></div>
<p><strong>What:</strong> Pick a original domain name with other TLDs, in the del.icio.us fashion<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://domai.nr">http://domai.nr</a><br />
<strong>Why:</strong><br />
<blockquote>Desirable .com domain names are scarcer than profitable investment banks. But Domai.nr makes finding pithy URLs easy by querying 280 top-level domains and another 2,014 second-level ones for domain hacks, turning real English words into unique and memorable Web addresses like del.icio.us, internetfamo.us, gee.ky, and iamthewalr.us. Plus, it&#8217;s free. &#8212; <a href="http://www.wired.com/culture/lifestyle/multimedia/2009/03/pl_playlist?slide=2">Wired</a></p></blockquote>
<h3>Are My Sites Up?</h3>
<div class="tutorial_image"><a href="http://aremysitesup.com/aff/rPcPvN"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/aremysitesup.png" alt="" /></a></div>
<p><strong>What:</strong> Check whether your websites are up or not and get noticed when they go down.<br />
<strong>Cost:</strong> Free for up to 5 sites; $25/$50/$75 per year for premium services.<br />
<strong>Link:</strong> <a href="http://aremysitesup.com/aff/rPcPvN">http://aremysitesup.com</a><br />
<strong>Why:</strong><br />
<blockquote>When your websites go down, shouldn&#8217;t you be the first to know?<br />Our free plan will check up to five of your sites at least 25 times per day. You get unlimited email and SMS notifications and we will do our best to tell you WHY your site was down by providing the HTML status error code.</p>
<p>Our premium plans offer significantly more features: Faster site checks, an iPhone application, RSS feeds, Twitter integration, Keyword search, premium-level support, and more!</p>
<p>All for just one dollar per site per year (or cheaper!).</p></blockquote>
<h3>Templatr</h3>
<div class="tutorial_image"><a href="http://templatr.cc"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/templatr.png" alt="" /></a></div>
<p><strong>What:</strong> Create a simple design with little or no effort.<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://templatr.cc">http://templatr.cc</a><br />
<strong>Why:</strong><br />
<blockquote>It should should be easy to create an individual Design with the templatr. With a little experimentation you will be able to reach the desired result much more quickly than with endless written explanations.</p></blockquote>
<h3>Color Scheme Designer</h3>
<div class="tutorial_image"><a href="http://colorschemedesigner.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/colorschemedesigner.png" alt="" /></a></div>
<p><strong>What:</strong> Select color schemes and save them for later use.<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://colorschemedesigner.com">http://colorschemedesigner.com</a><br />
<strong>Why:</strong><br />
<blockquote>If you are making a website &#8211; and who isn&#8217;t lately &#8211; you need to make a theme for the site.  I an not stylistically inclined and am also colorblind, so I have a couple tools that I use when building sites that help me with that side of things.  One of them is ColorSchemeDesigner.com &#8211; a really great tool to help you get your colors right. &#8212; <a href="http://jamesrsullivan.com/2009/02/handy-tool-colorschemedesignercom/">james R Sullivan</a></p></blockquote>
<h3>CSS Sandbox</h3>
<div class="tutorial_image"><a href="http://aurelio.net/css-sandbox/"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/sandbox.png" alt="" /></a></div>
<p><strong>What:</strong> Experiment with CSS styles in real time<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://aurelio.net/css-sandbox/">http://aurelio.net/css-sandbox/</a><br />
<strong>Why:</strong><br />
<blockquote>A toy.<br />
A teacher.<br />
A live demo.<br />
A quick reference.<br />
A web application.<br />
A single HTML page.</p>
<p>The CSS Sandbox can be described by all these sentences.<br />
<br />
It&#8217;s a simple and quick web toy that lets you explore CSS in real time. Just click and see the effect instantly, no Reload needed. It&#8217;s fast and funny!<br />
<br />
Once you&#8217;re satisfied with the style of the Sandbox, roll your mouse over the handy CODE button. A panel will pop, showing all the necessary CSS code to apply that formatting to your own site.</p></blockquote>
<h3>Typetester</h3>
<div class="tutorial_image"><a href="http://www.typetester.org"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/typetester.png" alt="" /></a></div>
<p><strong>What:</strong> Compare screen type<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://www.typetester.org">http://www.typetester.org</a><br />
<strong>Why:</strong><br />
<blockquote>The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.</p></blockquote>
<h3>BrowserCam</h3>
<div class="tutorial_image"><a href="http://www.browsercam.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/browsercam.png" alt="" /></a></div>
<p><strong>What:</strong> Cross Browser Compatibility Testing Tools<br />
<strong>Cost:</strong> 24 hours free trial; prices vary from $20 to $1000/month<br />
<strong>Link:</strong> <a href="http://www.browsercam.com">http://www.browsercam.com</a><br />
<strong>Why:</strong><br />
<blockquote>See your web design on any browser on any operating system. Check javascripts, DHTML, forms and other dynamic functionality on any platform. Not just yours. Use our bank of testing machines remotely to test your website.</p></blockquote>
<h3>Genfavicon</h3>
<div class="tutorial_image"><a href="http://www.genfavicon.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/genfavicon.png" alt="" /></a></div>
<p><strong>What:</strong> Convert images into favicons for your website.<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://www.genfavicon.com">http://www.genfavicon.com</a><br />
<strong>Why:</strong><br />
<blockquote>Genfavicon is a site that features an application that allows you to create an icon out of the image of your choice. Simple select your image, by pasting in the URL address or uploading the image. Then choose which part of the image you wish to make the icon by dragging the mouse and cutting the desired shape. You must then select the size of your icon; 16X16, 32X32, 48X48, 64X64, or 128X128.<br />Preview what you have chosen and then finalize your icon.<br />You can then use your icon for your webpage or any other place you would like to put it.<br />Making your favicon could not be easier, in three quick steps you have made an icon that you can easily paste on your webpage. &#8212; <a href="http://www.killerstartups.com/Web-App-Tools/genfavicon-com-create-your-own-icon">KillerStartups</a></p></blockquote>
<h3>Time59</h3>
<div class="tutorial_image"><a href="http://time59.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/time59.png" alt="" /></a></div>
<p><strong>What:</strong> Track time and expenses, handle invoicing and payments.<br />
<strong>Cost:</strong> Risk-free 30 days trial, $49.95 per year<br />
<strong>Link:</strong> <a href="http://time59.com">http://time59.com</a><br />
<strong>Why:</strong><br />
<blockquote>Be more organized with less effort.  Time59 keeps track of the work you do, gets your invoices out quickly, and manages client payments.  Your Time59 account can be accessed from any internet connected computer&#8230;  at home, at your office, or on the road.  Getting started with Time59 is easy.  There&#8217;s nothing to install, just sign up and you&#8217;re ready to go.</p></blockquote>
<h3>Remember The Milk</h3>
<div class="tutorial_image"><a href="http://www.rememberthemilk.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/milk.png" alt="" /></a></div>
<p><strong>What:</strong> Manage tasks intuitively and interact with other web services<br />
<strong>Cost:</strong> Free. Pro account are $25/year <br />
<strong>Link:</strong> <a href="http://www.rememberthemilk.com">http://www.rememberthemilk.com</a><br />
<strong>Why:</strong><br />
<blockquote>Remember The Milk is the best way to manage your tasks online (obviously <img src='http://blog.themeforest.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p>Managing tasks is generally not a fun way to spend your time. We created Remember The Milk so that you no longer have to write your to-do lists on sticky notes, whiteboards, random scraps of paper, or the back of your hand. Remember The Milk makes managing tasks an enjoyable experience.</p>
<p>We offer a web application (on this site) and a number of additional Services to help you be more organized and productive.</p></blockquote>
<h3>Basecamp</h3>
<div class="tutorial_image"><a href="http://www.basecamphq.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/basecamp.png" alt="" /></a></div>
<p><strong>What:</strong> Project collaboration tool<br />
<strong>Cost:</strong> Free 30 days trial; from $24 to $149/month, depending on number of projects and storage<br />
<strong>Link:</strong> <a href="http://www.basecamphq.com">http://www.basecamphq.com</a><br />
<strong>Why:</strong><br />
<blockquote>Basecamp is online project management software. People can create, manage and communicate tasks, files and to-do lists. &#8212; <a href="http://www.appappeal.com/app/basecamp/">AppAppeal</a></p></blockquote>
<h3>RescueTime</h3>
<div class="tutorial_image"><a href="http://www.rescuetime.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/rescue.png" alt="" /></a></div>
<p><strong>What:</strong> Automated time tracking and management<br />
<strong>Cost:</strong> 14 days free trial. Solo light account available for free; Pro account upgrade costs $8/month<br />
<strong>Link:</strong> <a href="http://www.rescuetime.com">http://www.rescuetime.com</a><br />
<strong>Why:</strong><br />
<blockquote>RescueTime is a tool that allows you to easily understand and optimize how you and your team spends their time and attention. One of the most important things about RescueTime is that there is NO DATA ENTRY. You install a small application on the computers at your company and we magically track what software and which web sites are actively being used.</p></blockquote>
<h3>Mint</h3>
<div class="tutorial_image"><a href="http://haveamint.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/mint.png" alt="" /></a></div>
<p><strong>What:</strong> Web site analytics<br />
<strong>Cost:</strong> A single site license is $30<br />
<strong>Link:</strong> <a href="http://haveamint.com">http://haveamint.com</a><br />
<strong>Why:</strong><br />
<blockquote>Mint is an extensible, self-hosted web site analytics program. Its interface is an exercise in simplicity. Visits, referrers, popular pages and searches can all be taken in at a glance on Mint&#8217;s flexible dashboard.</p></blockquote>
<h3>CrazyEgg</h3>
<div class="tutorial_image"><a href="https://crazyegg.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/crazyegg.png" alt="" /></a></div>
<p><strong>What:</strong> Supplement your analytics with visuals and actionable data<br />
<strong>Cost:</strong> Plans start at $9/month<br />
<strong>Link:</strong> <a href="https://crazyegg.com">https://crazyegg.com</a><br />
<strong>Why:</strong><br />
<blockquote>Analytics only give you a static interpretation of your site visitor&#8217;s activities. You may be able to tell how many people have visited your site, or viewed a particular page, but you won’t be able to gauge effectiveness of design elements, link placement or popular areas of your site. If you want to know where people are clicking on your site, and which areas could use improvement, you need Crazy Egg. Crazy Egg helps you visualize your visitors.</p></blockquote>
<h3>ConsoleFish</h3>
<div class="tutorial_image"><a href="http://serfish.com/console/"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/consolefish.png" alt="" /></a></div>
<p><strong>What:</strong> Access your secure shell server<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://serfish.com/console/">http://serfish.com/console/</a><br />
<strong>Why:</strong><br />
<blockquote> As a free AJAX SSH client, the consoleFISH provides web-based access to any SSH server. It can be used to bypass firewalls and proxies on a secure HTTP connection. Moreover, the consoleFISH makes it possible to anonymously open SSH connections as the IP address of the connecting web client is not sent to the remote system.</p></blockquote>
<h3>SurFTP</h3>
<div class="tutorial_image"><a href="http://surftp.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/surftp.png" alt="" /></a></div>
<p><strong>What:</strong> Web-based FTP client<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://surftp.com">http://surftp.com</a><br />
<strong>Why:</strong><br />
<blockquote>Once you are logged in, you will be able to navigate the FTP server, upload files, download files, zip files, unzip files, install software, copy, move and delete, copy or move to a second FTP server, rename and chmod.</p></blockquote>
<h3>Heroku</h3>
<div class="tutorial_image"><a href="http://heroku.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/heroku.png" alt="" /></a></div>
<p><strong>What:</strong> in-browser Ruby on Rails development environment <br />
<strong>Cost:</strong> Free for basic usage; up to hundreds for add ons and performances<br />
<strong>Link:</strong> <a href="http://heroku.com">http://heroku.com</a><br />
<strong>Why:</strong><br />
<blockquote>There are two sides to Heroku&#8217;s offering. The first is a completely in-browser development environment where RoR programmers can build their apps instead of doing so with software on their own computers. [...]<br />The second aspect to Heroku&#8217;s offering, which it is promoting with new materials on its website today, will allow RoR developers to not only build their apps with Heroku but to host and scale them there as well. &#8212; <a href="http://www.techcrunch.com/2008/02/07/heroku-lifts-ruby-on-rails-development-to-the-cloud/">TechCrunch</a></p></blockquote>
<h3>Bespin</h3>
<div class="tutorial_image"><a href="https://bespin.mozilla.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/bespin.png" alt="" /></a></div>
<p><strong>What:</strong> Open, extensible web-based framework for code editing<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="https://bespin.mozilla.com">https://bespin.mozilla.com</a><br />
<strong>Why:</strong><br />
<blockquote>Bespin is a Mozilla Labs experiment that proposes an open, extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards. [built using HTML5 technology] </p></blockquote>
<h3>Google AJAX APIs playground</h3>
<div class="tutorial_image"><a href="http://code.google.com/apis/ajax/playground/"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/ajaxplayground.png" alt="" /></a></div>
<p><strong>What:</strong> Online script development tools<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://code.google.com/apis/ajax/playground/">http://code.google.com/apis/ajax/playground/</a><br />
<strong>Why:</strong><br />
<blockquote>Google&#8217;s AJAX APIs let you implement rich, dynamic web sites entirely in JavaScript and HTML. You can add a map to your site, a dynamic search box, or download feeds with just a few lines of JavaScript.</p>
<p>With AJAX APIs Playground you can try all these functions with save &#038; Export features! &#8212; <a href="http://www.feedmyapp.com/p/a/ajax-apis-playground-play-with-google-ajax-apis/7837">Feedmyapp</a></p></blockquote>
<h3>Snipplr</h3>
<div class="tutorial_image"><a href="http://snipplr.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/snipplr.png" alt="" /></a></div>
<p><strong>What:</strong> Social snippet repository<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://snipplr.com">http://snipplr.com</a><br />
<strong>Why:</strong><br />
<blockquote>Snipplr is a public source code repository that gives you a place to store and organize all the little pieces of code that you use each day. Best of all, it lets you share your code snippets with other coders and designers. Did we mention it works with TextMate, too? It&#8217;s code 2.0.</p></blockquote>
<h3>Wofoo</h3>
<div class="tutorial_image"><a href="http://wufoo.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/wofoo.png" alt="" /></a></div>
<p><strong>What:</strong> Form builder<br />
<strong>Cost:</strong> Free for limited number of entries and one form only; from $9.95/month for more intensive usage<br />
<strong>Link:</strong> <a href="http://wufoo.com">http://wufoo.com</a><br />
<strong>Why:</strong><br />
<blockquote>Wufoo strives to be the easiest way to collect information over the Internet.</p>
<p>Our HTML form builder helps you create contact forms, online surveys, and invitations so you can collect the data, registrations and online payments you need without writing a single line of code.</p></blockquote>
<h3>Dabble DB</h3>
<div class="tutorial_image"><a href="http://dabbledb.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/dabble.png" alt="" /></a></div>
<p><strong>What:</strong> Online database<br />
<strong>Cost:</strong> Free, but data is public; all data private and secure for $8/month<br />
<strong>Link:</strong> <a href="http://dabbledb.com">http://dabbledb.com</a><br />
<strong>Why:</strong><br />
<blockquote>Dabble DB is a web-based application that lets you work with data on your own terms. Instead of downloading an application, you upload your data and then build your own database application. You can import existing data or just start from scratch. Extend it or change it as you go. Restructure and redefine how you organize your data on a whim.</p></blockquote>
<h3>Writeboard</h3>
<div class="tutorial_image"><a href="http://writeboard.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/writeboard.png" alt="" /></a></div>
<p><strong>What:</strong> Collaborative writing software<br />
<strong>Cost:</strong> Free<br />
<strong>Link:</strong> <a href="http://writeboard.com">http://writeboard.com</a><br />
<strong>Why:</strong><br />
<blockquote>Writeboards are sharable, web-based text documents that let you save every edit, roll back to any version, and easily compare changes.<br />
Use writeboardto write solo or collaborate with others.</p></blockquote>
<h3>Zoho Suite</h3>
<div class="tutorial_image"><a href="http://www.zoho.com"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/zoho.png" alt="" /></a></div>
<p><strong>What:</strong> Productivity, collaboration and business apps<br />
<strong>Cost:</strong> Free for personal use; pricing varies depending on the services needed<br />
<strong>Link:</strong> <a href="http://www.zoho.com">http://www.zoho.com</a><br />
<strong>Why:</strong><br />
<blockquote>While Google Docs seems to be the first product people think of when online office suites come up, the lesser-known Zoho Suite offers more apps and features. <a href="http://lifehacker.com/software/lifehacker-faceoff/zoho-suite-vs-google-docs-315256.php">See how Zoho stacks up against Google Docs</a>. &#8212; <a href="http://lifehacker.com/342765/top-10-underhyped-webapps">LifeHacker</a></p></blockquote>
<h3>Box</h3>
<div class="tutorial_image"><a href="http://box.net"><img src="http://themeforest.s3.amazonaws.com/102_twentyFiveServices/box.png" alt="" /></a></div>
<p><strong>What:</strong> Online storage<br />
<strong>Cost:</strong> Free Lite plan; paid plans start at 5.66/month after a 14 days trial<br />
<strong>Link:</strong> <a href="http://box.net">http://box.net</a><br />
<strong>Why:</strong><br />
<blockquote>Box.net serves up more than a quarter billion files every year, so we know the innovative, evolving ways that businesses use Box and we understand that the people creating content are just as important as the content itself. With this in mind, we bring together the best of traditional content and collaboration tools with the most effective elements of social software to create business solutions that not only capture and centralize the knowledge of an organization, but also connect that knowledge across dispersed teams for enhanced collaboration and discovery.</p></blockquote>
<ul class="webroundup">
<li>Please subscribe to the <a href="http://feedproxy.google.com/themeforest" title="ThemeForest RSS Feed">Theme Forest RSS Feed</a>, and follow us on <a href="http://twitter.com/themeforest">Twitter</a>.</li>
</ul>
<p>
<script type="text/javascript"><!--digg_url = "post permalink (not digg url)"; // -->
</script><br />
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/25-essential-web-services-for-designers/feed/</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
		<item>
		<title>Your Favourite Collection: The Final Frontier</title>
		<link>http://blog.themeforest.net/resources/your-favourite-collection-the-final-frontier/</link>
		<comments>http://blog.themeforest.net/resources/your-favourite-collection-the-final-frontier/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 05:32:17 +0000</pubDate>
		<dc:creator>Cyan</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2115</guid>
		<description><![CDATA[It was a nail biting finish with only 5 votes between the top two collections, but the winner of the Envato Marketplaces Collection Competition is:
Finalist 5: The Final Frontier
by circuitbomb

&#8220;Space. It is colorful. It is infinite. These are the voyages of the starship Envato. It’s continuing mission…&#8221;
Congratulations Circuitbomb, you&#8217;ve won US$3,500 to spend on your [...]]]></description>
			<content:encoded><![CDATA[<p>It was a nail biting finish with <strong>only 5 votes</strong> between the top two collections, but the winner of the <a href="http://blog.flashden.net/general/who-should-win-us3500-vote-now/">Envato Marketplaces Collection Competition</a> is:</p>
<h3>Finalist 5: <a href="http://activeden.net/collections/221628">The Final Frontier</a></h3>
<p>by <a href="http://activeden.net/user/circuitbomb">circuitbomb</a></p>
<p><a href="http://activeden.net/collections/221628"><img alt="" src="http://s3.envato.com/files/123936.png" class="alignnone" width="250" height="151" /></a></p>
<p><em>&#8220;Space. It is colorful. It is infinite. These are the voyages of the starship Envato. It’s continuing mission…&#8221;</em></p>
<p>Congratulations Circuitbomb, you&#8217;ve won US$3,500 to spend on your ultimate creative set-up!</p>
<p>Each of the <a href="http://blog.flashden.net/general/who-should-win-us3500-vote-now/">10 finalists</a> have won the contents of their collection. Thanks to everyone who entered, and watch out for the next big Envato competition!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/your-favourite-collection-the-final-frontier/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>50 Ways to Get Your Site Noticed</title>
		<link>http://blog.themeforest.net/resources/50-ways-to-get-your-site-noticed/</link>
		<comments>http://blog.themeforest.net/resources/50-ways-to-get-your-site-noticed/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 16:25:27 +0000</pubDate>
		<dc:creator>Carl Heaton</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://blog.themeforest.net/?p=2099</guid>
		<description><![CDATA[ This article aims to show you how to attract users and make them hungry for more. Who is this post for? Anyone with a web site. Not all of the items listed below will apply to you and your business, but they are, at the very least, a source for inspiration. 
 Fresh and [...]]]></description>
			<content:encoded><![CDATA[<p> This article aims to show you how to attract users and make them hungry for more. Who is this post for? Anyone with a web site. Not all of the items listed below will apply to you and your business, but they are, at the very least, a source for inspiration. </p>
<h3> Fresh and catchy content </h3>
<p>    If you have good content, people will always come back for more. One of the most important things about content is to keep it <b>fresh and up-to-date</b>. But, just like Smashing Magazine, make sure you archive your content for people to refer back to.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_60htw9x8q7_b.jpg" alt="Fresh and catchy content " style="WIDTH:500px; HEIGHT:219px" /></div>
<h3> Listen to your community </h3>
<p>    If you are already lucky enough to have a community or even just some regular users, listen to them. You can do this by emailing your users directly, setting up comment forms, <a href="http://www.volusion.com/livechat_software.asp">live chat</a>, or even user feedback systems such as <a href="http://uservoice.com/" target="_blank">UserVoice</a>, which allow users to vote on site issues and functionality. By listening to your community you can determine exactly what they want. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_62c9qmj2cm_b.jpg" alt="Listen to your community " style="WIDTH:500px; HEIGHT:307px" /> </div>
<h3> Monitor how your site is used </h3>
<p>  Knowing how users use your site is vital. This allows you to target their needs better. The best way is to keep a close eye on your analytics data, check what country/area your users are coming from, what search terms are working well for you, and what sites are giving you the best referrals.
    </p>
<p>Find out <strong>how users navigate</strong> your site via <a href="http://www.clickdensity.com/" target="_blank">Heat maps</a>. These help you alter your site so that it is easier for your visitors to use and find what they want. This keeps your users happy and more likely to return. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_63dx5k94f6_b.jpg" alt="Monitor how your site is used " style="WIDTH:500px; HEIGHT:300px" /> </div>
<h3> Take part in the on-line community </h3>
<p>
    When you read your favorite blog or read an article of interest, leave a comment with your name, email and web site address. Ensure you are an active member of a relevant forum discussion or networking group. Make sure you are seen to be an <b>active member </b>of your site&#8217;s online community sector. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_64hds6kcfj_b.jpg" alt="Take part in the on-line community " style="WIDTH:500px; HEIGHT:348px" /> <em></div>
<p>      Smashing Magazines commenting system making it easy to take part.</em> </p>
<h3> Submit to directories and galleries </h3>
<p>    This should be an <b>ongoing process</b> as there are many local, national and worldwide directories. Your first port of call should be <a href="http://www.dmoz.org">DMOZ.org</a>. Following this submit to the local directories and those specializing in your sites business sector. </p>
<p>    If you are designing web sites and proud of your work, submit your site to web design galleries. These directories such as <a href="http://www.cssbeauty.com/" target="_blank">CSS Beauty</a> and <a href="http://www.csselite.com/" target="_blank">CSS Elite</a> feature beautiful and creative designs and ask users to comment and rate each design. Once people see your work their visitors may become yours too.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_65cgrtfmcs_b.jpg" alt="DMOZ" style="WIDTH:500px; HEIGHT:346px" /> </div>
<h3> Email signatures </h3>
<p>Whenever you send out an email, make sure you have your URL attached to the <a href="http://www.webdevelopersnotes.com/basics/what_is_email_signature.php">email signature</a>. Simple idea but effective. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_66fcwft2cj_b.jpg" alt="Email signatures" style="WIDTH:500px; HEIGHT:168px" />
      </div>
<h3> Business cards always at hand </h3>
<p>    Ensure you always have your business card to hand. If you meet someone needing your services it always pays to have a striking and memorable business card to exchange. It is worth spending time on your business card to make it <a href="http://logodesignerblog.com/creative-business-cards-design-inspiration/" target="_blank">creative and memorable</a>, otherwise you may just be left at the bottom of the pile with the rest.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_67hk6zwhd7_b.jpg" alt="Exchangnig business cards" style="WIDTH:500px; HEIGHT:392px" /> </div>
<h3> Company stationary </h3>
<p>    Put your web site address on everything; pens, letterheads, flyers, and anything that represents your company. Make sure it is <b>clear</b> and <b>promotes</b> people to visit your web site e.g. &#8220;For more information on our new product check ourwebsite.com&#8221; </p>
<h3> Win an award </h3>
<p>
    Winning an award is not easy but it can lead to a flood of visitors to your site. Even if you are a runner up, people will be curious as to who you are. The winner of the <a href="http://www.netmag.co.uk" title=".net magazine" target="_blank">.net magazine</a> interactive site of the year 2009, <a href="http://www.ecodazoo.com" target="_blank">www.ecodazoo.com</a>, received huge amounts of visits from the <a href="http://www.thenetawards.com" target="_blank">www.thenetawards.com</a> site. <a href="http://www.computerarts.co.uk/in_depth/features/ten_best_design_competitions" title="Choose your competition" target="_blank">Choose your competition</a> wisely and remember, <b>winning is not everything</b> but getting your URL in front of as many readers as possible is.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_69dp58xbgb_b.jpg" alt="Ecodazoo" style="WIDTH:500px; HEIGHT:322px" /> </div>
<p>
      <a href="http://ecodazoo.com/" target="_blank">Ecodazoo</a> pushes the boundaries of 3D design on the web.</p>
<h3> Competitions </h3>
<p>    On the flip side of winning an award, running a competition can be just as <b>beneficial</b> to your analytics stats. This could be as simple as <a href="http://www.designcontest.net/" target="_blank">designing a new logo</a> or coming up with a new name for your latest product. Either way this will <strong>attract more users</strong> to your site and show you are giving back to your users as well as taking.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_70fkzbwtdh_b.jpg" alt="The Webby Awards" style="WIDTH:500px; HEIGHT:388px" />
<div>The Webby Awards is the leading international award honoring excellence on the Internet.</div>
</div>
<h3> Search Engine Optimisation </h3>
<p>    Effective SEO, <a href="http://www.highrankings.com/commonsense">common sense</a> and <a href="http://www.webstandards.org/" title="web Standards" target="_blank">web standards</a> go hand-in-hand. The idea is to create a semantic, valid code, that essentially uses the right tool for the job. This means using the right HTML tags and having a unique title and meta data for each page. Ensure search engine spiders can correctly index your site and good content is a must. Remember the most important way to climb the search engine ranks is through quality links. For full information on this see the <a href="http://www.google.com/support/webmasters/bin/topic.py?topic=19494"> Google Webmasters/Site owners guidelines</a>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_71cv2cszmv_b.jpg" alt="Google Webmasters/Site owners guidelines." style="WIDTH:500px; HEIGHT:345px" /> <a href="http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf" title="Search Engine Optimization Starter Guide"> <em><br />
      Search Engine Optimization Starter Guide</em></a>
    </div>
<h3> Paid advertising </h3>
<p>    <a href="http://en.wikipedia.org/wiki/Pay_per_click">Pay per click advertising</a> can drive a great deal of traffic to your site if you correctly target your keywords. Placing your banner or link on <b>relevant sites</b> will vastly improve the chance of you getting noticed.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_72cx52v5g4_b.jpg" alt="Paid advertising " style="WIDTH:500px; HEIGHT:383px" /> <em><br />
      The most effective advertising gets your message to a relevant audience.</em>
    </div>
<h3> Write articles </h3>
<p>    Writing articles for other sites as well as your own is a fantastic way to get noticed. SEO experts will tell you the same thing and one of the biggest sites for articles is <a href="www.ezinearticles.com" target="_blank">www.ezinearticles.com.</a> If you are a web designer, consider writing a tutorial for SmashingMagazine or NetTuts. If your sell power tools consider writing an aritlce about the best router for making coffee tables etc. Just make sure you put your URL next to your name and if it is well written <b>people will want to know more</b> about you.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_73djp3kdhx_b.jpg" alt="Write articles " style="WIDTH:500px; HEIGHT:275px" /> </div>
<h3> Create a Blog </h3>
<p>    As you know blogs are big and they are continuing to thrive as people want quick useful information about a product, service or <a href="http://blog.searchenginewatch.com/090403-135206">general news</a>. <a href="http://wordpress.org/" target="_blank">Wordpress</a> has been at the forefront of blogging and gives us the tools to make <a href="http://www.problogger.net/archives/2005/08/15/search-engine-optimization-for-blogs/" target="_blank">search engine friendly</a> rich blogs with <a href="http://sixrevisions.com/wordpress/beautiful_wordpress_designs/" target="_blank">beautiful design</a>. It is up to you to fill your blog with <b>fresh and catchy content</b>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_74hgqcntdt_b.jpg" alt="Amazon - recommended book for Wordpress bloggers" style="WIDTH:500px; HEIGHT:268px" /> <br />
<a href="http://www.amazon.com/gp/product/0321591933" title="Building a WordPress Blog People Want to Read (Paperback)"><em><br />
    Building a WordPress Blog People Want to Read (Paperback)</em></a>
    </div>
<h3> Online community web sites </h3>
<p>    In the past year we have seen the social community web site boom and many sites have reaped huge benefits. Creating your own Facebook page, uploading your work to <a href="http://www.deviantart.com/" target="_blank">Deviant Art</a> or creating your own <a href="http://www.squidoo.com/" target="_blank">Squidoo</a> page all help build your online presence.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_111dxn9nqcx_b.jpg" alt="Facebook group" style="WIDTH:500px; HEIGHT:295px" /> </div>
<h3> Twitter and Twibes </h3>
<p>    We all know the power of Twitter by now and much has been said on the subject of using <a href="http://twitter.com/" target="_blank">Twitter</a> as a marketing tool, but the fact remains it is a very effective way of getting noticed. Get the most out of twitter by choosing one of the <a href="http://www.smashingmagazine.com/2009/03/02/twitter-web-designer-and-developer-toolbox-api-and-tutorials/" target="_blank">many tools available</a>. Keep inside your niche area, follow people that matter to your web site, make it personal. Do not just use marketing spiel or you will quickly lose followers. If you are part of a niche area consider setting your own <a href="http://www.twibes.com/" target="_blank">Twibe</a> i.e a group of Twitter users. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_75gfgg36k5_b.jpg" alt="Twibes" style="WIDTH:500px; HEIGHT:340px" />
    </div>
<h3> Pod and Video Casts </h3>
<p>
    If you have something to say and you think others will be interested then consider making a <a href="http://reviews.digitaltrends.com/guide/31/how-to-make-a-podcast" target="_blank">Pod Cast</a> or <a href="http://en.wikipedia.org/wiki/Video_podcast" target="_blank">Video Cast</a>.<a href="http://www.Boagworld.com"> www.Boagworld.com</a> is a leader in this field for web design and Paul Boag has said that the majority of his new clients have come through the Podcast. Here are eight tips when thinking about Podcasting:
    </p>
<ul>
<li>
       Invest in a <a href="http://www.amazon.com/Samson-CO1U-USB-Condenser-Mic/dp/B000AP1RE8" title="good microphone">good microphone</a> </li>
<li>       Reduce background noise  </li>
<li>       Prepare but do not read as if from a script  </li>
<li>Follow a consistent format  </li>
<li> Invite guest speakers  </li>
<li>       Have regular scheduled casts </li>
<li>       Enjoy the process and relax </li>
</ul>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_109dqtq9cgk_b.jpg" alt="From the couch" style="WIDTH:500px; HEIGHT:400px" /> <a href="http://www.from-the-couch.com" title="Video Blog of David and Marc Perel discussing their passion for Web">
<div>Video Blog of David and Marc Perel discussing their passion for Web</div>
<p></a></div>
<h3> Newsletters and RSS feeds </h3>
<p>  Users sign up for your newsletter and you have your captive audience. If used properly newsletters can be <b>very effective tools</b> for driving people to your site. Check out <a href="http://www.smashingmagazine.com/2007/10/16/best-practices-for-bulletproof-e-mail-delivery/" title="Smashing Magazines best practices article">Smashing Magazines best practices article</a> before embarking on your campaign and when you are ready use services like <a href="http://www.mailchimp.com" title="MailChimp">MailChimp</a> to monitor its success.
    </p>
<p>
    Similar to newsletters, having an RSS / subscription feed of your content is another way to <b>keep users noticing</b> your web site. They are easy to setup and a good way to keep your users up-to-date on your web site. Make sure you keep your feeds relevant, interesting, informative and easy to find.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_77hr6sx9jd_b.jpg" alt="Cool RSS Icons" style="WIDTH:500px; HEIGHT:338px" /> <em><br />
    Ref: <a href="http://www.hongkiat.com/blog/really-cool-rss-feed-icons" target="_blank">http://www.hongkiat.com/blog/really-cool-rss-feed-icons/</a></em>  </div>
<h3> Seasonal cards and e-cards </h3>
<p>    Send out cards to your clients either by snail male or to their email. Not only is this a nice gesture but also keeps your web site address firmly imprinted in their mind. Using services like <a href="http://www.cardsdirect.com/" title="Cards Direct">Cards Direct</a> is a quick and easy way to spread the holiday cheer with your web site address attached to it. </p>
<h3> Run an event </h3>
<p>    Running an event is both a fantastic way to market your business and to connect with your customers, clients and experts in your sector. For example, the Future of Web Design events are run all around the world featuring many professionals from the web design community. Your event does not have to be around web design, but focused on your site and business&#8217;s sector to raise awareness of you and your site. </p>
<p>    Alternatively you can <b>be one of the speakers.</b> This form of marketing has worked very well for people like Brett Welch, Danny Somekh and Folkert Gorter who spoke at the <a href="http://events.carsonified.com/fowd/2009/london/content">FOWD London 2009</a>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_784c4g22d5_b.jpg" alt="Carsonified events" style="WIDTH:500px; HEIGHT:317px" /> </div>
<h3> T-shirts with your web site address </h3>
<p>    Be your own marketing tool, have T-shirts, bags, folders etc sporting your web site address clearly.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_79dqts8gk8_b.jpg" alt="Joomla T-Shirts" style="WIDTH:500px; HEIGHT:310px" /> <br />
    <em>Joomla raises peoples awareness with its </em><a href="http://shop.joomla.org" title="online shop"><em>online shop</em></a><em>.</em> </div>
<h3> Create a phone app </h3>
<p>    Can your service be provided or product purchased using mobile phone or PDA? If so consider creating your own phone application. If you want to tap into the <a href="http://news.cnet.com/8301-13579_3-10245339-37.html">vast iPhone market</a> you can consider selling your app on <a href="http://www.apple.com/iphone/apps-for-iphone/" target="_blank">iPhone app store</a>. Alternatively you can use a company like <a href="http://www.siruna.com/" target="_blank">Siruna</a> to create the mobile application for you.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_80hb3845fs_b.jpg" alt="App Store" style="WIDTH:500px; HEIGHT:367px" /> </div>
<h3> Charity Work </h3>
<p>    You can donate directly to a charity or run a charity event. There are<a href="http://www.charitychoice.co.uk/" target="_blank"> many charities</a> out there, so choose wisely and carefully.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_81d2kg4wdb_b.jpg" alt="Oxfam" style="WIDTH:500px; HEIGHT:341px" /> </div>
<h3> College and University Project Sponsorship </h3>
<p>    Many courses require a student to do a set amount of work experience or final year project. Contact your local college and or university and offer them a project that you would like their students to help on. &quot;My final year project was to create a new search engine optimised template for a local business directory. The directory benefited from the new template tremendously and we learnt a great deal as a team.&quot; </p>
<p>    Submitting proposals for college and university projects not only supports your web site but helps students gain real life experience in their chosen field. Here are a few examples:</p>
<ul>
       <a href="http://www.business-services.salford.ac.uk/" title="Business Services at the University of Salford" target="_blank">Business Services at the University of Salford UK</a><br />
       <a href="http://cbid.bme.jhu.edu/submit-a-project/index.php" title="Center for Bioengineering Innovation &amp; Design" target="_blank">Center for Bioengineering Innovation &amp; Design</a><br />
       <a href="http://www.its.monash.edu.au/staff/projects/project-management/sponsoring.html" title="Monash University Australia" target="_blank">Monash University Australia</a>
    </ul>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_82c5svbnc2_b.jpg" alt="College and University Project Sponsorship " style="WIDTH:500px; HEIGHT:283px" /></div>
<h3> Place your content elsewhere </h3>
<p>    Your web site is not the only place to put your content. If you sell a product you can also list it on eBay. If you are a band why not put your songs on <a href="http://www.last.fm/uploadmusic">Last.fm,</a> If your site is about tutorials you can also submit your tutorial to other sites like <a href="http://www.net.tutsplus.com" target="_blank">netTuts</a>. Once people notice your content they will be more inclined to visit your site <b>hungry for more</b>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_83ggd26k4f_b.jpg" alt="Last.fm" style="WIDTH:500px; HEIGHT:384px" /> </div>
<h3> Give away free stuff </h3>
<p>    In the case of Vista print they offer <a href="http://www.vistaprint.co.uk/vp/ns/studio3.aspx?pf_id=064&amp;combo_id=4298&amp;gallery_id=64&amp;category_id=11" title="free business cards">free business cards</a>, the cards have your logo and details on one side and theirs on the other. Here is a list of ideas you can give away:</p>
<ul>
<li><a href="http://www.print4half.com/promotional-products-product-7.aspx" title="Pens, badges and other stationary">Pens, badges and other stationary</a> </li>
<li>  Free <a href="http://savethepixel.org/" title="e-book">e-books</a> or even <a href="http://www.audiobooks.org/" title="audio book">audio books</a> </li>
<li>  <a href="http://www.apple.com/downloads/macosx/icons_screensavers/" title="Screensavers">Screensavers</a> </li>
<li>  <a href="http://www.lemonjelly.ky/downloads.html" title="Desktop backgrounds">Desktop backgrounds</a> </li>
</ul>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_85dtjwnspt_b.jpg" alt="Vista print" style="WIDTH:500px; HEIGHT:385px" /><br /><a href="http://www.amazon.co.uk/gp/gc" title="Vouchers">Amazon Vouchers</a></div>
<h3> Sponsorship </h3>
<p>Sponsorship can be a remarkable way of getting your web site in front of 100’s or 1000’s of eyes. When choosing a sponsorship project, keep to ones that will reflect well on your company as well as being relevant. For more information check out the following sites in the <a href="http://www.sponsorship.com/" target="_blank">UK</a> and <a href="http://www.sponsorscape.com/nacntc.htm">North America.</a> You can also place advertisements that you or your company is looking for proposals from individuals or companies to sponsor. When you receive the proposals have a set criteria in mind of what your looking for. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_86r4xwk3d2_b.jpg" alt="Datapower Tools five aside football team" style="WIDTH:500px; HEIGHT:328px" /> </p>
<p><a href="http://www.datapowertools.co.uk" title="DataPowertools.co.uk">The DataPowertools.co.uk</a> 5 aside football team. </p>
</div>
<h3> Get in the news </h3>
<p>The news takes many forms in today&#8217;s media but one of the most beneficial is to get your site featured on a popular news web site. One of the top five news portals is <a href="http://news.google.com/" target="_blank">Google News</a>. There are two ways; to be a feature or to feature news items. Either way you should concentrate on having original content, multiple authors, proper attribution and good response time. For more information check out the Website Magazine article <a href="http://www.websitemagazine.com/content/blogs/posts/pages/Get-Your-Website-Included-in-Google-News.aspx" >Get Your Website Included in Google News</a>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_87xpbq3s4z_b.jpg" alt="Man reading the news" style="WIDTH:500px; HEIGHT:333px" /> </div>
<h3> Press releases </h3>
<p>Do you have web site that people are interested in on a national or local level? Why not submit a press release informing the public about your new site. Simply place an add in the local paper or sector specific magazine.     </p>
<h3> Merchandising </h3>
<p>Do you have a product that you think will sell? Why not try your hand at merchandising, but if you are new to all this you can use services like <a href="http://www.50below.info/merchandising.htm" target="_blank">50below.com</a> to help setup your online store. If you do have a number of products list them on various other platforms like <a href="http://pages.ebay.com/SERVICES/BUYANDSELL/WELCOME.HTml">eBay</a>, <a href="http://www.google.com/products">Froogle</a> and <a href="http://www.amazon.com/gp/seller/sell-your-stuff.html">Amazon</a> with links back to your site within the product descriptions. </p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_88dq86vngc_b.jpg" alt="50 Below" style="WIDTH:500px; HEIGHT:342px" /> </div>
<h3> Solve a problem </h3>
<p>Find a problem that affects your sites sector, create a fix and publish it. A good solution to a difficult problem is a sure fire way of getting people to flock to your site. One example is the <a href="http://homepage.ntlworld.com/bobosola/" target="_blank">PNG fix for Internet Explorer</a>, this simple site received thousands of hits as it helped solve a problem with image transparencies in IE6.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_893xfrbvcn_b.jpg" alt="PNG fix" style="WIDTH:500px; HEIGHT:358px" /><br /> <br />
    <a href="http://labs.unitinteractive.com/unitpngfix.php" target="_blank">http://labs.unitinteractive.com/unitpngfix.php</a> </div>
<h3> Adding widgets to your web site </h3>
<p>    Give your site a boost by <a href="http://homepage.ntlworld.com/bobosola/" target="_blank">adding news feeds</a>, <a href="http://www.bloglines.com/" target="_blank">blogs</a>, <a href="http://twitterfeed.com/" target="_blank">tweets</a>, <a href="http://www.widgetbox.com/" target="_blank">various widgets</a>, <a href="http://delicious.com/" target="_blank">delicious links</a>, <a href="http://digg.com/add-digg" target="_blank">diggs</a> and <a href="http://www.stumbleupon.com/" target="_blank">stumble links</a> to your site. For the most comprehensive list of widgets try the <a href="http://eco.netvibes.com/widgets">netvibes ecosystem</a>. When adding widgets to your web site keep in mind that they should enhance the user experience and not clutter your web site. <a href="http://onecoolsite.wordpress.com/2009/01/02/widgets-less-is-more/" target="_blank">Less is more</a>!</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_90d6bfx5fq_b.jpg" alt="Widgetbox" style="WIDTH:500px; HEIGHT:370px" /> </div>
<p>    <a href="http://www.widgetbox.com/" title="Widgetbox gives you more than enough choice of widgets" target="_blank"><em>Widgetbox gives you more than enough choice of widgets</em></a> </p>
<h3> YouTube channels / subscriptions </h3>
<p>    We all know that YouTube is massive and already one of the biggest way sites get noticed is through uploading or creating <br />
    <a href="http://www.youtube.com/watch?v=QvJoc8oEays&amp;amp;feature=fvst">creative</a>, <br />
    <a href="http://www.youtube.com/watch?v=VKKMB9vRkIg">fun</a>, <br />
    <a href="http://www.youtube.com/watch?v=mC3C1aVOOWA&amp;amp;NR=1">shocking</a>, <br />
    <a href="http://www.youtube.com/watch?v=l5YYuLJxWQ0&amp;amp;feature=related">interesting</a> <br />
    or damn right <a href="http://www.youtube.com/watch?v=v91nKja2Qw4">weird</a> video. <br />
    Setting up your own channel will allow users to subscribe to you thus giving you more eyes on your content and web site <br />
    url. Making a <a href="http://www.youtube.com/watch?v=wIr6AzQuW38">short introduction</a>, or a series of clips like <br />
    <a href="http://www.youtube.com/user/expertvillage">Expert village</a> is a cost effective way of driving traffic to your site as well as climbing the <a href="http://ezinearticles.com/?Add-Video-to-Website-to-Improve-Your-Search-Engine-Ranking&amp;amp;id=2298189">search engine results ladder</a>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_91d898kgcm_b.jpg" alt="Expert Village" style="WIDTH:500px; HEIGHT:409px" /> </div>
<h3> Free services </h3>
<p>    Having a specific free service that is useful and intuitive could attract a plethora of users. Here are some examples of sites with useful tools:</p>
<ul>
       <a href="http://freelanceswitch.com/rates/" title="Freelancer rates calculator">Freelancer rates calculator</a><br />
       <a href="http://kuler.adobe.com/" title="Kuler colour scheme creator">Kuler colour scheme creator</a><br />
       <a href="http://browsershots.org/" title="Multiple browser tests">Multiple browser tests</a><br />
       <a href="http://www.xml-sitemaps.com/" title="XML site map generator">XML site map generator</a><br />
       <a href="http://hotjobs.yahoo.com/salary" title="Calculate your salary">Calculate your salary</a><br />
       <a href="http://www.xe.com/ucc/customize.php" title="Customized currency converter">Customized currency converter</a><br />
       <a href="http://www.websiteoptimization.com/services/analyze/" title="Web Page Analyzer">Web Page Analyzer</a><br />
       <a href="http://tools.dynamicdrive.com/favicon/" title="FavIcon Generator">FavIcon Generator</a><br />
       <a href="http://instantdomainsearch.com/" title="Instant Domain Search">Instant Domain Search</a></p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_92h8cx3vgk_b.jpg" alt="Rates Calculator" style="WIDTH:500px; HEIGHT:303px" /> <a href="http://freelanceswitch.com/rates/" title="Freelance Switch's rate helps people work out their standard freelance rate."><br />
          Freelance Switch&#8217;s rate calculator helps people<br />
          work out their standard freelance rate.</a> </div>
</ul>
<h3> Consultation service</h3>
<p>If your site is a specialist in its field consider offering a <a href="http://en.wikipedia.org/wiki/Online_consultation" target="_blank">consultation service</a>. A consultation service can be done via the internet, phone or in person. You can provide this service to individuals, groups or businesses and with the power of <a href="http://www.skype.com/intl/en/business/" target="_blank">Skype</a> and a web cam it can be like you are standing next to them. You could even offer alternative consultation services like usability testing such as <a href="http://www.uxroast.com/" target="_blank">UX Roast</a> or <a href="http://www.usertesting.com/" target="_blank">User Testing</a>. </p>
<p> What tools are the professional online consultants using? Many online consultants use <a href="http://www.skype.com" target="_blank">Skype</a> because it is cheap, effective and well supported. When using any peer-to-peer communications service, make sure you set-up a separate account for your consultation service so you keep your private messaging private. Skype offers a <a href="http://skypeprime.skype.com/" target="_blank">Skype Prime</a> account where you can register as a trainer and people can contact you for one-to-one or group learning.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_93hdm7brdw_b.jpg" alt="Skype" style="WIDTH:500px; HEIGHT:267px" /> </div>
<h3> Affiliate schemes </h3>
<p>As a business, you offer rewards to Affiliate Marketers for every visit or consumer brought to the site using <a href="http://www.sugarrae.com/how-to-survive-the-affiliate-evolution/" target="_blank">affiliate marketing techniques</a>. This method allows you to attract more customers to your site by letting someone else do the hard work. You can offer different <a href="http://en.wikipedia.org/wiki/Affiliate_marketing#Types_of_affiliate_websites" target="_blank">types of schemes</a> such as co-branding, white labeling, loyalty schemes and <a href="http://www.associateprograms.com/directory/" target="_blank">many more</a>. </p>
<p>There are hundreds of thousands of schemes available, so make yours attractive to marketers by offering high rewards for sales.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_94476vwzcw_b.jpg" alt="Affiliate programs" style="WIDTH:500px; HEIGHT:369px" /> </div>
<p><em>The </em><a href="http://www.affiliateprograms.com/forum/" title="Affiliate Programs forum" target="_blank"> <em>Affiliate Programs forum</em></a><em> contains information about 100&#8217;s of schemes and, most importantly, user feedback from people using them.</em></p>
<h3> Vouchers and special offers </h3>
<p>If you have a marketing budget, spend some time attracting users with goodies. Maybe you could offer 10% off their next subscription or a free trial to your service for 30 days. Vouchers can also attract users as you can post your voucher on of the <a href="http://www.associateprograms.com/directory/" target="_blank">many voucher sites.</a></p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_95fj34mdf2_b.jpg" style="WIDTH:500px; HEIGHT:333px" alt="Special Offers" /> <em><br />
      Make your special offer loud and proud so people notice.</em> </div>
<h3> Become a re-seller </h3>
<p> A re-selling service is where <strong>you sell</strong> an existing product or service such as <a href="http://www.hostgator.com/resellers.shtml" target="_blank">hosting</a> and <a href="http://www.hostgator.com/resellers.shtml" target="_blank">domain names</a>. Re-selling is a way to gain<a href="http://notbythehour.com/" target="_blank"> passive income</a> by offering a quality product or service you would not be able to develop alone. This ability to give a better service will attract customers and if you ensure good customer service you might benefit from <a href="http://en.wikipedia.org/wiki/Word_of_mouth" target="_blank">word of mouth</a> recommendations.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_96dmndnzcv_b.jpg" alt="HostGator" style="WIDTH:500px; HEIGHT:409px" />
<p><a href="http://www.hostgator.com/resellers.shtml" title="Hostgator's reseller packages offer a lot of choice."><br />
    <em>Hostgator&#8217;s reseller packages offer a lot of choice.</em></a></p>
</p></div>
<h3> Have a great idea</h3>
<p>The internet has been a veritable breeding ground for creative people and ideas. This creativity has given birth to some amazing ideas that make people flock to the site. If you think you have a <a href="http://www.dailybits.com/11-undiscovered-website-ideas-to-steal-and-make-you-rich/" title="great idea">great idea</a>, harness it. Turn your idea into reality, like Google&#8217;s originators Larry and Sergey, wanting to create a fast and simple search environment with Backrub in 1995 to a <a href="http://www.milliondollarhomepage.com/" title="student selling pixels to put himself through University in 2004">student selling pixels to put himself through University in 2004</a>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_110dxm5b576_b.jpg" alt="1,000,000 pixels" style="WIDTH:500px; HEIGHT:320px" /> </p>
<div><em>&quot;The main motivation for doing this is to pay for my degree studies.&quot;</em></div>
</p></div>
<h3> Create a plug-in, template or widget </h3>
<p>A widget or <a href="http://en.wikipedia.org/wiki/Plugin">plug-in</a> is a design to enhance the platform. It is designed to entertain or make life easier for users. Keep this in mind when developing your application such as a plugin for Wordpress or a template for Joomla. Make sure people know who made it and where they can find the web site.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_97c6fft7cm_b.jpg" alt="Theme forest" style="WIDTH:500px; HEIGHT:372px" />
<div>
    <em><a href="http://themeforest.net/" title="Theme Forest">Theme Forest</a> helps designers sell their work.</em></div>
</p></div>
<h3> Write tutorials </h3>
<p>If you are an expert in your field and you know what your talking about, choose a subject and write a tutorial on it. You can then make the tutorials available on your own site, to capture your audience, or <a href="http://hackspc.com/where-to-submit-your-tutorials/" target="_blank">submit your tutorial</a> to sites such as <a href="http://www.net.tutsplus.com" target="_blank">Nettuts</a>.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_98ch88z4ff_b.jpg" alt="Nettus" style="WIDTH:500px; HEIGHT:313px" /> </div>
<h3> Write a book </h3>
<p>Writing a book is time <a href="http://lifelearningtoday.com/2007/05/21/how-to-write-a-book-in-60-days-or-less" target="_blank">consuming</a> and a labour of love but it can reap so many benefits as a product in its own right. It will raise awareness for its topic and author. <a href="http://www.sitepoint.com/books/sexy1/" target="_blank">Books like Elliot Jay Stock&#8217;s Sexy Web design</a>, Steve Krug&#8217;s <a href="http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758/ref=sr_1_1?ie=UTF8&amp;amp;s=books&amp;amp;qid=1243151767&amp;amp;sr=1-1" target="_blank">Don`t Make me Think</a> or even an audio book like <a href="http://en.wikipedia.org/wiki/Chris_Anderson_%28writer%29">Chris Anderson</a>&#8217;s The Long Tail have brought brand awarness and thus visitors to each of the authors respective websites.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_99cnqnrpf5_b.jpg" alt="Books" style="WIDTH:500px; HEIGHT:313px" /> </div>
<h3> Start a magazine or online publication </h3>
<p> Blogging is a simplified version of creating an <a href="http://en.wikipedia.org/wiki/Online_magazine" target="_blank">online magazine</a>. Your online magazine should be much more by concentrating on <b>different types of content</b>, <a href="http://www.inspirationbit.com/how-to-build-lasting-relationships-with-your-readers/" target="_blank">building a community of readers</a> and exploiting various <a href="http://www.webmarketingplus.co.uk/ecommerce/revenue_streams.html">revenue streams</a>. </p>
<p> When creating an online magazine make sure you <b>know your CMS inside out</b>. It will be the foundations of your business and web site and should allow you to make publishing the content painless. Think about how you will <a href="http://www.ehow.com/how_2256926_start-profitable-online-magazine.html">make the money</a> to help you grow your site. Newsletters, RSS and forums will help you keep your readers up-to-date and talking.</p>
<p>    If you need help with content you can look at <a href="http://www.associatedcontent.com/">purchasing content</a> or invite other authors to help you get started.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_100k53vz3ch_b.jpg" alt=".net" style="WIDTH:500px; HEIGHT:344px" /> </div>
<h3> Subscription service </h3>
<p>Subscription services can help you gain a constant stream of visitors to your site as they download the latest news, music or tutorials. </p>
<p> If you are planning on charging for subscription use an integrated payment system like <a href="http://spreedly.com/" target="_blank">Spreedly</a> to take the pain away of setting up payment gateways and storing Credit Card details.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_101cnqff3hc_b.jpg" alt="Spreedly" style="WIDTH:500px; HEIGHT:329px" /> </div>
<h3> Attend networking events </h3>
<p>    Networking events can be both fun and a very effective way to promote your web site. Armed with your business cards and an <b>approachable smile</b> you are sure to meet someone interested in your services, or who knows someone else who will. </p>
<p>    The key is in <a href="http://www.5min.com/Video/How-to-A-Choose-a-Networking-Event-112855666">choosing the right event</a> for you and <a href="http://www.business.com/guides/preparing-for-networking-events-1264/" target="_blank">being prepared</a>. Networking events are normally around certain <a href="http://www.londonb2b.net/index.php">types of business</a> or target professionals in <a href="http://www.bangkoknetworking.com/" target="_blank">specific areas</a> so choose what is best for you. Check online event sites like <a href="http://www.facebook.com/apps/application.php?id=2344061033">Facebook</a> or <a href="http://www.meetup.com/">Meet-up</a>, or the local paper. If you can`t find one in your area, <a href="http://www.contact25.com/" target="_blank">run your own</a>!</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_102cvxzxk5t_b.jpg" alt="Networking event" style="WIDTH:500px; HEIGHT:333px" /> </div>
<h3> Product updates </h3>
<p>    Offering regular updates to your product you can attract a <b>consistent stream</b> of users wanting to benefit from the new update. You should notify your users when a new update is available and this can be done via the software itself or via your web site. Consider making your updates a <b>regular attraction</b> for users to come back to your site and make them easy to download and install.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_103hsmpxjhd_b.jpg" alt="Firefox update" style="WIDTH:500px; HEIGHT:406px" /> <em>FireFox makes it simple to update by making it part of the software.<br />
      The user does not have to go away, download and install the update, but simply click ok</em> </div>
<h3> Label your work </h3>
<p>    Be proud of your work and put your logo and web site address on it. For web designers, put in your contract that the finished site <b>must feature a back-link</b> to your site. This may not always be possible but anyone enjoying the site you built will be intrigued to see the company who built it. For photographers, put a <b>water mark</b> on all your site samples and producers have your web site address on your packaging. No matter what sector you are in, there is always room for a label on your work.</p>
<div class="tutorial_image"> <img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_104crng4pcj_b.jpg" alt="Label your work" style="WIDTH:500px; HEIGHT:334px" /> <em><br />
    Links to a sites design company can normally be found on the footer.</em> </div>
<h3> White label sites </h3>
<p>    A lot of sites, especially in the hotel and leisure industry, use what is called a <b>White Lable </b>site. This enables a successful brand to offer a service without having to build the functionality and databases itself. You can go about this two ways:</p>
<p>       Use a white label service such as <a href="http://www.whitelabeldating.com/" title="white label dating">white label dating</a>, <a href="http://socialspring.com" title="social networking">social networking</a>, <a href="http://www.lastminute.com/site/help/about_us/partner-network.html" title="holiday and lieasure">holiday and leisure</a> to create a site. For more information on white labling check out this <a href="http://www.web-strategist.com/blog/2007/02/12/list-of-white-label-social-networking-platforms/" title="article">article</a>.<br />
       Allow users to use your functionality and database to create their own white label site. <a href="http://www.lastminute.com/" title="lastminute.com">Lastminute.com</a> , has created a very successful net of sites that utilise their data and functionality</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_1063vv4b7cq_b.jpg" alt="Last minute" style="WIDTH:500px; HEIGHT:315px" /><br /> <br />
        <em>Sites using Lastminute&#8217;s database / functionality can be seen on.</em> </div>
<h3> Konami Code </h3>
<p>    A new sensation on the web is the addition of hidden code that when users press a sequence of keys they get a hidden surprise (<a href="http://en.wikipedia.org/wiki/Easter_egg_(media)">easter egg code</a>). <a href="http://www.sitepoint.com/blogs/2009/05/12/does-your-site-have-the-konami-code/">Site point</a> and many other sites have done articles on this blast from the past way of entertaining your users. For more information goto <a href="http://konamicodesites.com"><b>http://konamicodesites.com/</b></a> but you will need the code to access it: <em>up, up, down , down, left, right, left, right, b, a. </em>Enjoy!</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_107ggnnjc2z_b.jpg" alt="Konami game" style="WIDTH:500px; HEIGHT:265px" /> <em><br />
    You`ll need quick reactions to score on this Konami game!</em> </div>
<h3> Best until last; social bookmarking </h3>
<p>    The last tip is also one of the best and easiest. Stemming from the simple idea of having a &quot;Tell a friend&quot; form on your web site, allow users to bookmark your site on the many social book mark sites, that way you are letting other popular sites do the hard work for you. <a href="http://en.wikipedia.org/wiki/Social_bookmarking">Social bookmarking</a> meta services like <a href="http://www.addtoany.com/" target="_blank">addtoany</a> area a simple way for users to publish your site to their accounts on <a href="http://www.facebook.com/" target="_blank">Facebook</a>, <a href="http://delicious.com/" target="_blank">Delicious</a>, <a href="http://www.stumbleupon.com/" target="_blank">Stumble</a> and many more with one click. Copy and paste their code on to your pages and your away.</p>
<div class="tutorial_image"><img src="http://themeforest.s3.amazonaws.com/99_siteNoticed/images/dfn54m92_108jqh9s6ch_b.jpg" alt="Social Bookmarking Icons" style="WIDTH:500px; HEIGHT:500px" /> </div>
<p> That wraps it up for this article, I hope you have enjoyed the read. Some of the ideas are a little wacky but they will all help you get your site noticed. </p>
<p> I look forward to reading your feedback! </p>
<ul class="webroundup">
    Please subscribe to the <a href="http://feedproxy.google.com/themeforest" title="ThemeForest RSS Feed">Theme Forest RSS Feed</a>, and follow us on <a href="http://twitter.com/themeforest">Twitter</a>.</ul>
<p>
<script type="text/javascript"><!--digg_url = "post permalink (not digg url)"; // -->
</script><br />
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.themeforest.net/resources/50-ways-to-get-your-site-noticed/feed/</wfw:commentRss>
		<slash:comments>88</slash:comments>
		</item>
	</channel>
</rss>
