<?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>madewithpixels &#187; Grid Based Layout</title>
	<atom:link href="http://www.madewithpixels.co.uk/tag/grid-based-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.madewithpixels.co.uk</link>
	<description></description>
	<lastBuildDate>Wed, 13 Oct 2010 23:30:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>It&#8217;s re-design time.</title>
		<link>http://www.madewithpixels.co.uk/its-redesign-time/</link>
		<comments>http://www.madewithpixels.co.uk/its-redesign-time/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 17:58:42 +0000</pubDate>
		<dc:creator>madewithpixels</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Site launches]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Google page load times]]></category>
		<category><![CDATA[Grid Based Layout]]></category>
		<category><![CDATA[madewithpixels]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Re-design]]></category>
		<category><![CDATA[Search Engine Optimisation]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=100</guid>
		<description><![CDATA[Ahh the smell of freshly laid pixels. The allure of a grid so tight you could use it to forge digital Shredded Wheat (this has become very daft, very quickly). What the hell am I talking about? Well look around dude; this pimp has new threads. Word!
It&#8217;s been a good twelve months since the MWP [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Ahh the smell of freshly laid pixels. The allure of a grid so tight you could use it to forge digital Shredded Wheat (this has become very daft, very quickly). What the hell am I talking about? Well look around dude; this pimp has new threads. Word!</strong></p>
<p>It&#8217;s been a good twelve months since the MWP website had a make-over; and although it&#8217;s still wearing the same WordPress undies (rinsed out in the sink though &#8211; what do you take us for?) there&#8217;s an all new look and feel to celebrate my first successful year as a freelancer.</p>
<p>Things have been gone well this year even if I do say so myself, I&#8217;ve <a href="http://www.madewithpixels.co.uk/#work">worked</a> on over twenty projects. Websites for the pharmaceutical, healthcare, media and tourism industries as well as a number of touch-screen multimedia installations at various Museums and Visitor Centres up and down the country.</p>
<p>I suppose it&#8217;s been an odd year to start a business, what with t&#8217;old credit crunch and all that malarkey. Not that it&#8217;s seemed to effect us too much to be honest &#8211; it seems like our backgrounds, portfolios and contacts have stood us in good stead. Our clients have been reporting being pleasantly surprised when receiving our costs, certainly when compared to quotes received from other agencies. The fact that we&#8217;re small, agile and have little or no overheads except a world-class web host so that we can pass these savings on to our clients seems to be a concept that&#8217;s worked very well indeed. We&#8217;ve delivered some big projects, at a cost most agencies wouldn&#8217;t get out of bed for. Not only that, but we&#8217;ve done very nicely for ourselves and enjoyed the summer sun too. Result!</p>
<p><span id="more-100"></span></p>
<h3>So what&#8217;s with the big long page dude?</h3>
<p>Experimentation really; browsing the traffic stats for madewithpixels has always caused some worry, Seemingly suffering from an exceptionally high bounce rate, I wanted to do something to make the content more focussed, accessible and inviting to read.</p>
<p>Admittedly; there was an awful lot of content on the old site. Lots of words and explanations that clearly no-one was reading. So the design rationale slowly became; why make people navigate at all? There&#8217;s not that much to see other than a few pics and a bit of blurb about our approach -Spreading the site out over tens of pages simply makes the user expend so much more effort: Click &gt; Read &gt; Decide &gt; Click &gt; Read etc.</p>
<p>I guess we&#8217;ll have to wait and see to find out whether it was a good decision or not &#8211; I&#8217;m mindful about the effect on SEO as the page is now well over 1500 lines of HTML when rendered and with 50 or so embedded images it does take a little while to load. Suffice to say I&#8217;ll be keeping my eyes on those stats especially as <a href="http://www.seroundtable.com/archives/016485.html" target="_blank">Google has announced</a> that page load times are to affect page ranks results in its &#8216;quality score algorithm&#8217;.</p>
<p>So I hope you enjoy the new garb. And I&#8217;m pleased to report that for once, I&#8217;m actually one hundred percent happy with the result! Never an easy thing to achieve when designing your own site somewhat strangely.</p>
<h3>It&#8217;s all about the grid baby</h3>
<p>The eagle eyed designers among you may spot how lovely and tight the <a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1" target="_blank">grid</a> and <a href="http://www.alistapart.com/articles/settingtypeontheweb" target="_blank">vertical rhythm</a> of the typography is.</p>
<p>I hope, at some point in the not too distant future to publish a post I&#8217;ve been working on for a while. There are LOTS of great articles out there on grid based layout, but very few with any real practical examples or design rationale from the designers responsible &#8211; I&#8217;m lucky to have been taught the skill at college in the late eighties but it&#8217;s a skill that seems to have slipped past most educators radars since then so I thought I&#8217;d dissect a few of my designs and post the results. Watch this space!</p>
<h3>And I&#8217;d just like to thank&#8230;</h3>
<p>As always, the most excellent Jon Ward (dude, get that site built&#8230; I know you&#8217;re busy but I&#8217;m sick of not linking to you) for the totally bodacious custom lightbox and smooth as a babies bum javascript page-scrolling sorcery. Without his continued help and downright genius; my designs would remain somewhat static.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.madewithpixels.co.uk/its-redesign-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
