<?xml version="1.0"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>amillionmonkeys blog</title>
        <link>http://amillionmonkeys.co.uk/blog</link>
        <description>musings about web design and development and maybe coffee. </description>
        <atom:link href="http://amillionmonkeys.co.uk/blog/rss.php" rel="self" type="application/rss+xml" />
                <item>
           <title>The lessons of the last six months...</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-07-10-the-lessons-of-the-last-six-months</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-07-10-the-lessons-of-the-last-six-months</guid>
           <description>
           	<![CDATA[<img src="http://amillionmonkeys.co.uk/perch/resources/img0059.jpg" class="scale-with-grid" alt="The lessons of the last six months..." />]]>
           	<![CDATA[<p>amillionmonkeys has been running full-time for six months now. Along the way we&#8217;ve not had a lot of time to blog, but have learned some valuable lessons that we share for the benefit of anyone else going full-time:</p>

<p>1.  There are plenty of designers out there desperate for a decent front-end developer. If you know <span class="caps">HTML</span>, <span class="caps">CSS</span> (especially media-queries and other modern wizardry) and Javascript of some kind, there is plenty of work out there.</p>

<p>2.  Marking up someone artwork, while having no input in the design, is seriously frustrating.</p>

<p>3. People still use Internet Explorer 7. So <a href="http://alistapart.com/article/understandingprogressiveenhancement">progressive enhancement</a> is a must for anything clever.</p>

<p>4.  Two screens are a must if you want to get anything done.</p>

<p>5.  If you&#8217;re thinking of employing the services of a web developer, always let them choose what software will power your site..</p>

<p>6.  <span class="caps">HTML</span> emails are a nuisance. If the design you want for your email isn&#8217;t similar to something in <a href="http://mailchimp.com/features/email-templates/">Mailchimp&#8217;s gallery</a>, it&#8217;s either not possible or not advisable</p>]]></description>
           <pubDate>Wed, 10 Jul 2013 14:39:00 +0000</pubDate>
        </item>
        <item>
           <title>They've Arrived!</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-05-01-theyve-arrived</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-05-01-theyve-arrived</guid>
           <description>
           	
           	<![CDATA[<p>Our swanky new business cards have finally arrived. Check them out! We think they&#8217;re pretty special. If you&#8217;d us to send you one, drop us a <a href="mailto:hello@amillionmonkeys.co.uk">line</a>.</p>]]></description>
           <pubDate>Wed, 01 May 2013 12:12:00 +0000</pubDate>
        </item>
        <item>
           <title>Growing to love Drupal</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-04-26-growing-to-love-drupal</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-04-26-growing-to-love-drupal</guid>
           <description>
           	<![CDATA[<img src="http://amillionmonkeys.co.uk/perch/resources/druplicon.large.png" class="scale-with-grid" alt="Growing to love Drupal" />]]>
           	<![CDATA[<p>We try to give our customers as much ownership of their site as is reasonably possible. It works for everyone: clients don&#8217;t want to wait to change content and we don&#8217;t want to spend our time updating phone number. But a problem has arisen: with the power to change things, late at night – when the business has been quiet for a couple of months – people seem to be tempted to make a few &#8216;improvements&#8217;, and before you know it a carefully crafted colour palette now features a curious colour that can only be described as poo-brown, and that perfect combination of typography, now features Comic Sans&#8230;</p>

<p>We&#8217;re currently growing to love <a href="http://drupal.org/">Drupal</a> and the lovely <a href="grabaperch.com">grabaperch</a> because instead of creating pages in which anything goes, they allow us to create templates in which specific content (times, prices, adverts, images) is always displayed how we imagine it. So we can do what we do best (design iconic websites) and clients can do what they do best (generate tip-top content).</p>]]></description>
           <pubDate>Fri, 26 Apr 2013 14:57:00 +0000</pubDate>
        </item>
        <item>
           <title>Writing for the web</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-04-07-writing-for-the-web</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-04-07-writing-for-the-web</guid>
           <description>
           	
           	<![CDATA[<p>One of the hurdles we often hit with people publishing their first website is that they write copy for the site like they&#8217;re writing a brochure, or worse they just copy and paste the content from a brochure. </p>

<p>All the research suggests, the way people read online is completely different to how the read offline, consequently the copy you provide online should be different.</p>

<p>There&#8217;s stacks out there, but for those getting started, here are some basic guidelines we provide our clients:</p>

<h2>Keep it relevant</h2>

<p>People reading online, don&#8217;t have time to read about your great aunt Sally. Leave it out. Conversational stuff like this can be helpful in conveying your brands personality, put publish it on a blog or Twitter, not on your services page.</p>

<h2>One idea per paragraph</h2>

<p>Keep it short and sweet. People don&#8217;t read web pages they scan them, so short, chunky paragraphs beat long rambling ones.</p>

<h2>Use action words</h2>

<p>Avoid the passive voice. Tell people what you do and keep the flow of your pages moving.</p>

<h2>Formatting</h2>

<p>Use lists instead of paragraphs, they&#8217;re much easier to scan. Keep sentences short, using only the words you need to get your point across. </p>

<p>Include subheadings to help readers scan to the sections they&#8217;re interested in rather than get bored and move on. Include links and make them part of the text</p>

<h2>Proofread your work</h2>

<p>Typos and spalling errors (see what I did there!) make you look silly and unprofessional.</p>

<p>If you want to read more there are some <a href="http://www.webdesignerdepot.com/2009/08/20-tips-on-how-to-write-for-the-web/">great tips about writing for the web over on Web Designer Depot »</a></p>]]></description>
           <pubDate>Sun, 07 Apr 2013 20:33:00 +0000</pubDate>
        </item>
        <item>
           <title>New business cards</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-03-29-new-business-cards</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-03-29-new-business-cards</guid>
           <description>
           	
           	<![CDATA[<p>After a couple of months spent agonising over the final design, we&#8217;ve finally finished working on a new business card and a last minute addition of a greetings card. Committing to a final design was pretty tough, it turns out being a client isn&#8217;t so easy after all! </p>

<p>Both pieces are being letterpressed and the business cards will also be edge painted, so fingers-crossed the end result will be really special. We can&#8217;t wait to get the finished pieces in our sweaty little palms but for now we just wanted to share a sneak peek of the artwork (all done in-house) and promise to update with a couple of shots of the finished articles once they&#8217;re here.</p>]]></description>
           <pubDate>Fri, 29 Mar 2013 14:33:00 +0000</pubDate>
        </item>
        <item>
           <title>Website hosting</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-03-18-website-hosting</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-03-18-website-hosting</guid>
           <description>
           	
           	<![CDATA[<p>If you&#8217;re starting out a new business, one of the first things you&#8217;re going to need to sort out is hosting. We can host websites, but in most circumstances, we&#8217;d advise you to do this yourself. </p>

<p>We wouldn&#8217;t call ourselves experts in the fields but here is an introduction to the different packages available.</p>

<h2>Shared hosting</h2>

<p>As the name suggests, shared hosting means your site sits on a server with other sites (usually hundreds). It&#8217;s cheap as chips, but performance and security suffer. If one site goes down, then it usually drags the rest down with it.<br />
<strong>Costs:</strong> £5 per month<br />
<strong>Suitable for:</strong> Static, non-critical sites with low level traffic</p>

<h2><span class="caps">VPS</span></h2>

<p>A stepping stone between a shared and dedicated hosting package. A server is partitioned into multiple chunks and each chunk given an allocation of the server&#8217;s resource, so even if someone else&#8217;s site goes down, yours won&#8217;t suffer.<br />
<span class="caps">VPS</span> also gives you added control over software, security and configuration.<br />
<strong>Cost:</strong> £25 per month<br />
<strong>Suitable for:</strong> Small and medium businesses needing content managed or e-Commerce sites</p>

<h2>Dedicated hosting</h2>

<p>The bees knees. You get an entire server to yourself and can do what you like with it. But with added power comes added responsibility!<br />
<strong>Cost:</strong> £25 per month<br />
<strong>Suitable for:</strong> Companies who outgrow a <span class="caps">VPS</span> or new companies who have the need and the money.</p>

<h2>Other stuff to look out for</h2>

<p><strong>Security</strong><br />
If you&#8217;re asking users to transmit sensitive information, you&#8217;ll need an <span class="caps">SSL</span> certificate.</p>

<p><strong>Databases</strong><br />
If you&#8217;re looking for a content managed or e-Commerce site, you&#8217;ll need a database. We mostly use MySql databases which are the most popular.</p>

<p><strong>Support</strong><br />
At some stage you will need to contact your host. Make sure you&#8217;re comfortable with their support arrangement.</p>

<p><strong>Server config</strong><br />
Most servers run Apache in combination with the Linux operating system, MySQL and <span class="caps">PHP</span> (<span class="caps">LAMP</span>). This is the most popular combination because:
	<ul>
		<li>It&#8217;s cheap as chips (no software licensing)</li>
		<li>It&#8217;s secure</li>
		<li>It&#8217;s easily configured</li>
	</ul></p>

<p>The other option is Microsoft&#8217;s <span class="caps">IIS</span> setup and though there are some advantages the major downpoints are its cost and the increased likelihood of malware attacks.</p>]]></description>
           <pubDate>Mon, 18 Mar 2013 21:27:00 +0000</pubDate>
        </item>
        <item>
           <title>Parallax scrolling</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-02-20-parallax-scrolling</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-02-20-parallax-scrolling</guid>
           <description>
           	<![CDATA[<img src="http://amillionmonkeys.co.uk/perch/resources/what-we-talk-about-packshot.png" class="scale-with-grid" alt="Parallax scrolling" />]]>
           	<![CDATA[<p>The parallax effect is something familiar to anyone who played computer games twenty years ago. It involves multiple background moving while the primary subject (Sonic the Hedgehog) remains stationary. The effect is now used in modern web design, using Javascript to create a sense of depth (one out of focus background behind an in-focus foreground) and an interesting and pretty memorable user experience.</p>

<p>On big sites, I can imagine it would get pretty irritating. But for smaller sites, which are quickly trying to get the users attention it makes a great impact. We recently used this technique when building a site for Rob Bell and his forthcoming book tour using <a href="http://markdalgleish.com/projects/stellar.js/">Stellar.js</a> . <a href="http://talkaboutgod.co.uk">Take a look »</a></p>]]></description>
           <pubDate>Wed, 20 Feb 2013 21:09:00 +0000</pubDate>
        </item>
        <item>
           <title>Why mobile matters</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-02-19-why-mobile-matters</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-02-19-why-mobile-matters</guid>
           <description>
           	<![CDATA[<img src="http://amillionmonkeys.co.uk/perch/resources/screen-shot-2013-03-19-at-09.45.56.png" class="scale-with-grid" alt="Why mobile matters" />]]>
           	<![CDATA[<p>As part of our initial research when we&#8217;re rebuilding a site for a client we always ask for access to their analytics account. This usually proves really helpful in discovering more about the people using the site and what they do (and don&#8217;t do) when they&#8217;re browsing.</p>

<p>The above screenshot is from a the analytics account of a recent client whose site receives around 20,000 visitors a month. The screenshot shows that as well as doubling the number of visitors on the site over the last year (well done you!), the percentage of people accessing the site on a mobile device has nearly doubled and now makes up around 45% of the site traffic.</p>

<p>If you&#8217;re planning a new website, you need to consider people who are going to access your site using a tablet or smartphone. This is something we learned when working with <a href="http://www.edgeofmyseat.com/">edgeofmyseat</a> on the redevelopment of the <a href="http://greenbelt.org.uk">Greenbelt website</a>. It was imperative that people who visited the site via Twitter or an email on their mobile had a great experience, so instead of building the site to a fixed width we made the site responsive, so the width of the site adjusted depending on the size of the window in which it is being viewed.</p>

<p>This site, along with most of our recent work, is responsive too, so if you&#8217;ve no idea what we&#8217;re talking about, resize your browser window and see stuff magically hop around.</p>]]></description>
           <pubDate>Tue, 19 Feb 2013 09:40:00 +0000</pubDate>
        </item>
        <item>
           <title>Life after Small Batch</title>
           <link>http://amillionmonkeys.co.uk/blog/2013-02-12-life-after-small-batch</link>
           <guid>http://amillionmonkeys.co.uk/blog/2013-02-12-life-after-small-batch</guid>
           <description>
           	<![CDATA[<img src="http://amillionmonkeys.co.uk/perch/resources/small-batch.jpeg" class="scale-with-grid" alt="Life after Small Batch" />]]>
           	<![CDATA[<p>Earlier this month we left our beautiful home in Hove and moved north. We&#8217;re finding new friends, new places to eat and new things to do, but the coffee just ain&#8217;t the same up here. <a href="http://smallbatchcoffee.co.uk/">Small Batch Coffee</a> amillionmonkeys misses you dearly&#8230;</p>]]></description>
           <pubDate>Tue, 12 Feb 2013 09:24:00 +0000</pubDate>
        </item>
        <item>
           <title>Back to basics</title>
           <link>http://amillionmonkeys.co.uk/blog/2012-12-23-back-to-basics</link>
           <guid>http://amillionmonkeys.co.uk/blog/2012-12-23-back-to-basics</guid>
           <description>
           	
           	<![CDATA[<p>Over the past few years we&#8217;ve found ourselves sending the same emails to clients over and over again. Now we&#8217;ve got a blog it makes sense to publish some of this here, for wider consumption.</p>

<p>We&#8217;ll add to these articles over time but to get started over the next few weeks we&#8217;ll try and cover:</p>

	<ul>
		<li>The basics of Search Engine Optimisation, and why you shouldn&#8217;t pay someone for this</li>
		<li><del>A primer on why designing for mobile matters</del> (Done. See <a href="http://amillionmonkeys.local/blog/2013-02-19-why-mobile-matters">Why Mobile Matters</a>)</li>
		<li>Advice on getting your first website</li>
		<li>Guidance on writing copy for the web</li>
		<li><del>Hosting</del> (Done see <a href="/blog/2013-03-18-website-hosting">Website hosting</a>)</li>
	</ul>]]></description>
           <pubDate>Sun, 23 Dec 2012 08:06:00 +0000</pubDate>
        </item>
    </channel>
</rss>