<?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>Web Design Survivalist - Free Web Design Resources - Free Templates, Free WordPress Themes, Free Fonts &#187; Tutorials</title>
	<atom:link href="http://webdesignsurvivalist.com/category/tips-and-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesignsurvivalist.com</link>
	<description>Free Templates, Free WordPress Themes, Free Photoshop Brushes, Free Photoshop Tutorials, Free Fonts, CSS</description>
	<lastBuildDate>Mon, 28 Nov 2011 07:30:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Photoshop Tutorial: Letterpress Text Video Tutorial</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-letterpress-text-video-tutorial/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-letterpress-text-video-tutorial/#comments</comments>
		<pubDate>Sun, 24 Jan 2010 09:53:51 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[letterpress]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=622</guid>
		<description><![CDATA[How to make the trendy letterpress effect]]></description>
			<content:encoded><![CDATA[<p>In this Letterpress text tutorial from che mcpherson you will learn how to create a trendy letterpress or emboss text effect.</p>
<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4060057&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=fc59db&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4060057&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=fc59db&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object>
<p><a href="http://vimeo.com/4060057">Letterpress text tutorial</a> from <a href="http://vimeo.com/tutcandy">che mcpherson</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-letterpress-text-video-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorial: Design a Beautiful Website</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-design-a-beautiful-website/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-design-a-beautiful-website/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 06:42:25 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=584</guid>
		<description><![CDATA[How to design for a 960 Grid System Template]]></description>
			<content:encoded><![CDATA[<p>A step by step tutorial from nettuts+</p>
<p style="text-align: center;"><a href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/" target="_blank"><img class="aligncenter size-full wp-image-582" title="photoshop-tutorial-design-beautiful-website-big" src="http://webdesignsurvivalist.com/wp-content/uploads/2010/01/photoshop-tutorial-design-beautiful-website-big.jpg" alt="photoshop-tutorial-design-beautiful-website-big" width="540" height="779" /></a></p>
<p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/button_visit.png" border="0" alt="View It" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-design-a-beautiful-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Search Engine Optimization Tip: Naming Files</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/search-engine-optimization-tip-naming-files/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/search-engine-optimization-tip-naming-files/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 09:05:39 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Exclusives]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=573</guid>
		<description><![CDATA[Don't forget about SEO for static files]]></description>
			<content:encoded><![CDATA[<p>Search Engine Optimization for your static files can increase your traffic considerably. One of the top traffic sources of Web Design Survivalist is images.google.com, google&#8217;s image search engine.</p>
<p>To achieve SEO, give your files descriptive names with hyphens between each word.</p>
<p><strong>Example:</strong> free-social-media-icons-paul-robert-lloyd-thumb.png</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/search-engine-optimization-tip-naming-files/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorial: Design a Simple 2 Column Blog Layout</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-design-a-simple-2-column-blog-layout/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-design-a-simple-2-column-blog-layout/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 08:58:03 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=514</guid>
		<description><![CDATA[Tutorial includes how to make a navigation bar with a gradient]]></description>
			<content:encoded><![CDATA[<p>This Photoshop Tutorial on how to design a simple 2 column blog layout is from PSDVIBE. Source files are also available for download.</p>
<p style="text-align: center;"><a href="http://psdvibe.com/2009/02/03/simple-2-column-blog-layout/" target="_blank"><img class="aligncenter size-full wp-image-512" title="photoshop-tutorial-simple-2-column-blog-layout-big" src="http://webdesignsurvivalist.com/wp-content/uploads/2009/12/photoshop-tutorial-simple-2-column-blog-layout-big.jpg" alt="photoshop-tutorial-simple-2-column-blog-layout-big" width="614" height="599" /></a></p>
<p><a href="http://psdvibe.com/2009/02/03/simple-2-column-blog-layout/" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/button_visit.png" border="0" alt="View It" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-design-a-simple-2-column-blog-layout/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorial: Wet Ink Typography Effect</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-wet-ink-typography-effect/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-wet-ink-typography-effect/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 06:44:08 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[grunge]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=499</guid>
		<description><![CDATA[Create the effect of running ink on type in Photoshop]]></description>
			<content:encoded><![CDATA[<p>Step by step tutorial from Spoon Graphics Blog on how to use splatter brushes and some Photoshop techniques to create a wet ink typography effect.</p>
<h3>Example:</h3>
<p><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/12/photoshop-tutorial-wet-ink-big.jpg" alt="photoshop-tutorial-wet-ink-big" title="photoshop-tutorial-wet-ink-big" width="450" height="318" class="aligncenter size-full wp-image-497" /></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-cool-wet-ink-typography-effect-in-photoshop" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/button_visit.png" border="0" alt="View It"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-tutorial-wet-ink-typography-effect/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tips: 10 Must Have Hacks For WordPress Development</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/tips-10-must-have-hacks-for-wordpress-development/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/tips-10-must-have-hacks-for-wordpress-development/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 08:41:34 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress-development]]></category>
		<category><![CDATA[wordpress-hacks]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=456</guid>
		<description><![CDATA[10 need to know WordPress hacks]]></description>
			<content:encoded><![CDATA[<p>This collection of 10 hacks for WordPress development is provided by spyrestudios.</p>
<p>This collection demonstrates how to achieve the following hacks:</p>
<ol>
<li>Adding A Post Loop Anywhere In Your Theme</li>
<li>Showing Related Posts Without A Plugin (based on related tags)</li>
<li>Display Author Information For Posts</li>
<li>Showing Popular Posts In Your Sidebar</li>
<li>Displaying Ads In Your RSS Feed</li>
<li>A Login Form That Returns The Visitor To The Page They Logged In From</li>
<li>Adding Breadcrumbs To Your Theme Without A Plugin</li>
<li>Insert Google Ads With WordPress Shortcodes</li>
<li>Choose The Sidebar To Use On A Post By Post Basis</li>
<li>Insert Social Media Submission Links In Your Theme Without A Plugin</li>
</ol>
<p><a href="http://spyrestudios.com/10-wordpress-hacks/" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/button_visit.png" border="0" alt="View It"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/tips-10-must-have-hacks-for-wordpress-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6 Bug Solutions</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/ie6-bug-solutions/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/ie6-bug-solutions/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 03:26:30 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=447</guid>
		<description><![CDATA[An overview of IE6 bugs and how to fix them]]></description>
			<content:encoded><![CDATA[<p>Check out this helpful article from Branded07. The biggest IE6 bugs and their solutions are covered.</p>
<p><a href="http://www.branded07.com/2009/07/11/ie6-web-design-tricks/" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/button_visit.png" border="0" alt="View It"></a></p>
<p>Graphic from branded07 site</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/ie6-bug-solutions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Add a Read More Link to the Convergence Theme</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/how-to-add-a-read-more-link-to-the-convergence-theme/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/how-to-add-a-read-more-link-to-the-convergence-theme/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 07:56:30 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=424</guid>
		<description><![CDATA[One thing the Convergence theme is lacking is a "read more" link after the post excerpt]]></description>
			<content:encoded><![CDATA[<p>One thing the Convergence theme is lacking is a &#8220;read more&#8221; link after the post excerpt. View my site, <a href="http://webdesignsurvivalist.com">Web Design Survivalist</a> for an example. I have &#8220;View details &gt;&gt;&#8221; as the link</p>
<p>Here&#8217;s how to add it to your site&#8230;</p>
<p>You&#8217;ll have to edit the files Main Index Template (index.php) and Archives (archive.php). Find the div with the class &#8220;post-excerpt&#8221; and then paste the following code after that div&#8217;s closing tag.</p>
<p><em>&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221; rel=&#8221;bookmark&#8221; title=&#8221;Permanent Link to &lt;?php the_title_attribute(); ?&gt;&#8221;&gt;View details &gt;&gt;&lt;/a&gt;</em></p>
<p>So after it&#8217;s pasted in the right place it should look like this&#8230;</p>
<p><em>&lt;div&gt;&lt;em&gt;On &lt;?php the_time(&#8216;m.d.y&#8217;); ?&gt;, In &lt;?php the_category(&#8216;, &#8216;) ?&gt;, by &lt;?php the_author_posts_link(); ?&gt;&lt;/em&gt;&lt;/div&gt;<br />
&lt;div&gt;&lt;?php the_excerpt(); ?&gt;&lt;/div&gt;</em></p>
<p><em>&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221; rel=&#8221;bookmark&#8221; title=&#8221;Permanent Link to &lt;?php the_title_attribute(); ?&gt;&#8221;&gt;View details &gt;&gt;&lt;/a&gt;<br />
&lt;!&#8211;/post-excerpt &#8211;&gt;</em><br />
Hope this is a big help to everyone</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/how-to-add-a-read-more-link-to-the-convergence-theme/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Photoshop &amp; CSS Sprite Tutorial: Slick and Clean Button</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-css-sprite-tutorial-slick-and-clean-button/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-css-sprite-tutorial-slick-and-clean-button/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 08:06:41 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sprites]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=404</guid>
		<description><![CDATA[How to create a button in Photoshop and use sprite functionality with CSS]]></description>
			<content:encoded><![CDATA[<p>A step by step tutorial on how to create a slick button from Six Revisions. This tutorial covers creating the button in Photoshop and coding the CSS for sprite functionality.</p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/tutorial-photoshop-css-sprite-button-big.jpg" alt="tutorial-photoshop-css-sprite-button-big" title="tutorial-photoshop-css-sprite-button-big" width="550" height="250" class="aligncenter size-full wp-image-402" border="0" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/" target="_blank"><img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/button_visit.png" border="0" alt="View It" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/photoshop-css-sprite-tutorial-slick-and-clean-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Photoshop Tutorial: Graffiti</title>
		<link>http://webdesignsurvivalist.com/tips-and-tutorials/free-photoshop-tutorial-graffiti/</link>
		<comments>http://webdesignsurvivalist.com/tips-and-tutorials/free-photoshop-tutorial-graffiti/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 09:57:14 +0000</pubDate>
		<dc:creator>Montia</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[graffiti]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesignsurvivalist.com/?p=257</guid>
		<description><![CDATA[Photoshop Tutorial on how to make realistic graffiti on a wall]]></description>
			<content:encoded><![CDATA[<p>Photoshop Tutorial on how to make realistic graffiti on a wall<br />
<img src="http://webdesignsurvivalist.com/wp-content/uploads/2009/11/free-photoshop-tutorial-graffiti-big-300x199.jpg" alt="free-photoshop-tutorial-graffiti-big" title="free-photoshop-tutorial-graffiti-big" width="300" height="199" class="aligncenter size-medium wp-image-255" /></p>
<p>[ <a href="http://www.dreamdealer.nl/?action=viewTutorial&#038;id=41" target="_blank">View tutorial</a> ]</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignsurvivalist.com/tips-and-tutorials/free-photoshop-tutorial-graffiti/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

