<?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>TutWow &#187; Javascript</title>
	<atom:link href="http://www.tutwow.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tutwow.com</link>
	<description>Playing Creativity Tag</description>
	<lastBuildDate>Thu, 01 Jul 2010 04:18:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>10+ Slick Smooth Scrolling Portfolios</title>
		<link>http://www.tutwow.com/roundups/10-slick-smooth-scrolling-portfolios/</link>
		<comments>http://www.tutwow.com/roundups/10-slick-smooth-scrolling-portfolios/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 19:37:51 +0000</pubDate>
		<dc:creator>Ben Lind</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Roundups]]></category>

		<guid isPermaLink="false">http://www.tutwow.com/?p=901</guid>
		<description><![CDATA[Many portfolios around the web have a slick effect called "smooth scroll".  This makes the page slide up and down to navigate between links.  This article lists 10 of these such sites.]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re in the process of building your design portfolio, then you&#8217;re probably scouring the internet looking for other cool portfolios people have created that you can draw inspiration from.  While doing this, you&#8217;ve more than likely run into some &#8220;smooth scrolling portfolios&#8221;, or in other words, portfolios that use javascript smooth scrolling to navigate throughout the page.</p>
<p>I always find these types of portfolios especially fascinating because of the amazing effects you can achieve with smooth scroll.  You aren&#8217;t just limited to vertical scrolling, though.  You can scroll horizontally, diagonally, or basically however else you can think of.</p>
<p>Below is a list of 10+ of my favorite sites that utilize smooth scrolling to impress their visitors.  But before we get to the list, let me give you an idea of how to implement this effect on your own site.</p>
<p>There are many ways you can use smooth scrolling on your own site, but my personal favorite is the <a href="http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/">dfSmooth Scroll script</a>.  To use it, go to the <a href="http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/">download page</a>, download the script, and simply follow the instructions on that page to set it up.</p>
<h2>1. <a href="http://www.moziweb.com/">Moziweb</a></h2>
<p><a href="http://www.moziweb.com/"><img class="alignnone" title="Moziweb" src="http://img.tutwow.com/SmoothScrollers/Moziweb-20090422-145019.jpg" alt="" /></a></p>
<h2>2. <a href="http://www.andrewgreig.com/">Andrew Greig<br />
</a></h2>
<p><a href="http://www.andrewgreig.com/"><img class="alignnone" title="Andrew Greig" src="http://img.tutwow.com/SmoothScrollers/Andrew_Greig-20090422-145157.jpg" alt="" /></a></p>
<h2>3. <a href="http://carrotcreative.com/">Carrot Creative<br />
</a></h2>
<p><a href="http://carrotcreative.com/"><img class="alignnone" title="Carrot Creative" src="http://img.tutwow.com/SmoothScrollers/Carrot_Creative-20090422-145310.jpg" alt="" /></a></p>
<h2>4. <a href="http://www.redcrownstudio.com/">Red Crown Studio<br />
</a></h2>
<p><a href="http://www.redcrownstudio.com/"><img class="alignnone" title="Red Crown Studio" src="http://img.tutwow.com/SmoothScrollers/Red_Crown_Studio-20090422-145938.jpg" alt="" width="540" height="250" /></a></p>
<h2>5. <a href="http://shn.me/">shn.me<br />
</a></h2>
<p><a href="http://shn.me/"><img class="alignnone" title="shn.me" src="http://img.tutwow.com/SmoothScrollers/shn.me-20090422-150033.jpg" alt="" width="540" height="250" /></a></p>
<h2>6. <a href="http://www.edit-studios.com/">Edit Studios<br />
</a></h2>
<p><a href="http://www.edit-studios.com/"><img class="alignnone" title="Edit Studios" src="http://img.tutwow.com/SmoothScrollers/Edit_Studios-20090422-150136.jpg" alt="" width="540" height="250" /></a></p>
<h2>7. <a href="http://www.blackestate.co.nz/">Black Estate Vineyard<br />
</a></h2>
<p><a href="http://www.blackestate.co.nz/"><img class="alignnone" title="Black Estate Vineyards" src="http://img.tutwow.com/SmoothScrollers/Black_Estate_Vineyard-20090422-150356.jpg" alt="" width="540" height="250" /></a></p>
<h2>8. <a href="http://madebygiant.com/">GIANT Creative<br />
</a></h2>
<p><a href="http://madebygiant.com/"><img class="alignnone" title="GIANT Creative" src="http://img.tutwow.com/SmoothScrollers/GIANT_Creative-20090422-150659.jpg" alt="" width="540" height="250" /></a></p>
<h2>9. <a href="http://www.deanoakley.com/">Dean Oakley<br />
</a></h2>
<p><a href="http://www.deanoakley.com/"><img class="alignnone" title="Dean Oakley" src="http://img.tutwow.com/SmoothScrollers/Dean_Oakley-20090422-150835.jpg" alt="" width="540" height="250" /></a></p>
<h2>10. <a href="http://www.gregwallace.co.uk/">Greg Wallace<br />
</a></h2>
<p><a href="http://www.gregwallace.co.uk/"><img class="alignnone" title="Greg Wallace" src="http://img.tutwow.com/SmoothScrollers/Greg_Wallace-20090422-150932.jpg" alt="" width="540" height="250" /></a></p>
<h2>11. <a href="http://www.workatplay.com/">Work at Play<br />
</a></h2>
<p><a href="http://www.workatplay.com/"><img class="alignnone" title="Work at Play" src="http://img.tutwow.com/SmoothScrollers/Work_at_Play-20090422-164055.jpg" alt="" width="540" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutwow.com/roundups/10-slick-smooth-scrolling-portfolios/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
