<?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>Beaver6813.com &#187; DIY store</title>
	<atom:link href="http://beaver6813.com/tag/diy-store/feed/" rel="self" type="application/rss+xml" />
	<link>http://beaver6813.com</link>
	<description>Web Developer Extraordinaire!</description>
	<lastBuildDate>Thu, 05 Jan 2012 20:33:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4-alpha-20304</generator>
		<item>
		<title>Decor Scene</title>
		<link>http://beaver6813.com/2010/05/decor-scene/</link>
		<comments>http://beaver6813.com/2010/05/decor-scene/#comments</comments>
		<pubDate>Fri, 21 May 2010 11:32:27 +0000</pubDate>
		<dc:creator>Beaver6813</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[decor scene]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[DIY store]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[family run]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://beaver6813.com/?p=211</guid>
		<description><![CDATA[Decor Scene was a smaller, simpler project I worked on. Mike from Decor Scene tasked me with creating a simple, user-friendly website that gave Decor Scene, a family run DIY store, a web presence. For the main design I approached &#8230; <a href="http://beaver6813.com/2010/05/decor-scene/">Continue reading <span class="meta-nav">&#8594;</span></a>
Related posts:<ol>
<li><a href='http://beaver6813.com/2010/03/city-coupons/' rel='bookmark' title='City Coupons'>City Coupons</a></li>
<li><a href='http://beaver6813.com/2010/03/jokepants/' rel='bookmark' title='Jokepants'>Jokepants</a></li>
<li><a href='http://beaver6813.com/2010/09/amersham-dec/' rel='bookmark' title='Amersham Dec'>Amersham Dec</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src='http://beaver6813.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/211.png&amp;w=200&amp;h=150&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>Decor Scene was a smaller, simpler project I worked on. Mike from <a href="http://www.decorscene.co.uk">Decor Scene</a> tasked me with creating a simple, user-friendly website that gave <a href="http://www.decorscene.co.uk">Decor Scene</a>, a family run DIY store, a web presence. For the main design I approached a company I had recently worked with <a href="http://beaver6813.com/2010/03/jokepants/">Webslash</a> to design a simple, elegant and modern website that made an impact on any user who visited. After a few drafts we were there and it was down to me to slice the design and code it. As the site itself i<span id="more-211"></span>s rather simple I wanted to use the most efficient methods available and so split the website into three parts:</p>
<ul>
<li>Header &#8211; Template</li>
<li>Content &#8211; Custom for each page</li>
<li>Footer &#8211; Template</li>
</ul>
<p>By making the header and footer both templates it saved greatly on development times and served to make the website easier to update in the future.</p>
<p>A problem I encountered with this however arrived when it came to adding Google Maps to make it easier for potential customers to find the shop. Google Maps code is usually added to the head parts of the HTML and then an onload function is added to the body, so when the body is fully loaded Google Maps loads. It would be very inefficient to include the code on each page and could potentially generate errors so I simply included a check to see if it exists. I could then create this function just on the &#8220;Find Us&#8221; page and then use a small bit of javascript that checks if &#8220;runjavascript()&#8221; is defined, if it is, it runs it:</p>

<div class="wp_codebox_msgheader"><span class="right"></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p211code2'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2112"><td class="code" id="p211code2"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">typeof</span> window.<span style="color: #660066;">runjavascript</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">'function'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
runjavascript<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>I think this is the more efficient or at least simplest way to do this, if anyone has a better way then let me know!</p>
<p>Some SEO work was also done on the website to ensure it hit page 1 on Google on some terms such as &#8220;DIY Store Rickmansworth&#8221;, &#8220;Decor Scene&#8221;, &#8220;Decor Scene Rickmansworth&#8221;, &#8220;DIY Shop Rickmansworth&#8221;; part of this was adding the business to Google Maps which benefits both customers and the business.</p>
<p>On final presentation to the client the response was very positive and whilst the website is fairly simple at the moment it certainly has left room for expansion in the future!</p>

<a href='http://beaver6813.com/2010/05/decor-scene/decorscene-home/' title='Decor Scene - Homepage'><img width="150" height="150" src="http://beaver6813.com/wp-content/uploads/2010/05/DecorScene-Home-150x150.png" class="attachment-thumbnail" alt="Decor Scene Homepage" title="Decor Scene - Homepage" /></a>
<a href='http://beaver6813.com/2010/05/decor-scene/decorscene-about/' title='Decor Scene - About Us'><img width="150" height="150" src="http://beaver6813.com/wp-content/uploads/2010/05/DecorScene-About-150x150.png" class="attachment-thumbnail" alt="Decor Scene - About Us" title="Decor Scene - About Us" /></a>
<a href='http://beaver6813.com/2010/05/decor-scene/decorscene-products/' title='Decor Scene - Products'><img width="150" height="150" src="http://beaver6813.com/wp-content/uploads/2010/05/DecorScene-Products-150x150.png" class="attachment-thumbnail" alt="Decor Scene - Products" title="Decor Scene - Products" /></a>
<a href='http://beaver6813.com/2010/05/decor-scene/decorscene-findus/' title='Decor Scene - Find Us'><img width="150" height="150" src="http://beaver6813.com/wp-content/uploads/2010/05/DecorScene-Findus-150x150.png" class="attachment-thumbnail" alt="Decor Scene - Find Us" title="Decor Scene - Find Us" /></a>

<p>Related posts:<ol>
<li><a href='http://beaver6813.com/2010/03/city-coupons/' rel='bookmark' title='City Coupons'>City Coupons</a></li>
<li><a href='http://beaver6813.com/2010/03/jokepants/' rel='bookmark' title='Jokepants'>Jokepants</a></li>
<li><a href='http://beaver6813.com/2010/09/amersham-dec/' rel='bookmark' title='Amersham Dec'>Amersham Dec</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://beaver6813.com/2010/05/decor-scene/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

