<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>[Re]Encoded.com</title>
	
	<link>http://www.reencoded.com</link>
	<description>Web Design and Development Tips, Tutorials and [Re]lated [Re]sources</description>
	<lastBuildDate>Fri, 30 Jul 2010 13:29:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/reencoded" /><feedburner:info uri="reencoded" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Top Job Boards for the Freelance Designer in Need of Dynamic Work</title>
		<link>http://feedproxy.google.com/~r/reencoded/~3/bKKUV94i1Rw/</link>
		<comments>http://www.reencoded.com/2010/07/30/top-job-boards-for-the-freelance-designer-in-need-of-dynamic-work/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 13:00:31 +0000</pubDate>
		<dc:creator>GrindSmart Media</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[job boards]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=7743</guid>
		<description><![CDATA[As a designer, we are always in search for possible clientele to keep our portfolios expanding as well as to keep food on the table. With a plethora of freelance job boards available, it becomes difficult to select a few great ones as our methods to reach clientele. Furthermore, we gathered the top 15 freelance [...]]]></description>
			<content:encoded><![CDATA[<p><em><strong>As a designer</strong></em>, we are always in search for possible clientele to keep our portfolios expanding as well as to keep food on the table. With a plethora of freelance job boards available, it becomes difficult to select a few great ones as our methods to reach clientele. Furthermore, we gathered the top 15 freelance job boards based on reliability and decent compensation or payout.</p>
<h2>FreelanceSwitch</h2>
<p><a href="http://freelanceswitch.com/"  rel="nofollow"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/freelanceswitch.png" alt="FreeLanceSwitch" /></a></p>
<p>FreelanceSwitch has to be one of the best freelance job boards out there in terms of quality. All job listings posted go through a review process to assure each job meets a quality standard as well as the compensation provided to agreed contractors is rather reasonable. While the tab to apply for jobs is seven dollars a month, it is definitely worthwhile, as you will not find the same quality listings anywhere else.</p>
<p><span id="more-7743"></span></p>
<h2>Elance</h2>
<p><a href="http://www.elance.com/"  rel="nofollow"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/elance.png" alt="Elance" /></a></p>
<p>Elance has to be one of the largest global freelancing services out. With countless opportunities for temporary or full time jobs, it is a great place to satisfy your needs. You can easily locate great high-paying and quality jobs without stressing over searching.</p>
<h2>Guru</h2>
<p><a href="www.guru.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/guru.png"  alt="Guru" / rel="nofollow"></a></p>
<p>Guru is a great site for searching your design freelance needs. Many of its listings are of great quality with fair compensation. Additionally, it also contains a huge database of freelancer profiles for people to find you instead; a great medium to have more people reach you.</p>
<h2>Krop</h2>
<p><a href="www.krop.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/krop.png"  alt="Krop" / rel="nofollow"></a></p>
<p>Krop is a service geared towards designers; however, it also covers other related categories. The great thing about Krop is that, while it may contain full time jobs rather than contracting jobs, it assures that quality listings are what you will be browsing through the entire time you are on the website, as posting a listing to Krop is quite expensive while free for those searching for jobs.</p>
<h2>Authentic Jobs</h2>
<p><a href="www.authenticjobs.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/authenticjobs.png"  alt="Authentic Jobs" / rel="nofollow"></a></p>
<p>Authentic Jobs is a great full-time, contracting, or easy freelance job listings website. You can easily browse the type of jobs you are looking for with its sleek and intuitive interface. Any listing you browse through is guaranteed quality with great compensations; definitely, a site to look at if you are searching for awesome work.</p>
<h2>Fresh Web Jobs</h2>
<p><a href="www.freshwebjobs.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/freshwebjobs.png"  alt="Fresh Web Jobs" / rel="nofollow"></a></p>
<p>While the website may still be growing, there is a great selection of quality listings. Its design and interface makes browsing about very easy, allowing you to find the types of jobs you want quickly.</p>
<h2>Bixee</h2>
<p><a href="www.bixee.com/ "><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/bixee.png"  alt="Bixee" / rel="nofollow"></a></p>
<p>While Bixee is for a plethora of categories, you can find great jobs quickly that are clear and well laid out. Additionally, with its lightweight and easy to navigate through design, you will not have any troubles at all getting to where it matters.</p>
<h2>CrowdSpring</h2>
<p><a href="www.crowdspring.com/ "><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/crowdspring.png"  alt="CrowdSpring" / rel="nofollow"></a></p>
<p>CrowdSpring is a designer specific freelancing website with great quality job listings with more than fair compensation or payout. The entire website is really well laid out towards its targeted audience, making you easily feel at home.</p>
<h2>GoFreelance</h2>
<p><a href="www.gofreelance.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/gofreelance.png"  alt="GoFreelance" / rel="nofollow"></a></p>
<p>GoFreelance connects you with companies that need design or development work complete. While the website&#8217;s design may be a bit crowded, you can find great freelance jobs for reasonable compensation in all categories they offer, a good site to look at for reasonable work.</p>
<h2>PeoplePerHour</h2>
<p><a href="www.peopleperhour.com/"><img class="alignnone size-full wp-image-7758" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/peopleperhour.png"  alt="" width="550" height="387" / rel="nofollow"></a></p>
<p>PeoplePerHour is a great medium to post your profile or portfolio. Millions of people visit the site to find the perfect freelancer or job. Furthermore, because the medium is so widely used, it is definitely a great source to find work.</p>
<h2>Website Designers List</h2>
<p><a href="www.websitedesignerslist.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/websitedesignerslist.png"  alt="Website Designers List" / rel="nofollow"></a></p>
<p>Website Designers List is not as the others mentioned here. Instead of searching for jobs, you post your profile, expertise, as well as some contact information. One who is searching for designer will browse through the directory of profiles to find the best that suits their project. What this means to you is that you do not need to search for clientele as they will come to you.</p>
<h2>ODesk</h2>
<p><a href="www.odesk.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/odesk.png"  alt="ODesk" / rel="nofollow"></a></p>
<p>ODesk is a great service to finding the work you need. The layout of the website is sleek and simple, providing you the information you need to know while browsing through listings without the need of opening each listing up. The average compensation is quite low, however, a nice dollar icon besides each listing appears telling you whether the payout is reasonable or not, which is a big help to get around the low compensation listings.</p>
<h2>Smashing Jobs</h2>
<p><a href="jobs.smashingmagazine.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/smashingjobs.png"  alt="Smashing Jobs" / rel="nofollow"></a></p>
<p>Smashing Magazine has a jobs listing service named Smashing Jobs. Like Authentic Jobs, it offers full time and freelance job sections that can be segregated from each other for easy browsing, making it another great place to frequent for jobs.</p>
<h2>Simply Hired</h2>
<p><a href="www.simplyhired.com/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/simplyhired.png"  alt=" Simply Hired" / rel="nofollow"></a></p>
<p>Simply Hired is another great place to find jobs right in your alley. You can make your job search very specific to location, expertise, and experience. Saving you time from flipping through listings that are out of your range.</p>
<h2>Behance</h2>
<p><a href="www.behance.net/"><img src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/behance.png"  alt="Behance" / rel="nofollow"></a></p>
<p>Behance is very intuitive Job listing service for full-time or freelance jobs. Its sleek design allows you to go through many job listings you do not care for with ease, saving your time for applying rather than searching.</p>
<img src="http://feeds.feedburner.com/~r/reencoded/~4/bKKUV94i1Rw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2010/07/30/top-job-boards-for-the-freelance-designer-in-need-of-dynamic-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.reencoded.com/2010/07/30/top-job-boards-for-the-freelance-designer-in-need-of-dynamic-work/</feedburner:origLink></item>
		<item>
		<title>Top Tips for Design Creativity</title>
		<link>http://feedproxy.google.com/~r/reencoded/~3/n3_1XS2TJHY/</link>
		<comments>http://www.reencoded.com/2010/07/29/top-tips-for-design-creativity/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 13:00:54 +0000</pubDate>
		<dc:creator>Hilde</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Various]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=7705</guid>
		<description><![CDATA[There are lots and lots of ways to get creativity for your own designs and in this article we&#8217;ll try to push you a bit in the right direction. Picture by G &#38; A Scholiers It&#8217;s very common, normal actually, to sometimes feel completely lost or dried out when it comes to being creative. For [...]]]></description>
			<content:encoded><![CDATA[<p>There are lots and lots of ways to get creativity for your own designs and in this article we&#8217;ll try to push you a bit in the right direction.</p>
<p><img class="aligncenter size-full wp-image-7712" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/01-best-creativity-tips.jpg" alt="" width="550" height="325" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/TouTouke"  target="_blank" rel="nofollow">G &amp; A Scholiers</a></p>
<div>It&#8217;s very common, normal actually, to sometimes feel completely lost or dried out when it comes to being creative. For some of us this only lasts for a couple of hours, whereas others can feel unable to be creative for rather long periods at a time. No matter which category you&#8217;re in, you&#8217;ll find some tips here that can help you get out of the creative desert &#8211; and enter the oasis!</div>
<div><span id="more-7705"></span></div>
<h3>Browsing designs from within your niche</h3>
<div>Looking at the work of fellow designers can be a huge source of inspiration to any of us. There are lots of forums and galleries online where you can go ahead and browse what has been done by others. No matter the niche, there are so many talented designers out there &#8211; it&#8217;s amazing!</div>
<h3>Other types of designs</h3>
<p><img class="aligncenter size-full wp-image-7713" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/02-best-creativity-tips.jpg" alt="" width="550" height="325" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/firoz11"  target="_blank" rel="nofollow">Firoz11</a></p>
<div>Trends, colors and execution. Many things can be similar in various types of design. Remembering to look to other things than only what you&#8217;re doing yourself will be a huge asset in the process of getting inspired. There are websites, logos, illustrations, advertisements, business-cards and 3d art. And don&#8217;t forget other types of design that are a bit outside the whole digital stuff, like furniture designs, gadgets, cars, buildings, tools and so on. Some of the really great designs out there can be inspired by something completely different.</div>
<h3>Portfolios</h3>
<div>Who are the best ones out there? I&#8217;m sure you know some of the guys that are on top of the line. Go to their websites, browse their portfolios and get inspired by their creativity and the versatility you see in there. Only this point alone can give you hours and days of material to get inspired by! And for every single day that goes by, the number of designers and portfolios out there will be increasing.</div>
<h3>Tutorials</h3>
<div>One of my favorite ways to get inspired is reading up on tutorials related to the software I&#8217;m using. There are tons of great tutorials out there on Photoshop, Illustrator, Gimp, 3DS max, Inkscape and so on. By reading these tutorials you&#8217;ll be likely to pick up some new techniques and tricks. This could be what makes that winning design appear. And no matter what happens, you&#8217;ll get some great new experience.</div>
<h3>Videos</h3>
<p><img class="aligncenter size-full wp-image-7714" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/03-best-creativity-tips.jpg" alt="" width="550" height="325" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/tuareq"  target="_blank" rel="nofollow">Emre Nacigil</a></p>
<div>YouTube is in particular a great place to get all sorts of inspiration. There are many great tutorials available, commercials from all over the world, speed-paintings and so on. By starting searching for videos based on certain words you can relate to will reveal hundreds of hours of videos that you can enjoy. Watch other designers while they&#8217;re working, watch tutorials, look at inspirational stories or get a closer look at that TV commercial that gave you a good feeling.</div>
<h3>Social Media</h3>
<div>Personally I get a lot of my inspiration from article links that I find on Twitter. There are many accounts out there sharing the best of the best from all types of design. The same goes for other types of social media. You&#8217;ll be surprised of how many hits you get if you try searching for it.</div>
<h3>Look around you</h3>
<p><img class="aligncenter size-full wp-image-7715" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/04-best-creativity-tips.jpg" alt="" width="550" height="325" /></p>
<p style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/subirpal"  target="_blank" rel="nofollow">Subirpal</a></p>
<div>Looking around you, wherever you are, can truly inspire. There are colors, shapes and textures everywhere. Give yourself the task to make a sketch for your design using only colors found in your living-room or take lots of pictures of all kinds of stuff. Kick start your creativity without even being online! It&#8217;s definitely possible!</div>
<h3>Newspapers and magazines</h3>
<div>Look at illustrations, typography, layout and colors in printed media. Analyze what you see and look at what works and doesn&#8217;t work to get your attention. Try to recreate what you see or make your own magazine covers, simply to start getting creative.</div>
<h3>Keep your mind open and dare to be different</h3>
<div>The most important tip comes last. Keep your mind open for what you see! Try looking for different ways of doing things, think new and dare to be different. Don&#8217;t let yourself be bound by previous designs you&#8217;ve done. Go look for different ways of getting it done.</div>
<div><img class="aligncenter size-full wp-image-7716" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/05-best-creativity-tips.jpg" alt="" width="550" height="325" /></div>
<div style="text-align: center;">Picture by <a href="http://www.sxc.hu/profile/tnimalan"  target="_blank" rel="nofollow">Nimalan Tharmalingam</a></div>
<h3>Conclusion</h3>
<p>All the inspiration you could possibly need is definitely out there! It&#8217;s all about thinking a bit different and going out there to look. If you just sit there feeling blue about your dry times, it&#8217;ll take you a lot longer to get back in the saddle. Check out these tips and go for it!</p>
<p>Finally, we&#8217;d love to hear your comments &#8211; and maybe you have some other great tips to share?</p>
<img src="http://feeds.feedburner.com/~r/reencoded/~4/n3_1XS2TJHY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2010/07/29/top-tips-for-design-creativity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.reencoded.com/2010/07/29/top-tips-for-design-creativity/</feedburner:origLink></item>
		<item>
		<title>20 Amazing High Quality Free XHTML/CSS Template To Download</title>
		<link>http://feedproxy.google.com/~r/reencoded/~3/RWNkKdp5A5c/</link>
		<comments>http://www.reencoded.com/2010/07/28/20-amazing-high-quality-free-xhtmlcss-template-to-download/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 13:00:21 +0000</pubDate>
		<dc:creator>Rishabh</dc:creator>
				<category><![CDATA[Various]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=7632</guid>
		<description><![CDATA[The world wide web is filled of beautiful websites and portfolios. Some of them are on complex platforms like Joomla, Drupal etc. while some exploit the simplicity and usability of the legendary and old XHTML and CSS platform. Here in this post, we present before you some of the best, hand picked and high quality [...]]]></description>
			<content:encoded><![CDATA[<p>The world wide web is filled of beautiful websites and portfolios. Some of them are on complex platforms like Joomla, Drupal etc. while some exploit the simplicity and usability of the legendary and old XHTML and CSS platform. Here in this post, we present before you some of the best, hand picked and high quality XHTML and CSS templates which are not only ready to download and use, but available for free! That’s right, you don’t pay anything to use these amazing high quality XHTML templates. So what are you waiting for? Just grab them all and appreciate the creativity <img src='http://www.reencoded.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>Solitude</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/solitude.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/solitude_thumb.jpg" alt="solitude" width="550" height="250" /></a></p>
<p><a href="http://demo.templateworld.com/zero/in_action/solitude/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templateworld.com/free_templates.html"  target="_blank" rel="nofollow">Download</a></p>
<p><span id="more-7632"></span></p>
<h2>Urban Gear</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/urban_gear.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/urban_gear_thumb.jpg" alt="urban_gear" width="550" height="259" /></a></p>
<p><a href="http://chocotemplates.com/preview/ecommerce/wing-the-air/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://chocotemplates.com/ecommerce-free-css-template/wind-the-air/"  target="_blank" rel="nofollow">Download</a></p>
<h2>Individual</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/individual.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/individual_thumb.jpg" alt="individual" width="550" height="197" /></a></p>
<p><a href="http://demo.templateworld.com/zero/in_action/individual/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://demo.templateworld.com/zero/in_action/individual/"  target="_blank" rel="nofollow">Download</a></p>
<h2>Reddish</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/reddish.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/reddish_thumb.jpg" alt="reddish" width="550" height="308" /></a></p>
<p><a href="http://demo.templateworld.com/zero/in_action/redish/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templateworld.com/free_templates.html"  target="_blank" rel="nofollow">Download</a></p>
<h2>Trial Impact</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/trial_impact.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/trial_impact_thumb.jpg" alt="trial_impact" width="550" height="399" /></a></p>
<p><a href="http://demo.templateworld.com/zero/in_action/trial_impact/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templateworld.com/free_templates.html"  target="_blank" rel="nofollow">Download</a></p>
<h2>Financial Services</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/financialservices.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/financialservices_thumb.png" alt="financialservices" width="550" height="282" /></a></p>
<p><a href="http://www.freewebtemplates.info/2009/03/03/financial-website-template/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.freewebtemplates.info/2009/03/03/financial-website-template/"  target="_blank" rel="nofollow">Download</a></p>
<h2>Blog Division</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/blogdevision.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/blogdevision_thumb.png" alt="blogdevision" width="550" height="280" /></a></p>
<p><a href="http://www.free-css.com/free-css-templates/page1/blog-division.php#bookmarks"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.free-css.com/assets/files/free-css-templates/download/page1/blog-division.zip"  target="_blank" rel="nofollow">Download</a></p>
<h2>Business</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/Business.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto; border: 0px;" src="http://www.reencoded.com/wp-content/uploads/2010/07/Business_thumb.png" border="0" alt="Business" width="550" height="282" /></a></p>
<p><a href="http://www.freetemplatesonline.com/templates/Business-Co.-210.html"  target="_blank" rel="nofollow">Demo</a> | <a href="http://templates.freetemplatesonline.com/210_99548da1179ff079c4b466a3dc2995de.zip"  target="_blank" rel="nofollow">Download</a></p>
<h2>IT World</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/itworld.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/itworld_thumb.png" alt="itworld" width="550" height="282" /></a></p>
<p><a href="http://www.freetemplatesonline.com/templates/IT-World-237.html"  target="_blank" rel="nofollow">Demo</a> | <a href="http://templates.freetemplatesonline.com/237_0b9abf663348e50e9abcb136206c8a71.zip"  target="_blank" rel="nofollow">Download</a></p>
<h2>Exotic Birds</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/exioticbirds.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/exioticbirds_thumb.png" alt="exioticbirds" width="550" height="311" /></a></p>
<p><a href="http://www.templatesland.com/preview/template-044/index.html"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templatesland.com/free-templates/dwnld/template044.zip"  target="_blank" rel="nofollow">Download</a></p>
<h2>Dragon Fly</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/dragonfly.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/dragonfly_thumb.jpg" alt="dragonfly" width="550" height="255" /></a></p>
<p><a href="http://www.freecsstemplates.org/preview/dragonfly"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.freecsstemplates.org/preview/dragonfly"  target="_blank" rel="nofollow">Download</a></p>
<h2>Fashion Club</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/fashionclub.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/fashionclub_thumb.jpg" alt="fashionclub" width="550" height="265" /></a></p>
<p><a href="http://www.templatekingdom.com/demo/CSS-Templates/Fashion/KG-F0001-FA/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templateworld.com/freetemplates/zero/track.php?id=55&amp;flag=2"  target="_blank" rel="nofollow">Download</a></p>
<h2>Distinctive</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/distinctive.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/distinctive_thumb.jpg" alt="distinctive" width="550" height="247" /></a></p>
<p><a href="http://www.csstemplatesfree.org/templates/Distinctive/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.csstemplatesfree.org/distinctive.html"  target="_blank" rel="nofollow">Download</a></p>
<h2>My Portfolio</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/myportfolio.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/myportfolio_thumb.jpg" alt="myportfolio" width="550" height="317" /></a></p>
<p><a href="http://tutsarena.com/preview/myportfolio/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://tutsarena.com/2009/06/freebie-myportfolio-free-coded-portfolio-site/"  target="_blank" rel="nofollow">Download</a></p>
<h2>Radio Station</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/radiostation.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/radiostation_thumb.png" alt="radiostation" width="550" height="282" /></a></p>
<p><a href="http://www.templatesland.com/preview/template-042/index.html"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templatesland.com/free-templates/dwnld/template042.zip"  target="_blank" rel="nofollow">Download</a></p>
<h2>Consultant</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/Consultant.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/Consultant_thumb.png" alt="Consultant" width="550" height="279" /></a></p>
<p><a href="http://www.templateworld.com/freetemplates/zero/track.php?id=37&amp;flag=1"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templateworld.com/freetemplates/zero/track.php?id=37&amp;flag=2"  target="_blank" rel="nofollow">Download</a></p>
<h2>Dog Care</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/dogcare.png" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/dogcare_thumb.png" alt="dogcare" width="550" height="282" /></a></p>
<p><a href="http://www.freewebsitetemplates.com/preview/dogcare"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.freewebsitetemplates.com/download.php?template=dogcare"  target="_blank" rel="nofollow">Download</a></p>
<h2>Package</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/package.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/package_thumb.jpg" alt="package" width="550" height="278" /></a></p>
<p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/2709-Package"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.templatekingdom.com/Download/action/download/templateId/2709/"  target="_blank" rel="nofollow">Download</a></p>
<h2>Portfolio CSS</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/portfoliocss.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/portfoliocss_thumb.jpg" alt="portfoliocss" width="550" height="272" /></a></p>
<p><a href="http://www.csstemplatesfree.org/templates/PortfolioCSS/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://www.csstemplatesfree.org/portfolio-css.html"  target="_blank" rel="nofollow">Download</a></p>
<h2>Portfolio Site</h2>
<p><a href="http://www.reencoded.com/wp-content/uploads/2010/07/portfolio_site.jpg" ><img class="wlDisabledImage" style="float: none; margin-left: auto; margin-right: auto;" src="http://www.reencoded.com/wp-content/uploads/2010/07/portfolio_site_thumb.jpg" alt="portfolio_site" width="550" height="287" /></a></p>
<p><a href="http://dryicons.com/demo-templates/portfolio/"  target="_blank" rel="nofollow">Demo</a> | <a href="http://dryicons.com/free-templates/portfolio/"  target="_blank" rel="nofollow">Download</a></p>
<img src="http://feeds.feedburner.com/~r/reencoded/~4/RWNkKdp5A5c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2010/07/28/20-amazing-high-quality-free-xhtmlcss-template-to-download/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.reencoded.com/2010/07/28/20-amazing-high-quality-free-xhtmlcss-template-to-download/</feedburner:origLink></item>
		<item>
		<title>Great collection of 30+ Excellent Photoshop Website Layout Tutorials</title>
		<link>http://feedproxy.google.com/~r/reencoded/~3/z1YIDa4V6b8/</link>
		<comments>http://www.reencoded.com/2010/07/27/great-collection-of-30-excellent-photoshop-website-layout-tutorials/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 13:00:32 +0000</pubDate>
		<dc:creator>Hilde</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Design for Beginners]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=7528</guid>
		<description><![CDATA[Again it&#8217;s time for us to share some awesome Photoshop tutorials. This time we&#8217;ll have a look at a great collection of tutorials that help us make websites. These can be great inspiration and teach you some new tips and tricks. Remember to play around a bit with colors and settings to get that own [...]]]></description>
			<content:encoded><![CDATA[<p>Again it&#8217;s time for us to share some awesome Photoshop tutorials. This time we&#8217;ll have a look at a great collection of tutorials that help us make websites. These can be great inspiration and teach you some new tips and tricks. Remember to play around a bit with colors and settings to get that own special look. We hope you&#8217;ll enjoy!</p>
<p>Good luck <img src='http://www.reencoded.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3><a href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/design-a-web-template-using-the-960-grid-system/all-pages.html"  target="_blank" rel="nofollow">Web template using the 960 Grid System</a></h3>
<p><a href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/design-a-web-template-using-the-960-grid-system/all-pages.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7544" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/01-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<p><span id="more-7528"></span></p>
<h3><a href="http://psdfan.com/tutorials/designing/design-a-clean-business-layout/"  target="_blank" rel="nofollow">Clean business Layout</a></h3>
<p><a href="http://psdfan.com/tutorials/designing/design-a-clean-business-layout/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7545" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/02-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.adobetutorialz.com/articles/2896/1/Online-Photo-Portfolio"  target="_blank" rel="nofollow">Online photo portfolio</a></h3>
<p><a href="http://www.adobetutorialz.com/articles/2896/1/Online-Photo-Portfolio"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7546" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/03-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.adobetutorialz.com/articles/3017/1/Creative-Studio-Web-Page"  target="_blank" rel="nofollow">Creative studio web page</a></h3>
<p><a href="http://www.adobetutorialz.com/articles/3017/1/Creative-Studio-Web-Page"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7547" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/04-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.graphstock.com/tutorials/how-to-create-a-clean-business-layout-in-a-few-steps/"  target="_blank" rel="nofollow">Clean business layout for Drupal</a></h3>
<p><a href="http://www.graphstock.com/tutorials/how-to-create-a-clean-business-layout-in-a-few-steps/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7549" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/05-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://devisefunction.com/2010/06/10/simple-portfolio-gallery-layout-in-photoshop/"  target="_blank" rel="nofollow">Simple portfolio gallery layout</a></h3>
<p><a href="http://devisefunction.com/2010/06/10/simple-portfolio-gallery-layout-in-photoshop/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7550" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/06-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.talk-mania.com/web-layouts/43582-hand-drawn-layouts-hottest-design-trends.html"  target="_blank" rel="nofollow">Hand-drawn layout</a></h3>
<p><a href="http://www.talk-mania.com/web-layouts/43582-hand-drawn-layouts-hottest-design-trends.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7551" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/07-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/design-a-cartoon-grunge-website-layout/"  target="_blank" rel="nofollow">Cartoon grunge</a></h3>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/design-a-cartoon-grunge-website-layout/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7552" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/08-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/"  target="_blank" rel="nofollow">Grunge</a></h3>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7553" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/09-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://psd.tutsplus.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/"  target="_blank" rel="nofollow">Sleek high-end</a></h3>
<p><a href="http://psd.tutsplus.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7554" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/10-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.talk-mania.com/web-layouts/39171-design-agency-layout-tutorial-151-a.html"  target="_blank" rel="nofollow">Design agency layout</a></h3>
<p><a href="http://www.talk-mania.com/web-layouts/39171-design-agency-layout-tutorial-151-a.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7555" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/11-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/"  target="_blank" rel="nofollow">Clean Grunge blog design</a></h3>
<p><a href="http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7556" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/12-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://psd.tutsplus.com/interface-tutorials/create-a-dark-themed-web-design-from-scratch/"  target="_blank" rel="nofollow">Dark Theme</a></h3>
<p><a href="http://psd.tutsplus.com/interface-tutorials/create-a-dark-themed-web-design-from-scratch/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7557" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/13-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.talk-mania.com/web-layouts/42618-web-2-0-vector-layout.html"  target="_blank" rel="nofollow">Web 2.0 vector</a></h3>
<p><a href="http://www.talk-mania.com/web-layouts/42618-web-2-0-vector-layout.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7558" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/14-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.hv-designs.co.uk/2008/09/01/design-studio-layout-tutorial/"  target="_blank" rel="nofollow">Design studio layout</a></h3>
<p><a href="http://www.hv-designs.co.uk/2008/09/01/design-studio-layout-tutorial/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7559" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/15-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.adobetutorialz.com/articles/2931/1/Photography-portfolio"  target="_blank" rel="nofollow">Photography portfolio</a></h3>
<p><a href="http://www.adobetutorialz.com/articles/2931/1/Photography-portfolio"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7560" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/16-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.hv-designs.co.uk/2008/09/28/business-layout-2/"  target="_blank" rel="nofollow">Business Layout</a></h3>
<p><a href="http://www.hv-designs.co.uk/2008/09/28/business-layout-2/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7561" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/17-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.adobetutorialz.com/articles/2556/1/Computer-Store-Web-Layout/7"  target="_blank" rel="nofollow">Computer store layout</a></h3>
<p><a href="http://www.adobetutorialz.com/articles/2556/1/Computer-Store-Web-Layout/7"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7562" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/18-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://psdfan.com/tutorials/designing/design-a-unique-grungy-website/"  target="_blank" rel="nofollow">Unique grungy website</a></h3>
<p><a href="http://psdfan.com/tutorials/designing/design-a-unique-grungy-website/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7563" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/19-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.adobetutorialz.com/articles/2856/1/Stylish-WebStudio-Web-Layout"  target="_blank" rel="nofollow">Stylish webstudio</a></h3>
<p style="text-align: center;"><a href="http://www.adobetutorialz.com/articles/2856/1/Stylish-WebStudio-Web-Layout"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7564" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/20-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<p style="text-align: center;">
<h3 style="text-align: left;"><a href="http://trendytuts.com/web-layout-tutorials/create-a-soft-greennature-website-layout-in-photoshop.html"  target="_blank" rel="nofollow">Soft green nature layout</a></h3>
<p><a href="http://trendytuts.com/web-layout-tutorials/create-a-soft-greennature-website-layout-in-photoshop.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7565" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/21-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://trendytuts.com/web-layout-tutorials/how-to-create-a-trendycolorful-wordpress-layout-in-photoshop.html"  target="_blank" rel="nofollow">Trendy colorful WordPress layout</a></h3>
<p><a href="http://trendytuts.com/web-layout-tutorials/how-to-create-a-trendycolorful-wordpress-layout-in-photoshop.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7566" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/22-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;">
<h3 style="text-align: left;"><a href="http://trendytuts.com/web-layout-tutorials/create-a-cool-and-trendy-grunge-web-layout-in-photoshop.html"  target="_blank" rel="nofollow">Cool and trendy grunge</a></h3>
<p><a href="http://trendytuts.com/web-layout-tutorials/create-a-cool-and-trendy-grunge-web-layout-in-photoshop.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7567" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/23-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.talk-mania.com/web-layouts/40144-interior-design-layout.html"  target="_blank" rel="nofollow">Interior design layout</a></h3>
<p><a href="http://www.talk-mania.com/web-layouts/40144-interior-design-layout.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7568" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/24-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://bwebi.com/real-estate-template.html"  target="_blank" rel="nofollow">Real estate template</a></h3>
<p><a href="http://bwebi.com/real-estate-template.html"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7569" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/25-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.adobetutorialz.com/articles/2988/1/Website-Design-Studio"  target="_blank" rel="nofollow">Website design studio</a></h3>
<p><a href="http://www.adobetutorialz.com/articles/2988/1/Website-Design-Studio"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7570" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/26-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.talk-mania.com/web-layouts/43999-old-paper-layout-great-portfolio-layout.html"  target="_blank" rel="nofollow">Old paper layout</a></h3>
<p><a href="http://www.talk-mania.com/web-layouts/43999-old-paper-layout-great-portfolio-layout.htmlv"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7571" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/27-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop"  target="_blank" rel="nofollow">Clean modern website</a></h3>
<p><a href="http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7572" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/28-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.hv-designs.co.uk/2008/07/01/video-sharing-layout/"  target="_blank" rel="nofollow">Video sharing layout</a></h3>
<p><a href="http://www.hv-designs.co.uk/2008/07/01/video-sharing-layout/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7573" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/29-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.graphstock.com/tutorials/how-to-create-an-awhow-to-create-an-awesome-portfolio-layout/"  target="_blank" rel="nofollow">Awesome portfolio layout</a></h3>
<p><a href="http://www.graphstock.com/tutorials/how-to-create-an-awhow-to-create-an-awesome-portfolio-layout/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7574" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/30-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/"  target="_blank" rel="nofollow">Green sleek layout</a></h3>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7575" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/31-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.grafpedia.com/tutorials/create-clean-psd-layout-3d"  target="_blank" rel="nofollow">3d style layout</a></h3>
<p style="text-align: center;"><a href="http://www.grafpedia.com/tutorials/create-clean-psd-layout-3d"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7576" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/32-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<p style="text-align: center;">
<h3 style="text-align: left;"><a href="http://designm.ag/tutorials/green-corporate-layout/"  target="_blank" rel="nofollow">Green corporate layout</a></h3>
<p><a href="http://designm.ag/tutorials/green-corporate-layout/"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7577" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/33-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<h3><a href="http://www.grafpedia.com/tutorials/sleek-modern-portfolio-layout"  target="_blank" rel="nofollow">Sleek modern portfolio</a></h3>
<p><a href="http://www.grafpedia.com/tutorials/sleek-modern-portfolio-layout"  target="_blank" rel="nofollow"><img class="aligncenter size-full wp-image-7578" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/34-photoshop-website-tutorials.jpg" alt="" width="550" height="400" /></a></p>
<img src="http://feeds.feedburner.com/~r/reencoded/~4/z1YIDa4V6b8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2010/07/27/great-collection-of-30-excellent-photoshop-website-layout-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.reencoded.com/2010/07/27/great-collection-of-30-excellent-photoshop-website-layout-tutorials/</feedburner:origLink></item>
		<item>
		<title>Streamline Your Blog Posting</title>
		<link>http://feedproxy.google.com/~r/reencoded/~3/tgaO_BUnbZk/</link>
		<comments>http://www.reencoded.com/2010/07/26/streamline-your-blog-posting/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 13:00:07 +0000</pubDate>
		<dc:creator>Melody</dc:creator>
				<category><![CDATA[Various]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=7636</guid>
		<description><![CDATA[How long does it take you to write a blog post? An hour? Does the time depend on miscellaneous distractions at the moment? Developing your own methods to write posts efficiently ultimately help you to write faster. The hardest part of maintaining any blog is posting consistency, so it’s beneficial to learn ways that encourage [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img1.jpg"  rel="nofollow"><img class="alignnone size-full wp-image-7647" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img1.jpg" alt="" width="550" height="200" /></a></p>
<p>How long does it take you to write a blog post? An hour? Does the time depend on miscellaneous distractions at the moment? Developing your own methods to write posts efficiently ultimately help you to write faster. The hardest part of maintaining any blog is posting consistency, so it’s beneficial to learn ways that encourage faster writing no matter the size of the article.</p>
<p><span id="more-7636"></span></p>
<h2>Ways To Get Posts Out Faster</h2>
<p>I’ve been blogging for two years, and throughout those two years I’ve practiced different techniques to produce faster posts. Now that I’ve had success with those techniques it’s beneficial to share the information with new bloggers. Here are some of the methods I utilize when writing any article.</p>
<h2>Write and Only Write</h2>
<p><a href="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img2.jpg"  rel="nofollow"><img class="alignnone size-full wp-image-7648" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img2.jpg" alt="" width="550" height="200" /></a></p>
<p>First things first, relieve yourself of any distractions before sitting down to write a blog post. Turn off the tv, close Facebook, and remove yourself from the latest conversations on Twitter. What should be a one hour writing session could turn into a four hour bout with procrastination. I would also recommend that when you have an idea for a blog post to try to write it as soon as possible. By nature we forget daily and by the time you sit down the idea may not be as clear.</p>
<p>Many bloggers admit to carrying a small notebook around to quickly jot down ideas. Personally, I have a list on my computer of over 100 (growing) blog post ideas at all times. Some ideas may, however, take longer to write about then others, so section off which ideas produce faster or shorter posts.</p>
<h2>Outlines and Form</h2>
<p><a href="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img3.jpg"  rel="nofollow"><img class="alignnone size-full wp-image-7649" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img3.jpg" alt="" width="550" height="200" /></a></p>
<p>Start off each post with a standard Roman numeral outline. Include brief descriptions of the intro, body, and conclusion for reference. Writing an outline ultimately helps you to understand the direction you want to go with each article. I usually create my outline first, then write each section in under the titles.</p>
<p>The great thing about incorporating a “blog series” into your writing schedule is that readers know what to expect for the general content of those posts. Because of this, keep a form of writing specific to an article series. For instance, if you write a “Weekly Round Up of Articles Around the Web” you can essentially use the same titles or headers. Change out the dates for that week and make the descriptions unique for that content.</p>
<p>Maintaining blog series also allow you to pre-draft posts for when you write them later in the week. In fact, as you finish one weekly round up, start the structure for next week’s article.</p>
<h2>Write The Intro Last</h2>
<p><a href="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img4.jpg"  rel="nofollow"><img class="alignnone size-full wp-image-7650" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img4.jpg" alt="" width="550" height="200" /></a></p>
<p>Many writers in general find it difficult to start at the beginning. An intro is understandably one of the hardest parts of any article because you want to draw readers in to make sure they continue reading. If an intro is not coming to you as quickly as you’d like, move onto the body of the article and even the conclusion. By the time you’ve finished the bulk of the article you’ll realize what works best for the intro.</p>
<p>You can also take this moment to begin adding tags to your posts. Efficient writing is all about making the most of your time, so when you’re stuck, simply move on to the next task for you can always come back and finish.</p>
<h2>Keyboard Shortcuts and Codes By Heart</h2>
<p><a href="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img5.jpg"  rel="nofollow"><img class="alignnone size-full wp-image-7651" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img5.jpg" alt="" width="550" height="200" /></a></p>
<p>I can navigate around my entire computer only using my keyboard. This may seem odd, but it’s actually a very beneficial tip when writing posts. Just like when you’re designing in Photoshop, utilizing keyboard shortcuts save the time it takes to move your mouse. Something as simple as highlighting text to copy and paste becomes a pain because of my laptop mouse, so instead I frequent the shortcuts CTRL + C and CTRL + V (copy/paste) for ease.</p>
<p>Memorizing HTML codes also works to streamline blog posting. For instance, when I begin inserting images as a gallery, I copy one code and paste it over and over for the amount of images I want to include. Then all I have to do is go back and change name of the image source and the “alt” tag.</p>
<p>I always edit a post last because I feel each component of blog writing shouldn’t interfere with one another to maintain efficiency. If I edit the code as I write the post, it’ll take longer to finish the article. The same goes if I look for images while writing. Ultimately, the faster you write the post the faster it will get out, so don’t worry about the other details until the end.</p>
<h2>Quickly Name Images</h2>
<p><a href="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img6.jpg"  rel="nofollow"><img class="alignnone size-full wp-image-7652" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2010/07/62810img6.jpg" alt="" width="550" height="200" /></a></p>
<p>By the time I’m ready to insert images into a post, I’m probably most impatient to wanting to see the article go live. So, I always stick to a specific method of naming my images for faster insertion. For each article, the images are named with the date the article will go live, two letters related to the post, and one number for the numerical order of the images.</p>
<p>For instance, if I write about web design inspiration on June 28th 2010, then the images for that post will be named 62810di1.jpg. All images after will continue in numerical order (i.e. 62810di2,di3,etc). For the main header image, I name it differently (62810head.jpg) to distinguish it from the rest.</p>
<p>By maintaining this format I don’t have to spend countless minutes looking for images  because of forgetting the different names for each picture.</p>
<h2>What Are Your Tips For Faster Posts?</h2>
<p>Streamlining your blog posts allows you create faster and more efficient articles for your readers. These have been some of my methods used throughout my two years of blogging, and I would love to hear what yours are.  Are there methods different from the ones above that you use?</p>
<img src="http://feeds.feedburner.com/~r/reencoded/~4/tgaO_BUnbZk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2010/07/26/streamline-your-blog-posting/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.reencoded.com/2010/07/26/streamline-your-blog-posting/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 0.550 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-07-30 09:29:27 -->
