<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">

    <title type="text">Gradualism</title>
    <subtitle type="text">Gradualism:Notes from a web designer and small business owner</subtitle>
    <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/" />
    <link rel="self" type="application/atom+xml" href="http://www.gradualism.co.uk/feeds/atom/" />
    <updated>2012-03-30T09:56:42Z</updated>
    <rights>Copyright (c) 2012, Emily Heath</rights>
    <generator uri="http://expressionengine.com/" version="1.6.7">ExpressionEngine</generator>
    <id>tag:gradualism.co.uk,2012:03:28</id>


    <entry>
      <title>In business? Get a safety net and an exit strategy</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/in-business-get-a-safety-net-and-an-exit-strategy/" />
      <id>tag:gradualism.co.uk,2012:/1.28</id>
      <published>2012-03-28T17:24:41Z</published>
      <updated>2012-03-30T09:56:42Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Running a business"
        scheme="http://www.gradualism.co.uk/articles/category/running-a-business/"
        label="Running a business" />
      <content type="html"><![CDATA[
        <div class="image medium"><img src="http://www.gradualism.co.uk/images/uploads/Emily-handstand.jpg" alt="Emily doing a handstand in the garden" width="240"><p class="caption">Me holding a handstand for as long as it took the shutter to release</p></div>

	<p>I&#8217;m learning to do a handstand. Until recently, I could only hold it by myself when I was next to a wall, but when I was practicing on the cushioned flooring at the climbing centre last week I managed to hold it up for a count of 5 in the middle of the space. When I tried again at home I couldn&#8217;t kick up at all. It&#8217;s the knowledge that I won&#8217;t hurt myself falling on the soft floor that gives me the confidence to throw my whole body above my head.</p>

	<p>Today we met up with a business advisor, <a href="http://www.dsp-newstart.com/">David Stimson</a>, to discuss how he could provide us with support and help guide us through some growing pains.  It was a really useful and positive meeting, which left me feeling so geared up I started practicing hand stands in the garden. I figured if I can get over my fear of falling (or learn how to break it) I can get over my fear of (failing in) business. This is something which David talked about specifically. He said that every good business plan should have a get out clause, so that if things do seem to be going belly up (or head down in my handstand practice), you have an exit strategy.   </p>

	<p>While you&#8217;re practicing the handstand you need some kind of safety net, like the wall, which you know will catch you if you go too far. I&#8217;m looking for a business advisor to provide us with a similar kind of support at a difficult time in the managing of our business. Part of getting the hang of holding a handstand &#8211; as well as having the confidence that you can hold it &#8211; is knowing how to safetly get out of it if it goes too far. Talking to a business advisor or mentor is helpful in building up confidence, but having a business plan with an exit strategy gives the ultimate reassurance that (if the ground crumbles underneath you) you won&#8217;t get hurt as you fall.</p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/North-handstand.jpg" alt="Composite of North doing a handstand and rolling out of it" width="500"><p class="caption"><a href="http://www.twitter.com/akanorth">North</a>&#8216;s perfected the headstand-into-forward-roll and so can fall out of it safely and gracefully. Safety net and exit strategy in one!</p></div>
                                                                                     ]]></content>
    </entry>

    <entry>
      <title>Becoming your own boss</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/becoming-your-own-boss/" />
      <id>tag:gradualism.co.uk,2011:/1.27</id>
      <published>2011-02-07T05:30:00Z</published>
      <updated>2011-02-07T08:54:01Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Conferences &amp; Events"
        scheme="http://www.gradualism.co.uk/articles/category/conferences/"
        label="Conferences &amp; Events" />
      <category term="Running a business"
        scheme="http://www.gradualism.co.uk/articles/category/running-a-business/"
        label="Running a business" />
      <content type="html"><![CDATA[
        <p>I went to a really good event this week called &#8220;Managing Directly &#8211; Becoming your own boss&#8221; hosted by <a href="http://www.managers.org.uk/forum/women-management/wim-milton-keynes"><abbr title="Women in Management">WiM</abbr></a> and <a href="http://www.mk-chamber.co.uk/">Milton Keynes &amp; North Bucks Chamber of Commerce</a>. It was targeted at women looking at starting a business. I&#8217;ve been running my own business full-time for 3 years now (+ another 4 yrs part-time) but I still feel I have so much to learn.</p>

 <p>The first presentation was by Rita Spada, a business woman with over 2 decades experience in business management, now heading up the local Chamber of Commerce. Her talk was overflowing with useful advice and information, it seemed like there was at least 2 hours worth of material being condensed into 20 mins. </p>

<h3>Business survival stage can last up to 5 years</h3>

 <p>A big take away point for me was that a 3-5 year old business is still in its infancy. Rita used a diagram called the Seven Stages of Organisational Development to talk about the stages you go through as your business grows. She explained that you will be in the Survival stage for at least the first 3 years. This made me feel much better about where we are in our business. I think we might actually be ahead of the game (for our age), when I had so often thought we&#8217;re struggling to keep up!  </p>

<div class="image">
<a href="http://s299.photobucket.com/albums/mm281/Ingerbjola/Consciousness/?action=view&current=slo.jpg" target="_blank"><img src="http://i299.photobucket.com/albums/mm281/Ingerbjola/Consciousness/slo.jpg" border="0" alt="The Seven Levels of Organisational Consciousness: Survival, Relationship, Self-Esteem, Transformation, Internal Cohesion, Making a Difference, Service" width="500"></a>
<p class="caption">This isn&#8217;t the exact version Rita showed us, but a more commonly published (according to my online research) diagram known as <strong>The Seven Levels of [Organisational] Consciousness Model</strong>, originally by <a href="http://richardbarrett.posterous.com/the-seven-levels-of-leadership-consciousness">Richard Barrett</a>, who based it on Maslow&#8217;s Hierarchy of Needs</p>
</div>

 <p>The survival stage is when you focus on financial stability and growth. Later stages are when you start to focus on other things, like at the excellence, productivity and efficiency. We&#8217;ve already taken a look at some of the later focuses which means we are headed in the right direction. Rita advised that you spend 3 years building a solid foundation for your business but developing a framework for the future at the same time.</p>

<h3>You&#8217;ll only spend 50% of your time on the thing you love</h3>

 <p>When you go start up your own business it is often because you have a specialist skill that you are passionate about selling. Rita Spada pointed out that you will only get to spend 50% of your time doing this, and that 10% of it will be management time (I guess the rest is made up of training and admin etc). This is an important point. You need to be prepared for this in order to save disappointment later down the line. This has been one of the hardest lessons I&#8217;ve had to learn running our business &#8211; I quickly discovered I doing more project managing than website development. But if/when you realised this you can organise things in such a way that you get to spend more of your time on what you are most skilled at (by employing administrators/project managers etc &#8211; which is what we&#8217;ve done in the last 6 months. </p>

<p>Some other points Rita made which were struck a chord with me were:<br />

&#8230;on managing</p><ul><li>running a business is a lonely place</li><li>there are more questions than you can answer</li><li>(but) you get ability to mark you own way in the world</li></ul><br />
<p>&#8230;on networking:</p>
<ul><li>never stop building your network</li>
<li>connect to people that matter</li>
<li>leave a part of yourself behind, something that people will [want to] share with others</li>
</ul>

<p>This final point from Rita about networking and making connections is a good one:</p>

<blockquote><p>&#8220;Networking doesn&#8217;t win you business. Networking wins you connections and <em>connections</em> win you business.&#8221;</p><cite>Rita Spada</cite></blockquote>

<h3>Excellent service and keeping in touch</h3>

 <p><img src="http://www.gradualism.co.uk/images/uploads/Elizabeth_Sheldon_talking_about_networking_copy.jpg" alt="Elizabeth Sheldon talking about networking copy"  width="500" height="240" /></p>

 <p>Up next was <a href="http://twitter.com/Perfectonious" title="Elizabeth's Twitter profile">Elizabeth Sheldon</a>. She runs a <a href="http://www.evidencetalks.com/">digital forensics company</a> based in MK with clients all around the globe. One of the things Elizabeth emphasised in her talk was planning. Budget for leaner times and plan in quarters (e.g if you know Autumn will be slower for you, set aside some money in the Spring).  </p>

 <p>Elizabeth talked more about something Rita had touched on, that people do business with people who they like. Customer service is key. People will buy from you not because you have the best product on the market, but because they like you &#8211; you give them excellent service.</p>

 <p><blockquote><p>&#8220;Deliver the best service <br />

</p>

 <p>and you don&#8217;t have to have the best product&#8221;</p><cite>Elizabeth Sheldon</cite></blockquote></p>

 <p>Elizabeth introduced us to the concept of &#8220;Touch 7 times&#8221; which claims that you need to make contact with someone (talk, phone, email, meet etc) 7 times before they&#8217;ll buy from you. This certainly chimes with recent experiences we&#8217;ve had with new business enquiries/sales. Even if it is the potential client who makes contact with you first, <em>you</em> need to follow-up &mdash;-court them&mdash;before you will make a sale.</p>

<h3>Make friends and network effectively</h3>

 <p>Angela Rhodes has been running her small <a href="http://www.crispinrhodes.co.uk/">HR business</a> for over 15 years now. I found I could relate to lots of the things she told us as she talked us through her story so far, like the pros and cons of working from home and the importance of networking. </p>

 <p>It was a bit of a revelation hearing about how Angela grew her client base. It sounded a lot like how we&#8217;ve grown ours. An old school or college friend gets in touch. A friend of a friend emails you. Someone you know recommends you to a colleague of theirs. These people, who then become your (happy) clients, all recommend you to other people&mdash; their friends, old acquaintances&mdash;who in turn recommend you on to others, and so on. </p>

<blockquote><p><em>I&#8217;ve always had this feeling that the way we&#8217;ve grown our client base wasn&#8217;t how &#8216;real&#8217; business work.</em></p></blockquote>

<p>I thought &#8216;real&#8217; businesses got found through search engines and advertising and that we are a little bit sneaky to be carrying on like this. But hearing Angela talk about it in this context, reinforced by Rita and Elizabeth&#8217;s comments, made me realise we are doing the right thing!</p>

 <p>I also realised in talking to Angela afterwards that this new business generation model is in fact an incredibly strong selling point. If you tell potential clients that all your work comes from referrals, they will realise that you are being kept in business by happy customers. This serves as a guarantee of good service. Because if you do a shoddy job, no one is going to recommend you.  To find a successful business that isn&#8217;t paying for advertising means they must be doing lots of things right.</p>

 <p>Like the speakers before her, Angela emphasised the importance of networking, but she also made a really useful point. You need to know how network <em>effectively</em>. There are so many networking opportunities [here in Milton Keynes] that you can spend a lot of money and time attending, but you need to know how to make it work.  You don&#8217;t want to just walk up to someone and give them your marketing schpeil. You need to connect with them in another way, on a personal level, before you start talking business. Just try and get to know them and perhaps find something you have in common.  You may end up knowing someone socially for years before they come to you for business or find someone to recommend you to.</p>

<h3>Take homes: new knowledge, confirmations and bubbly!</h3>

 <p><img src="http://www.gradualism.co.uk/images/uploads/wim-boss-event-booty1.jpg" alt="Wim boss event booty" border="0" width="240" height="251" class="medium" />The event had a good mix of learning new stuff and confirming things I already know, or didn&#8217;t realise I new already. </p>

 <p>There wasn&#8217;t much time for networking but there was time for a quick prize draw drawn from the attendees feedback forms. And guess what? I won!  Thank-you <a href="http://www.office-angels.com/" title="Office Angels">sponsorship</a>!</p>

 <p><small>(Now why wasn&#8217;t that luck with me when they drew the lucky winner of an iPad at the <a href="http://newadventuresconf.com/">New Adventures</a> conference last month?!)</small></p>      ]]></content>
    </entry>

    <entry>
      <title>Notes on criticism in web design</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/notes-on-criticism-in-web-design/" />
      <id>tag:gradualism.co.uk,2010:/1.24</id>
      <published>2010-09-19T20:10:12Z</published>
      <updated>2010-11-07T11:01:13Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Design"
        scheme="http://www.gradualism.co.uk/articles/category/design/"
        label="Design" />
      <content type="html"><![CDATA[
        <p>Every now and then a pseudo-discussion will flair up, in response to a blogpost or a tweet, about online criticism and feedback. There was one such &#8216;discussion&#8217; on Brendan Dawes&#8217; blog back in January, when I initially drafted this post. For some reason I never published this then. I think I was too mad about the whole thing because his blog post taken on its own was rather weak &#8211; it was such a flippant remark &#8211; and it provoked some equally flippant responses. But it did raise an important point about a certain lack of criticism in web design which I&#8217;m particularly aware of having come from a fine art background where criticism is taught and practiced quite vigorously. To learn how to give and take criticism is one of the main reasons I would recommend getting some undergraduate education.</p>

	<p>At least once a term at <a href="http://gsa.ac.uk">Glasgow School of Art</a> we would spend 2 days solid just moving around the sculpture studio talking about each other&#8217;s work. For our historical and critical studies we would read 100s of pages of art journals: essays about artist&#8217;s work and reviews of exhibitions and interviews with artists. And then we&#8217;d be expected to write essays and reviews ourselves. Once you graduate and start making work in the &#8216;real world&#8217; it can be a struggle to keep getting feedback on your work, because you don&#8217;t have tutors and fellow students around you everyday.  But hopefully you will have studio mates willing to talk about your work and visits from curators, gallerists and other artists when you&#8217;ll need to present your work and take criticism about it. Then, when you&#8217;ve finally got your work into an exhibition, there might be a review by an art critic in a magazine or a newspaper.  </p>

	<p>Web designers need criticism too.  Ideally we get criticism from our colleagues and peers, either in the office or via IM or on the phone. We practice talking about our work and receiving criticism when we present designs to clients.  But what this industry does seem to be lacking is the critical reviews.  This is particularly problematic for our industry because so many people entering it don&#8217;t have a formal training. They&#8217;re self taught. This is a good thing. There are so many resources online for learning web design and development. But where can you learn to present your work and to give and take criticism?  The answer seems obvious. Talk about your work on your own blog. But this is surprisingly rare.  You don&#8217;t see that many show-n-tell blog posts.</p>

	<p>Good criticism isn&#8217;t necessarily positive, but it is thoughtful, well-made and constructive. <br />
Good criticism has to be invited. </p>

	<p>I think there is a place for criticism online, not on Twitter, but in blog posts and online magazines. We can cultivate good criticism by putting our work out there. One rare example of this is Simon Collison&#8217;s <a href="http://colly.com/comments/redesigning_the_undesigned/">Redesigning the undesigned</a>, the blog post which he published to coincide with the launch of his redesign.</p>

	<p>In his article Simon goes into great detail about the process and thinking that went into the design. He mentions some criticism he received from a colleague and how that changed what he went on to create. By sharing this constructive criticism, we can all learn something it. Also by sharing his thought process, he opens up a space for people to respond. I always found that in critiques at college, you thought you didn&#8217;t have anything to say about someone&#8217;s work until they started talking about it.</p>

	<p>We need to know when it is appropriate to offer constructive criticism &#8211; if someone just tweets a link to a site they&#8217;ve launched, or just publishes a quick blog post with a screenshot of a new site, they probably aren&#8217;t looking for serious criticism. How you respond should match what you are responding to, in this case, if you are going to say anything, the written equivalent of a thumbs up is all that is called for. If, however, someone writes a long blog post about their ideas and process, you might want to give some thoughtful criticism back.</p>

	<p>Khoi Vinh made a call for criticism in his <a href="http://www.subtraction.com/2009/04/09/dear-designer-you-suck">Dear Designer, You Suck</a> article which was written in a thoughtful and constructive way.  I wish all the people who spent time reading and ranting about Brendan&#8217;s little rant had been reading this article instead. Our industry would be significantly wiser.</p>      ]]></content>
    </entry>

    <entry>
      <title>Why WebContent2010 gets my conference budget</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/why-webcontent2010-gets-my-conference-budget/" />
      <id>tag:gradualism.co.uk,2010:/1.25</id>
      <published>2010-06-07T02:17:31Z</published>
      <updated>2010-11-07T11:55:32Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Conferences &amp; Events"
        scheme="http://www.gradualism.co.uk/articles/category/conferences/"
        label="Conferences &amp; Events" />
      <category term="Content Strategy"
        scheme="http://www.gradualism.co.uk/articles/category/content-strategy/"
        label="Content Strategy" />
      <content type="html"><![CDATA[
        <p>I&#8217;m going to a conference on called <a href="http://www.webcontent2010.com/">WebContent2010</a> tomorrow. I&#8217;ve been trying to explain to people what it is going to be about, and so I thought I&#8217;d get it down in writing before I go, to see how what I learn compares to my expectations.</p>

	<p>Working in the web design industry, we&#8217;ve gone through all these phases of concentrating on various aspects of the process like the visual design, (and separating design from content with) <span class="caps">HTML</span> and <span class="caps">CSS</span>, user interface and experience design, information architecture, accessibility, the list goes on. But one massive area which hasn&#8217;t had so much attention is content. We are still, in 2010, letting clients copy and paste content from printed brochures onto websites.  </p>

	<p>When I worked as a front-end developer for another company, there was always a moment post-deadline, when we&#8217;d handed over a website and <span class="caps">CMS</span> to the client, but we were still bug fixing and tweaking and we&#8217;d look at the website and say &#8220;Oh gawd, look what they&#8217;ve gone and pasted into their About Us page&#8221; [snigger]. Followed swiftly by &#8220;Oh well, s&#8217;not my problem&#8221; as we scurried back to that all important <span class="caps">CSS</span> adjustment of 2 pixels. </p>

	<p>Now I run my own company, when I see something that my client has added to the website which I think is inappropriate or which needs some other attention I&#8217;ll send them an email or talk to them about it on the phone right away. I am acutely aware that it doesn&#8217;t matter how good our design looks, how well the site is coded or how easy it is to use, if the content of the website isn&#8217;t interesting or useful or maintaining the brand identity, then the website isn&#8217;t working. I think I&#8217;ve always cared about this, but I haven&#8217;t always been in a position to do anything about it. Now I&#8217;m not in a position to to ignore it.  </p>

	<p>I have enough difficulty getting clients to pay for copywriting, so convincing them to pay for content strategy is a whole &#8216;nother hurdle.  But it must be done at the beginning. It is always the first question you ask a new client anyway: Why do you want a website? The answer to that question lays down the foundation of your content strategy.</p>

	<p>I hope to come away from this conference having more language to talk about content strategy convincingly to clients so I can pursuade them to invest in it. And also gain the toolset to implement a content strategy to make a successful website.</p>      ]]></content>
    </entry>

    <entry>
      <title>Beating the post deadline blues &amp;amp; staying inspired</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/beating-the-post-deadline-blues-and-staying-inspired/" />
      <id>tag:gradualism.co.uk,2010:/1.23</id>
      <published>2010-04-01T04:10:55Z</published>
      <updated>2010-11-07T11:50:56Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Inspiration"
        scheme="http://www.gradualism.co.uk/articles/category/inspiration/"
        label="Inspiration" />
      <category term="Personal"
        scheme="http://www.gradualism.co.uk/articles/category/personal/"
        label="Personal" />
      <content type="html"><![CDATA[
        <p>I&#8217;ve just finished the biggest slog on our current main project, namely the ExpressionEngine <span class="caps"><span class="caps">CMS</span></span> development for the redesign of <a href="http://www.yogacampus.com">Yogacampus.com</a>.  Before that I worked on the user profiling, research &amp; specification and the information architecture, so I&#8217;ve been pretty much go go go since we started this project in the new year. </p>

<p>We ran this project a little differently than we&#8217;ve done in the past though, so the visual design and front-end development has yet to be finished. It&#8217;s worked really well so far actually: we skipped wireframes and went from page descriptions to developing a dynamic &#8216;prototype&#8217;  while we worked on a brand refresh at the same time. </p>

 <p>But ever since the pressure came off from meeting my deadline I&#8217;ve found myself unfocused, impatient and irritable.  I now have a much freer schedule which seems like a great opportunity get on with some of those &#8216;odd job&#8217; or &#8216;rainy day&#8217; tasks that are cluttering up my Omnifocus. Or I could be sorting through boxes of our stuff that needs to be shifted into storage in a month when we head off on our <a href="/articles/mobilising/#north-american-adventure">North American Adventure</a>. But I am struggling to do any of these things. I&#8217;m certainly lacking enthusiasm even when I do get stuff done.</p>

 <p>At 7.30 pm this evening, having realised that I was no longer capable of working even though the <a href="http://en.wikipedia.org/wiki/Daylight_saving_time" title="British summer time just kicked in on Sunday">light evening</a> was attempting to trick me into thinking I could, I wrapped up warm and headed out to collect my <a href="http://www.growingcommunities.org/box-scheme/index.htm" title="Organic veg box scheme for Hackney residents">veg bag</a> in a grump. I grabbed North&#8217;s iPod shuffle because I didn&#8217;t feel like listening to anything I knew I had on my own iPod so thought I&#8217;d go with whatever random thing turned up next on his playlist. (He also is better at finding uplifting music than I am!)</p>

 <p>After a couple tracks what do I hear by the familiar voice of Paul Boag coming on to introduce a <a href="http://boagworld.com/podcast/205">Boagworld podcast</a>, which I&#8217;m just about to skip past because I&#8217;m &#8216;not in the mood&#8217; when I get thrown by his cheeky little addition to the usual introduction &#8220;[in a whisper] hire Headscape!&#8221; and I keep listening. Next thing I know I&#8217;m back home cooking up a nice dinner (including grilled sprouting brocolli  &#8211; a particular favourite seasonal treat of mine) and feeling totally inspired and switched on about work and web design and the whole sh-bang.  </p>

 <p>The show was the one where <a href="http://boagworld.com/business-strategy/succesful-web-agency">Mike Kus and Keir Whitaker from Carsonfied interview Paul Boag and Marcus Lillington from Headscape</a> (the Headscape fellas are usually the hosts of the podcast). And I found this interview fascinating. It was good to hear Paul and Marcus answering someone else&#8217;s questions for a change, and they asked all the right questions. All those things that I wonder about whenever I listen to the show. Paul and Marcus aren&#8217;t afraid to talk about their own way of doing things as it comes up on the show, but there&#8217;s always been some outstanding questions and a general overview of how Headscape is structured and what they process is that I was missing. </p>

 <p>Anyway, point being it lifted me out of this blue funk I was in. And its silly really, because I usually listen to Boagworld every week because it entertains, keeps me informed, and makes me feel like I&#8217;m not working in a vacuum. But because I&#8217;ve been so busy working to meet a deadline and worrying about other things I haven&#8217;t been listening. </p>

	<p>Stephanie Hobson tweeted earlier </p>

<blockquote><p>&#8220;When I get stressed out I forget to eat and rest, how is this a useful survival mechanism?&#8221;</p><cite><a href="http://twitter.com/stephaniehobson/status/11387171360" title="Stephanie Hobson's tweet">@stephaniehobson</a></cite></blockquote>

 <p>to which I responded</p>

<blockquote><p>&#8220;Why, when I get stressed out, do I forget to do the things that usually cheer me up?&#8221;</p><cite><a href="http://twitter.com/gradualist/status/11389176160" title="my own tweet">@gradualist</a></cite></blockquote>

	<p>Which is the same thing really. We need to rest and eat to keep our brains working and stay healthy, we need to take some recreation/inspiration to keep ourselves sane and happy.</p>

 <p>Don&#8217;t let being too busy get in the way of doing those&mdash;seemingly unessential&mdash;little things that keep you happy and enthused about life and work.</p>      ]]></content>
    </entry>

    <entry>
      <title>Setting up the London ExpressionEngine meetup</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/setting-up-the-london-expressionengine-meetup/" />
      <id>tag:gradualism.co.uk,2010:/1.19</id>
      <published>2010-02-28T23:09:52Z</published>
      <updated>2010-11-07T10:59:53Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="ExpressionEngine"
        scheme="http://www.gradualism.co.uk/articles/category/expressionengine/"
        label="ExpressionEngine" />
      <category term="How to"
        scheme="http://www.gradualism.co.uk/articles/category/how-to/"
        label="How to" />
      <content type="html"><![CDATA[
        <p>A few people have asked me how I went about setting up the <a href="http://www.meetup.com/londoneers/">ExpressionEngine meetup</a> I&#8217;ve been running in London for the last few months. I didn&#8217;t quite know what to say at first because I felt like I just stumbled blindly into it. But as time goes on &#8211; we&#8217;ve just had our 4th meetup &#8211; and questions are starting to come up for me, I thought I&#8217;d share what I know and maybe gleen some answers from other meetup organisers out there about the areas I&#8217;m unsure about.</p>

	<h3>Gauging interest</h3>

	<p>This was easy. I asked a handful of people I knew via the <a href="http://www.expressionengine.com/index.php?affiliate=whitespace">ExpressionEngine</a> <a href="http://expressionengine.com/index.php?affiliate=whitespace&page=/forums/">forums</a> and/or Twitter who are based in London and the South East if they&#8217;d be interested. They all said yes so I figured we were good to go.</p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/2nd_EE_meetup1.jpg" alt="2nd EE meetup.jpg"  width="500" height="332" /><p class="caption">Photo of everyone looking very serious at our 2nd meetup: (L-R of those facing camera) <a href="http://twitter.com/shapeshed">shapeshed</a>, <a href="http://twitter.com/adamkhan">adamkhan</a>, <a href="http://twitter.com/paulcuth">paulcuth</a>, <a href="http://twitter.com/paulstone">paulstone</a> and long distance member <a href="http://twitter.com/MarmaladeToday">MarmaladeToday</a> who was visiting from the Welsh Marches.</p></div>

	<h3>Promotion and organisation</h3>

	<p>It occured to me that I should really be using <a href="http://www.expressionengine.com/index.php?affiliate=whitespace">ExpressionEngine</a> to set up a website to promote the event, but I didn&#8217;t know if it was something that was actually going to last past one or two meetups. And I really didn&#8217;t have the time.  So I took advantage of the &#8216;1st 3 months free&#8217; offer on the <a href="http://www.meetup.com/">Meetup.com</a> website and setup a group on there. I figured being on there might also help in letting more people find out about the group &#8211; it&#8217;s a known Meetup directory and you can search by topic and by location.</p>

	<p>I did hesitate about making people sign up to yet <em>another</em> website at first but it <a href="http://expressionengine.meetup.com/" title="We're the largest EE group on Meetup.com with 52 members so far">didn&#8217;t seem to put anyone off</a>. It&#8217;s good to be able to see how much interest there is. I&#8217;m also finding it easier to remember people&#8217;s names when they turn up because I&#8217;ve seen the name (and possibly a profile pic) on the group and in the <span class="caps">RSVP</span> list. </p>

	<p><img src="http://www.gradualism.co.uk/images/uploads/screenshot_of_meetup_schedule_page_1.jpg" alt="screenshot of meetup schedule paging"  width="500" height="314" /></p>

	<p>Meetup.com also does a lot of the work for you. If I create a draft meetup event but don&#8217;t feel ready to publish it, it will email me to remind me I have a draft waiting. If I publish the event before I&#8217;ve decided where it is going to happen, it&#8217;ll remind me by email to add a location. And it automatically sends out reminders to the group members when the date is approaching.  </p>

	<p>I don&#8217;t want to turn this to sound like a big promotion for Meetup.com but I guess it taught me a lot about what is involved in organising a meetup. It has features like sign or name badges print outs &#8211; things I wouldn&#8217;t have thought of but which could be really useful.</p>

	<p>Once I&#8217;d created the group/event page I still needed to get the word out. Obviously I&#8217;ll always share the link on Twitter. And you know how that can get the word around.</p>

	<p><img src="http://www.gradualism.co.uk/images/uploads/shapeshed_retweet.png" alt="Screenshot of a retweet about the meetup"  width="500" height="80" /></p>

	<p>I also listed it on <a href="http://www.Upcoming.org">Upcoming.org</a> (like a free Meetup.com) the first time (but haven&#8217;t bothered since). One of the members, <a href="http://www.simoncox.com/">Simon Cox</a>, thought to post it on the EE forum too before I did, but now you can submit it to the official <a href="http://expressionengine.com/index.php?affiliate=whitespace&page=/events">ExpressionEngine events</a> listing and they&#8217;ll show it on their homepage.</p>

	<h3>Format</h3>

	<p>Partly as an ice-breaker and partly to give it structure I suggested that attendees might like to give a little show-n-tell about how they&#8217;ve used EE meet their needs. I had <a href="http://www.gradualism.co.uk/articles/make-adding-images-to-ee-entries-safe-and-easy/" title="Write up of my presentation on embedding images within entries in EE">one</a> in mind that I could give and it wasn&#8217;t long before <a href="http://www.engaging.net/" title="Adam spoke about Approximating a Model/View/Controller Setup using Embedded Templates - not written up yet">Adam Khan</a> volunteered too. And so <a href="http://www.meetup.com/londoneers/calendar/10968743/?">our first meetup</a> was set. </p>

	<p>This format seems to work really well. We&#8217;ve had a theme for the last couple meetups &#8211; at our <a href="http://www.meetup.com/londoneers/calendar/12044062/">3rd meetup</a> we looked at ecommerce and the last one was add-ons &#8211; and I&#8217;m gathering <a href="http://www.meetup.com/londoneers/messages/boards/thread/8392747">ideas for future events</a> on our group&#8217;s message board. Incidentally, Meetup.com have now introduced a new <a href="http://www.meetup.com/londoneers/ideas/">Ideas board</a> especially for this. (See what I mean? They think of everything!)</p>

	<h3>Venue requirements</h3>

	<p>Given that I wanted people to be able to give presentations to the group, I needed to find somewhere we could have a quiet room to ourselves. It also needed to be close to a (relatively central) tube station, since people would be coming from all over London and beyond.  </p>

	<p><span class="image medium"><img src="http://thebellpub.co.uk/graphics/home_pic.jpg" alt="Photo of the Bell Pub's exterior, Middlesex St, London E1" width="240" height="240" /></span> By happy coincidence, <a href="http://www.whitespacedesign.co.uk/" title="My lovely little web design company">we</a> had just finished building a website for a friend of a friend, Glyn, who&#8217;d just bought and refurbished a pub called <a href="http://thebellpub.co.uk" title="Independently owned pub in the city of London">The Bell</a> near Liverpool Street station. The Bell has <span class="caps">WIFI</span>, beer, and an upstairs room that is <a href="http://thebellpub.co.uk/venue.php" title="Venue for hire in the city of London">available for hire</a>, and he very generously offered it to me for free.</p>

	<p>One thing to point out about having presentations, which always require a screen for slides or a demo: it is difficult for even just 8-10 to be all be able to see the screen of one laptop. If someone is showing slides then you can just about get away with having (the slides copied onto) 2 laptops split between a group of around 12, but for more people or if it is a live demo then you&#8217;ll need a bigger screen or projector.</p>

	<p>One other requirement, that unfortunately our current venue doesn&#8217;t meet, is food. Our meetup happens in the evening so most people are coming straight from work and it would be really good if we could have some finger-food to munch on and keep us going. Instead we are currently surviving on beer and crisps <sup id="ft-1-ref"><a href="#ft-1">1</a></sup>, though on the one occasion a few of us indulged in a curry delivered from the restaurant opposite, it&#8217;d be more appropriate to be able to have some snacks available from the start.</p>

	<h3>Time and Cost</h3>

	<p>As I mentioned the venue isn&#8217;t costing me anything <sup id="ft-2-ref"><a href="#ft-2">2</a></sup>, but I am paying $72 per 6 month subscription to Meetup.com. It has also sucked up a fair bit of admin time so far. According to my <a href="/articles/reclaim-unproductive-work-time-by-time-tracking/" title="Read my article about time tracking tools">Bubbletimer log</a> I&#8217;ve spent 14 hours organising it to date.  This has included tasks like:</p>

	<ul>
		<li>choosing and booking a venue</li>
		<li>setting up the group webpage/site</li>
		<li>arranging for presentations and/or writing the blurb for each meetup</li>
		<li>choosing a date (at one point I did a quick poll to see what dates suited people but I didn&#8217;t get many responses so now I just pick a date that I and the presentees can make and go for it. The more members you have, the less you have to worry about picking a date that noone can make.)</li>
		<li>trying to find PC/Mini Display Port to <span class="caps">HDMI</span> cables to plug people&#8217;s laptops into the big screen TV Glyn&#8217;s made available to us <sup id="ft-3-ref"><a href="#ft-3">3</a></sup>(N.B. This could be another cost you need to budget for &#8211; or an opportunity for sponsorship from an AV hire place)</li>
		<li>looking/appealing for sponsorship, then putting sponsorship received in place (uploading logos/links/blurbs)</li>
		<li>promoting event on Twitter and submitting to other listings</li>
	</ul>

	<p>Although I&#8217;m getting a lot back in terms of what I learn at the events, it would be nice be able to cover my costs. Meetup.com has some optional functionality to help you with this: one is charging a subscription fee to members and the other is getting sponsorship.  </p>

	<p>I certainly don&#8217;t want to make members pay &#8211; I think they&#8217;re contributing enough by turning up and giving presentations. But I have considered sponsorship.  Actually I got some sponsorship (at the last minute) from Brandon Kelly&#8217;s <a href="http://pixelandtonic.com/" title="ExpressionEngine extensions from Pixel and Tonic">add-on</a> shop for our <a href="http://www.meetup.com/londoneers/calendar/12385133/" title="London ExpressionEngine meetup about add-ons">Add-on-tastic</a> meetup: we looked at Pixel &amp; Tonic at the event and link to it from our page and I get a free Playa license in return. </p>

	<p>But in the long run I have absolutely no idea how much a spot on our webpage/mention at our event is worth&#8230; our attendance varies from 9 to 21, we have 52 members and since I installed Google Analytics 2 weeks ago we&#8217;ve had 108 unique visits.</p>

	<p>If anyone can give me some advice about the value of this kind of sponsorship &#8211; or other ways you&#8217;ve raised funds for a meetup &#8211; then please do share in the comments. Or if you fancy sponsoring it yourself, please <a href="http://www.meetup.com/londoneers/suggestion/sponsor/" title="Sponsorship form on our Meetup page">use this form to get in touch.</a></p>

	<h3>Result</h3>

	<p>Well, I know I might be a bit biased, but I think the meetup has been a real success so far <img src="http://www.gradualism.co.uk/images/smileys/wink.gif" width="19" height="19" alt="wink" style="border:0;" /> Apart from being super useful as an opportunity to see and learn from how other people are using ExpressionEngine, I also love just getting to talk shop with fellow web designer/developer/small business owners.  Last week we got side-tracked into discussing everything from how we manage our client&#8217;s website hosting (reselling or dealing with their&mdash;so often&mdash;poor choices) to which text editor/ftp applications we use. </p>

	<p>You don&#8217;t have to just take my word for it either. You can <a href="http://www.meetup.com/londoneers/about/comments/?op=all">read what other members have to say about it</a> here.</p>

<div class="image"><a href="http://www.meetup.com/londoneers/about/comments/?op=all" title="Source for this quote on the meetup comments page"><img src="http://www.gradualism.co.uk/images/uploads/john_d_wells_feedback.png" alt="screenshot of john d wells' comment on our meetup group"  width="500" height="85" /></a></div>

<p id="ft-1" class="footnote">1. Yes I know we[Brits]&#8216;ve survived on a diet of mostly this for hundreds of years but this isn&#8217;t a purely social event &#8211; you actually need to keep a hold of your braincells for some of the topics we&#8217;re discussing! <a href="#ft-1-ref" title="Return to the main text">&#8617;</a></p><br />
<p id="ft-2" class="footnote">2. Well, except <em>maybe</em> the odd bit of free design work/website maintenance for Glyn. <a href="#ft-2-ref" title="Return to the main text">&#8617;</a></p><br />
<p id="ft-3" class="footnote">3. I&#8217;m still working on this one. I left it to the last minute this time and could only find online shops which would&#8217;ve delivered too late. <a href="#ft-3-ref" title="Return to the main text">&#8617;</a></p>      ]]></content>
    </entry>

    <entry>
      <title>Why can&#8217;t you be more like the internet?</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/why-cant-you-be-more-like-the-internet/" />
      <id>tag:gradualism.co.uk,2010:/1.18</id>
      <published>2010-02-22T03:45:37Z</published>
      <updated>2010-02-21T16:48:38Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Design"
        scheme="http://www.gradualism.co.uk/articles/category/design/"
        label="Design" />
      <content type="html"><![CDATA[
        <p><em>Celebrating software as a service, wondering why other products can&#8217;t be more like it and enjoying seeing the web&#8217;s influence on print design.</em></p>

 <p>I try not to subscribe to newsletters which I&#8217;m not going to read but there are a few in which I usually find something interesting or exciting to look at. Two of these appeared in my inbox this week. One from my online accounting application Freeagent and the other from an online shop I buy from occasionally called Nigel&#8217;s Eco Store.</p>

 <p><a href="http://www.freeagentcentral.com/?referrer=2ssk8itv">Freeagent</a> were writing to announce that they&#8217;ve released a new version of the application.  <a href="http://twitter.com/gradualist/status/9185974325">I perhaps got a little over-excited about the features they&#8217;ve added</a>. But the new functionality includes some things I&#8217;d specifically been waiting for, like linking an expense to a project without &#8216;rebilling&#8217; it (useful if you charge a flat rate). In one way you could say that these features are things that always should have been there, but you know what it is like when you design things for the first time. You don&#8217;t always get it right.</p>

 <p><img src="http://www.gradualism.co.uk/images/uploads/Eco_Kettle.jpg" alt="Eco Kettle.jpg" border="0" width="240" height="276" align="left" />Like my kettle. I bought one of these <a href="http://www.nigelsecostore.com/acatalog/eco-kettle.html">Eco Kettles</a> last year. I was seduced by the promise that you can measure exactly now much water you need to boil. I always found with a regular kettle that I&#8217;d boil at least twice as much water as I need and that seems like a big waste of energy. Not to mention the impact on our electricity bill, considering how many cups of tea we make in a week, with 2 of us working from home every day.</p>

 <p>Anyway it turns out that although the kettle does indeed let you only boil as little as 200ml water (and is probably saving a tonne of energy), it has some annoying little &#8216;bugs&#8217;: you can never get the last bit of water into the boiling chamber; the lid leaks and its a bit of an effort to push the button down (not such a biggy for me, but for elderly or arthritic users I&#8217;d say this is a major usability flaw). And it isn&#8217;t particularly attractive now, is it?</p>

 <p><img src="http://www.gradualism.co.uk/images/uploads/eco-kettle-chrome-pr.jpg" alt="eco-kettle-chrome-pr.jpg" border="0" width="160" height="196" align="right" />So you won&#8217;t be surprised to hear that when I saw they were promoting a &#8220;<a href="http://www.nigelsecostore.com/acatalog/Eco_Kettle3.html" title="They're actually calling it Next Generation">New Eco Kettle</a>&#8220; in Nigel&#8217;s Eco Store newsletter this week my first thought was &#8216;Damn! they&#8217;ve fixed it!&#8217;.  Unlike with my <a href="http://en.wikipedia.org/wiki/Software_as_a_service" title="Description of Software as as service on Wikipedia"><span class="caps"><span class="caps">SAS</span></span></a> Freeagent, when they come out with a new release of a product like this, existing users don&#8217;t benefit. That leaves us feeling a little sore. I feel a bit &#8216;used&#8217; &#8211; like I was a beta tester but now I don&#8217;t get to try out the alpha product. I guess that is what you get for being an <a href="http://en.wikipedia.org/wiki/Early_adopter">early adopter</a> &#8211; a feeling which all you buyers of the 1st generation iPhones will know well.</p>

 <p>I was going to go on a big rant about how product manufacturers need to be more like <span class="caps"><span class="caps">SAS</span></span> but I&#8217;ve been mulling over the idea this weekend and I just can&#8217;t make a real good argument. I can&#8217;t see us paying for kettles on a monthly subscription and I don&#8217;t like to think about the impact us tossing out our kettles everytime an new version comes out would have on our landfill sites (or lack thereof).</p>

 <p>I can conclude by siting a completely unrelated example of where an offline product <em>has</em> taken something from the online world and put it to good use.</p>

 <p><img src="http://www.gradualism.co.uk/images/uploads/Word_cloud1.jpg" alt="Photo of the front of the Sport section of the Guardian newspaper"  width="500" height="332" /><br />

<p class="caption">A <a href="http://en.wikipedia.org/wiki/Tag_cloud" title="Description of Tag Cloud on Wikipedia">Word cloud</a> of the most used words in <a href="http://www.guardian.co.uk/world/2010/feb/19/tiger-woods-begs-for-forgiveness">Tiger Woods&#8217; statement</a>, used as an illustration on the front page of the Sport section in Saturday&#8217;s Guardian newspaper.</p></p>      ]]></content>
    </entry>

    <entry>
      <title>Mobilising</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/mobilising/" />
      <id>tag:gradualism.co.uk,2010:/1.17</id>
      <published>2010-02-10T16:31:03Z</published>
      <updated>2010-11-07T10:58:04Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Personal"
        scheme="http://www.gradualism.co.uk/articles/category/personal/"
        label="Personal" />
      <content type="html"><![CDATA[
        <p>Following on from <a href="http://www.gradualism.co.uk/articles/highs-and-lows-of-2009/">my look back at 2009</a> I wanted to share my plans for 2010.  This might seem a bit late to talk about plans for the not-so-new year, but there are some big changes afoot, and I needed a little time to get my own head around them before sharing the news.</p>

 <h3>Leaving the big smoke</h3>

<div class="image"><a href="http://www.flickr.com/photos/emathome/2806591321/" title="Big fluffy clouds being overtaken by hugemongous flat grey one by emily_*, on Flickr"><img src="http://farm4.static.flickr.com/3192/2806591321_40c97e482f.jpg" width="500" height="333" alt="View over rows of rooftops and chimneys to the city of London skyscrapers beyond" /></a><p class="caption">This view is actually one of the good things about our current home &amp; office. </p></div>

	<p>My partner North and I run our own business. It is just the two of us and we work from home. We rarely meet clients in person and when we do, we go to them or meet in town. We like living in Hackney, but we don&#8217;t feel like we&#8217;re taking advantage of what London has to offer any more. </p>

	<p>We&#8217;d been thinking we might move out of London in a few years time but then a <a href="http://twitter.com/gradualist/status/5066223889" title="One of my many complaints that leaked out on twitter">noisy neighbour</a> moved in next door and &#8216;broke the camels back&#8217;.  Having to put up with his loud bassy music for a few hours every afternoon made us sensitive to the rest of the noise surrounding us: the busy road; the live music at the pub opposite; the kids hanging out on the corner with their car stereos  cranked up; the list goes on. </p>

	<p>So this year we&#8217;ve decided to test out the theory that, as self-employed designers of the <span class="caps"><span class="caps">WWW</span></span>, we can work from anywhere.</p>

	<p>Our test is two-fold. </p>

	<p><a name="north-american-adventure"></a><span class="medium"><img src="http://www.gradualism.co.uk/images/uploads/Shurgard-storage-space-visualisation1.jpg" alt="Illustration of a storage space filled with boxes etc, viewed from above" width="240" height="418" /></span> At the beginning of May we will be moving most of our belongings into storage and taking ourselves and our laptops to Vancouver.  Thanks to the hospitality of North&#8217;s family, we&#8217;ll be living and working there for 3 months, with a visit to stay with friends in Chicago for a few weeks in June. And of course we&#8217;ll be taking a holiday while we&#8217;re there too (a week, on a little boat, touring round the wineries on the shores of Okanagan Lake, oh yes!). </p>

	<p>At the beginning of August we&#8217;ll be flying back to London and will start looking for somewhere to live around the Northhamptonshire &#8211; Oxfordshire &#8211; Warwickshire border.  We&#8217;ll be looking for somewhere big enough to allow us to work from home again.  (We&#8217;ll try not to get too distracted by the countryside walks, the veg patch and the gardening.) </p>

	<h3 class="clear"> Brand refresh and website redesign</h3>

	<p>Our plan has some pros and cons with regards to our business goals this year. On the up-side: since we will be living rent-free for a few months, we thought this would be the perfect opportunity to put client work aside and work on our own website&#8217;s redesign. We&#8217;ve been wanting to look at rebranding ourselves, or at least doing a brand refresh for a while now. A big part of this job will include moving our website onto ExpressionEngine too.   So we will not be taking on any new client projects between May to July, but we will continue doing small design jobs and website maintenance. At least that is the plan*. </p>

	<p>*Since initial drafting this we&#8217;re already reconsidering this, as a new project has come up that we really don&#8217;t want to turn down. This is always the problem with redesigning your own website &#8211; you never feel like you can prioritise that work over client projects. </p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/view-from-francis-st.jpg" alt="View out of window at lots of trees with some roof tops" width="500" height="332" /><p class="caption">View from North&#8217;s sister&#8217;s flat in Vancouver with Cypress mountain in the distance</p></div>

	<h3>Expanding our team</h3>

 <p>The down-side of our plan is that we&#8217;ve been considering getting in some extra help, by way of a part-time administrator/office manager/book-keeper/project manager.  (This is going to be tricky since we need a little bit of a lot of different roles. I don&#8217;t even know if you can get one person who can do all of that.) It seems like kind of bad timing on our part to be looking to hire someone when we are going to be away for 3 months, and moving location. Unless they can work remotely? Obviously I support remote working in general, but might this be the one role that needs to be &#8216;on location&#8217;? Or is this what <abbr title="Virtual Personal Assistant"><span class="caps"><span class="caps">VPA</span></span></abbr>s are for?  If you have any experiences or ideas about this please let me know in the comments.</p>

	<h3>Conferences</h3>

 <p><span class="medium"><img src="http://gradualism.co.uk/images/uploads/view-out-lowerbodd-window.jpg" alt="View from the 1st floor of a house, over a garden and out to the fields beyond" width="240" height="192" /><small>The kind of view we hope to find in the countryside, found on <a href="http://www.globrix.com" title="Property sale and rental website">Globrix</a></small></span> One thing I am going to miss while we are away are the conferences. I won&#8217;t be able to go to <a href="http://events.carsonified.com/fowd"><span class="caps"><span class="caps">FOWD</span></span></a> and I&#8217;ll miss the first <a href="http://atmedia.webdirections.org/">@media</a> run by the Web Directions team. But I will still have the opportunity to go to <a href="http://dconstruct.org/">dConstruct</a> and I will definitely be attending European <a href="http://eeci2010.com/">EECI2010</a>, which I&#8217;m hoping will be in Leiden again. I did consider flying down to attend the San Francisco edition of EECI2010 since I&#8217;ll be on that side of the North American continent, but I think I&#8217;d rather go to the European conference so that I can meet more &#8216;local&#8217; ExpressionEngine developers.  I had been hoping that <a href="http://aneventapart.com/">An Event Apart</a> might be in Chicago while I&#8217;m there, but its in Boston this summer and I don&#8217;t think my conference budget will stretch that far this year. </p>

	<p>I&#8217;ll be blogging here about how business goes while we&#8217;re on the road. Or you can check out our <a href="http://bathosphere.org/movingtothecountry/">moving to the country</a> blog for more on that side of things.</p>

	<p><em>Have you tried taking your business &#8216;on-the-road&#8217;? Or have you upped sticks and moved your operations from an urban location to a more rural one? I would love to hear your experiences.</em></p>      ]]></content>
    </entry>

    <entry>
      <title>Reclaim &#8216;unproductive&#8217; work time by time&#45;tracking</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/reclaim-unproductive-work-time-by-time-tracking/" />
      <id>tag:gradualism.co.uk,2010:/1.7</id>
      <published>2010-01-23T01:03:12Z</published>
      <updated>2010-02-18T12:10:14Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="How to"
        scheme="http://www.gradualism.co.uk/articles/category/how-to/"
        label="How to" />
      <category term="Productivity"
        scheme="http://www.gradualism.co.uk/articles/category/productivity/"
        label="Productivity" />
      <content type="html"><![CDATA[
        <p>I have been running my own business full time for 2 and a half years now and one of the most difficult things to learn has been how little billable time you actually get done in a day/week. (I was reassured to read this week that the well established designer Jon Hicks is <a href="http://hicksdesign.co.uk/journal/why-you-can-never-work-full-time-" title="Why you can never work full time">still getting used to this too</a>.)</p>

	<p>What I found <em>most</em> frustrating about this situation&mdash;aside from the fact that I&#8217;d have no bills to send out&mdash;was that I didn&#8217;t know <em>where</em> my time was going. I would spend 8 hours sat at my desk 5 days in a row and then look at a measley 10 hours of client work logged and think &#8211; </p>

<blockquote><p>&#8220;What the hell <em>have</em> I been <span class="caps">DOING</span>?&#8221;</p></blockquote>

	<p>Then <a href="http://www.rousette.org.uk/blog/archives/BubbleTimer/" title="Review of this simple time tracking tool">I discovered BubbleTimer</a>. It took me a while to <a href="http://www.rousette.org.uk/blog/archives/BubbleTimer/#comment-5774306" title="My initial comment about BubbleTimer">come round to the idea</a>, but I have been now been using this little application for a year. In helping me keep track of what I have been doing, it has prevented me from completely losing my mind (and giving up on my business!).  </p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/bubbletimer-today.png" alt="screenshot of webpage" width="500" height="506" /><p class="caption">Screenshot of BubbleTimer before I started writing this today</p></div>

	<p><a href="http://BubbleTimer.com/">BubbleTimer</a> is an online application, and what you&#8217;re seeing above is basically it. You add your activities down the side, as many as you like. You can add and delete them whenever you need to. Then you check off your time in 15 minute increments by filling in the little lozenges. The 15 minute segments encourages you focus on each separate activity for longer without jumping around so much.</p>

	<p>As you can see from today&#8217;s example, my BubbleTimer records often make me look a bit <abbr title="Attention Deficit Disorder">A.D.D</abbr>. The problem with &#8220;multi-tasking&#8221; is that if I&#8217;m all over the place, I&#8217;m most likely to be forgetting to track what I&#8217;m doing in BubbleTimer too.  This is when I resort to one or two other tools. The history of my web browser  <a href="http://www.getfirefox.com/">Firefox</a>, and a &#8220;web-based time management and analytics tool&#8221; called <a href="http://rescuetime.com/ref/62688">RescueTime</a>.</p>

	<p><a href="http://www.getfirefox.com/">Firefox</a>&#8216;s history records every single webpage you visit as well as the date <em>and time*</em> when you visited it (*Safari, unfortunately, doesn&#8217;t track the time, which is partly why I don&#8217;t use it!). Considering probably 90% of my time is spent using a web browser, a quick look at the history for the last hour will likely show me where I&#8217;ve been and so reminding me what I&#8217;ve been working on.</p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/firefox-history-monday-eg.gif" alt="firefox-history-monday-eg.gif" width="500" height="292" /><p class="caption">Firefox history screenshot from Monday<br />
</p></div>

	<p>Or not. You&#8217;ll see in the screenshot of Monday&#8217;s Firefox history that I either took at 3 hour lunchbreak, or I wasn&#8217;t using my browser for a change. In this case, if I have forgotten to track what I&#8217;ve been doing I&#8217;ll take a look at my <a href="http://rescuetime.com/ref/62688">RescueTime</a> account. To use RescueTime you need to install an application on your computer which tracks what software and websites are actively being used.</p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/rescue-time-activities-by-hour.gif" alt="rescue-time-activities-by-hour.gif" width="500" height="329" /><p class="caption">RescueTime activities by hour from another day</p></div>

	<p>By viewing the complete report I can see what activities I was engaged in for this particular hour down to the minutes and seconds. This should usually remind me what I was working on so I can go back to BubbleTimer and fill in the bubbles.</p>

	<h3>And don&#8217;t forget the billable hours too!</h3>

	<p>Here is a screenshot of a more focused day tracked in BubbleTimer. </p>

 <div class="image"><img src="http://www.gradualism.co.uk/images/uploads/bubbletimer-day-500.gif" alt="screenshot of BubbleTimer webapp" width="500" height="506" /><p class="caption">A day of client work, tracked in 15 minutes segments in BubbleTimer</p></div>

	<p>At the end of the week I need to make sure all my client project time has actually been logged, so that I won&#8217;t forget to bill for it. At this point I will print off a summary report which shows the total time spent on each activity for my chosen time period. </p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/bubbletimer_summery.gif" alt="Screenshot of BubbleTimer summary" width="500" height="690" /><p class="caption">A &#8216;good&#8217; week&#8217;s summary, with additional notes. </p></div>

	<p>Once I&#8217;ve printed off my summary I add up all the billable hours and check that they&#8217;re logged against the relevant project&#8217;s timesheets or added to an invoice.</p>

	<p>Most of my projects are quoted for in advance so I use this paper based <a href="http://davidseah.com/blog/comments/task-progress-tracker-updates/">Task Project Tracker</a> (from <a href="http://davidseah.com/blog/the-printable-ceo-series/" title="David Seah's productivity tool set">The Printable <span class="caps">CEO</span></a> series) for this. For the few separate invoiceable tasks I have done, I will add the time to <a href="http://www.freeagentcentral.com/?referrer=2ssk8itv" title="Online bookkeeping and invoicing application">Freeagent</a>.</p>

	<h3>Productivity assessment &#8211; how am I doing?</h3>

	<p>The BubbleTimer summary report is crucial for seeing the bigger picture and it gives me a bit of a reality check about how I&#8217;m doing productivity wise. I&#8217;m learning not to feel stressed out when my billable hours only add up to 30% of my work time. Instead I look at what I <span class="caps">HAVE</span> been doing.  It was a complete revelation when I first started using this app and I realised that I <em>was</em> getting things done after all. I was managing new business enquiries, doing the bookkeeping, dealing with IT issues or keeping up with the latest industry news online. </p>

	<p>I have another chart from <a href="http://davidseah.com/blog/the-printable-ceo-series/" title="David Seah's productivity tool set">The Printable <span class="caps">CEO</span></a> series called <a href="http://www.flickr.com/photos/da5zeay/142987219/in/set-72057594129351808/" title="Photo of the chart on Flickr">&#8220;When is something worth doing?&#8221;</a> which I have stuck on my wall. This helps me remember that generating new business is equally as valuable as time spent on client projects.  It helps me focus on what is important. (In fact, I need to reorder my activities in BubbleTimer according to importance. Then I would be able to see how productive I&#8217;m being at a glance &#8211; the more bubbles filled in towards the top of the sheet the better).</p>

	<p>There is another potential benefit of being able to see exactly how long I&#8217;m spending on all these other tasks.  At some point I might want to consider getting a book-keeper or an administrator in to help me with these tasks. Since I&#8217;ve been tracking how long I&#8217;ve spent on them, I know how much work I might be able to provide a part-time freelancer with and I&#8217;ll be able to estimate how much it will cost me too.</p>

	<p>The working title for this blogpost was something along these lines</p>

<blockquote><p>&#8220;BubbleTimer has improved my productivity and maintained my sanity&#8221;</p></blockquote> 

	<p>It didn&#8217;t seem to fit once I&#8217;d written the article in full, but the statement holds true. If you feel like you are being unproductive or work is making you feel a little insane, I recommend getting serious with your time-tracking!</p>

	<p><a href="http://boagworld.com/podcast/166">My review of BubbleTimer on the Boagworld Podcast</a> (00:38:32 &#8211; 00:43:56)</p>

	<h3>Transcript</h3>

	<p><a href="http://project52.info/">Project 52</a> stats: Week 3, Post # 4<br />
Time spent: 5 hours</p>      ]]></content>
    </entry>

    <entry>
      <title>ExpressionEngine Client Documentation</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/expressionengine-client-documentation/" />
      <id>tag:gradualism.co.uk,2010:/1.15</id>
      <published>2010-01-15T23:44:22Z</published>
      <updated>2010-11-07T10:57:23Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="ExpressionEngine"
        scheme="http://www.gradualism.co.uk/articles/category/expressionengine/"
        label="ExpressionEngine" />
      <content type="html"><![CDATA[
        <p>One thing I found out about at this month&#8217;s ExpressionEngine meetup is this <a href="http://headspacedesign.ca/blog/entry/expressionengine-client-guide/">Client Guide</a> which has generously been shared by Kyle from <a href="http://headspacedesign.ca/">Headspace Design</a>. They have produced a very nicely designed documentation file for their clients, which they are sharing in <span class="caps">PDF</span> format as well as the original InDesign files so that you can brand it and edit it with your client&#8217;s own details.</p>

	<p>When I made my first EE site I spent a long time writing up a documentation file. It was written in <span class="caps">HTML</span> and linked from the &#8220;User Guide&#8221; link in the Control panel. This covered lots of the items Headspace included in theirs, like how to upload files and marking up your text. Ultimately though, I felt that a system which required such detailed documentation couldn&#8217;t be very user friendly, which is why &#8211; over time &#8211; I built up a must-have collection of extensions and plugins which simplified some of these tasks. </p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/file-upload-instructions.gif" alt="file upload instructions" width="500" height="380" /><p class="caption">Screenshot of my lengthy instructions for using the native EE 1.6.X file upload functionality</p></div>

	<p>For example, before <a href="http://www.ngenworks.com/software/ee/ngen-file-field/">nGen File Field</a> and FF Matrix came along I used Mark Huot&#8217;s <a href="http://docs.markhuot.com/ee/extensions/file" title="Extension">File Field</a> (either way) combined with <a href="http://www.lumis.com/page/imgsizer/" title="Plugin">Imagesizer</a> so that the client didn&#8217;t have to use the built in (and overly complicated) Upload File area. I also use Leevi Graham&#8217;s <a href="http://leevigraham.com/cms-customisation/expressionengine/lg-tinymce/">TinyMCE plugin</a> to provide a <span class="caps">WYSIWYG</span> editor for them. </p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/nGen-ffmatrix-fileupload.gif" alt="screenshot of nGen +  ffmatrix file upload button" width="500" height="150" /><p class="caption">No instructions are needed at all to explain how to use this nGen File Field and FF Matrix combination</p></div>

	<p>These add-ons make lots of the explanations in Headspace&#8217;s documentation unnecessary for my clients, but there are still some general overviews of the Edit pages and filtering which would always be useful. If you are new to ExpressionEngine and curious to find about more you&#8217;ll learn a lot about it by reading this guide too.</p>

	<p>It is interesting to discover this now, because I have just made the decision to stop offering documentation; it took me so long to customise each time (because I was adding instructions for the particular set of add-ons and weblogs which I was using for that site); and my clients always seemed to call me before they remembered to look at it anyway. </p>

	<p>Seeing Headspace&#8217;s documentation is making me rethink this. Perhaps I will make a more generic overview of EE like they have done, leaving out the site specific details.  If/when I do this I will definitely share it here, so if you&#8217;re not following me on <a href="http://twitter.com/gradualist">Twitter</a> just add a comment here to be notified when I post this.</p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/help-file-wysiwyg.gif" alt="screenshot of help file" width="500" height="305" /><p class="caption">General purpose instructions on using the TinyMCE <span class="caps">WYSIWYG</span> editor</p></div>

	<p>The other nice thing about sharing your documentation file is it exposes how you are using ExpressionEngine. I noticed in Kyle&#8217;s guide that he seems to be using the Gallery module to offer crop/resize tools even when the site doesn&#8217;t have a Photo Gallery per se.</p>

	<p>Do you provide your clients with a user guide or other form of documentation? If so, in what format and do they use it?!</p>

	<h3>Transcript</h3>

	<p><a href="http://project52.info/">Project 52</a> stats: Week 2, Post # 3<br />
Time spent: 1:45 min</p>      ]]></content>
    </entry>

    <entry>
      <title>Highs and Lows of 2009</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/highs-and-lows-of-2009/" />
      <id>tag:gradualism.co.uk,2010:/1.14</id>
      <published>2010-01-11T02:39:16Z</published>
      <updated>2010-11-07T10:53:17Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Personal"
        scheme="http://www.gradualism.co.uk/articles/category/personal/"
        label="Personal" />
      <category term="Running a business"
        scheme="http://www.gradualism.co.uk/articles/category/running-a-business/"
        label="Running a business" />
      <content type="html"><![CDATA[
        <p>I spent the latter part of 2009 thinking what a stinker of a year it had been.  Mistakes I&#8217;d made to do with estimating the timing on some jobs meant that the summer months were an incredibly stressful time.  But in thinking about writing this blog post (<a href="http://www.sazzy.co.uk/2009/12/2009-the-year-on-paper/" title="Sarah Parmenter's 2009 on paper">and</a> <a href="http://www.safetygoat.co.uk/2010/01/last-years-goals-50-complete-plus-goals-for-2010/" title="Kat Neville's last year/this year goals review">reading</a> <a href="http://www.havocinspired.co.uk/freelance/a-new-year-a-new-decade-and-plans-for-the-future/" title="Ryan Taylor's plans for 2010">yours</a>) I&#8217;ve realised there were lots of good things that happened last year too. Let&#8217;s start with the positive.</p>

 <h3>The Good</h3>

 <h4>ExpressionEngine: workshop, development and meetups</h4>

 <p>It&#8217;s been a big year for me and <a href="http://www.expressionengine.com/index.php?affiliate=whitespace">ExpressionEngine</a>, the <abbr title="Content Management System"><span class="caps"><span class="caps"><span class="caps">CMS</span></span></span></abbr> platform which I started using in 2008 and on which I have now developed over 10 websites.  Here are some of the reasons why: </p>

 <ol>
  <li>I attended <a href="http://events.carsonified.com/fowd/2009/london/workshops#workshop_41">Jamie Pittock&#8217;s ExpressionEngine workshop</a> at <abbr title="Future of Web Design"><span class="caps"><span class="caps"><span class="caps">FOWD</span></span></span></abbr> where  I learnt a whole bunch of useful tips and had some major light bulb moments. But I was also reassured that, on the whole, I had been approaching EE development the right way.</li>
  <li>We launched 5 websites developed in ExpressionEngine.  Three of these were designed by <a href="http://www.whitespacedesign.co.uk" title="Whitespace Design">us</a>, the other 2 were development-only projects involving other designers/agencies.</li>
  <li>I started the <a href="http://www.meetup.com/londoneers/">London ExpressionEngine meetup</a>. We had our first meetup in September when there were about 9 of us. The attendance more than doubled at our 2nd meetup in November.  So far it has been a really nice bunch of people &#8211; they&#8217;re friendly, easy-going and keen to share their knowledge.</li>
 </ol>

 <h4>Socialising both online and offline</h4>

 <p>I was fortunate enough to go to both the <span class="caps"><span class="caps"><span class="caps">FOWD</span></span></span> and @media conferences this year when I met lots of new people, some of whom I&#8217;ve admired for a long time and had even seen at conferences before but I hadn&#8217;t yet dared to introduce myself. <a href="http://twitter.com/malarkey" title="Andy Clarke">Andy</a>, <a href="http://twitter.com/elliotjaystocks" title="Elliot Jay Stocks">Elliot</a> and <a href="http://twitter.com/collylogic" title="Simon Collison">Simon</a> (to name but a few) &#8211; I salute you.</p>

 <p>It feels like Twitter has really been happening for me this year, probably thanks to all the new people I&#8217;ve connected to after meeting them at conferences. I don&#8217;t know how I would survive without Twitter somedays, so to all of you who entertain me and especially to those who reply, I am extremely grateful.</p>

 <p>I went to the first <a href="http://erskinesocials.com/">Erskine Social</a> up in Nottingham in November and was surprised at how many <a href="http://www.flickr.com/photos/collylogic/sets/72157622760696699/" title="Set of photos on Flickr">familiar faces</a> were there.  It was great fun and useful too, I only wish I had thought to book some accommodation for the night so I didn&#8217;t have to cut the evening short in order to catch the last train home.</p>

	<p>I also have to give a heads up to my local <a href="http://twitter.com/twee8">Hackney tweetup</a> which just celebrated it&#8217;s first birthday in December.  I didn&#8217;t go half as much as I would have liked this year due mostly to late night working and stress. Whenever I do go though I&#8217;m touched by the lovely, welcoming crowd of geeks assembled there at the Pembury Tavern.</p>

 <h4>Gradualism was finally born</h4>

 <p>After 2 years in-utero I finally <a href="http://www.gradualism.co.uk/articles/i-cant-believe-this-is-finally-going-live/">launched this blog</a>. <a href="http://www.gradualism.co.uk/articles/unblocking-my-blog/">I haven&#8217;t posted as much as I had hoped</a> and there&#8217;s still development to be done but at least I have somewhere to share my longer-than-140-characters thoughts.</p>

 <h3>The Bad</h3>

 <p>I spent a few months around last summer feeling incredibly stressed and unhappy.  I even found myself questioning whether running my <a href="http://www.whitespacedesign.co.uk/" title="Whitespace Design">own business</a> was what I wanted to be doing. I certainly wasn&#8217;t enjoying it one bit. It was a coincidence of events, which effected both my personal and working life, that led to this state of mind.</p>

 <h4>Work: under-estimating</h4>

 <p>I felt I had seriously under-estimated my development time on one EE job and under-estimated the project management time required on another job, which we work with a <span class="caps"><span class="caps"><span class="caps">PHP</span></span></span> developer on.  We also over-estimated how much time (my partner) North (aka <a href="http://bathosphere.org/kurasmackenzie/" title="Portfolio website for North's collaborative art partnership">Christian Kuras</a>) would have to spend working on our projects while he was in Banff on his 6 week <a href="http://www.theculturalarchive.com/" title="A blog documenting North's time in Banff, Canada">artist residency</a>. This residency turned out to be much more demanding on North&#8217;s time than he had anticipated.</p>

 <h4>Personal: living and working alone</h4>

 <p>North is my partner in both business and life, so his trip to Canada impacted both our work and our personal lives. I had been quite looking forward to having some time on my own to chill out and I had great plans to catch up with friends I hadn&#8217;t seen for a while. But managing this very busy and stressful time at work, alone, and the financial worries that came with it left me struggling to get <em>anything</em> done.  Seeing friends was suddenly the last thing I felt like doing.</p>

 <h4>Recovery and lessons learned</h4>

 <p>Ultimately none of the work problems had a terrible outcome.   We had an accommodating and understanding client who&#8217;s deadline was not immovable so we simply adjusted that project&#8217;s schedule to allow for our slower pace. We lost revenue by under-estimating our time but we still got the jobs done and our clients were happy. </p>

 <p>I realised that it wasn&#8217;t simply that I under-estimated how much time was required. There was actually a lot of scope creep going on, but it was all these small little things which, in isolation, seemed so minor that I wouldn&#8217;t call them. But when I look back and add them all up, I realise what an impact they have &#8211; partly because it isn&#8217;t necessarily the thing that needs changing/amending that amounts to much, but its the time spent discussing the detail in the first place (hence the project management time) that adds on so much time. </p>

 <p>So I seem to have come out the other side of this difficult time relatively unscathed. I have already put into practice the lessons we learned from this: when quoting I am allowing time for contingencies (scope creep) and making sure the development time is bulky enough in the first place. I&#8217;m also quoting more time for project management, though this is less of an issue when we&#8217;re not subcontracting the development out.</p>

 <p>Since the summer I have quoted for and delivered on a complete project which (pretty much) came in on budget and this has been a real boost. I&#8217;m also feeling confident about the new projects we&#8217;re starting &#8211; this all contributes to me feeling happy about working for myself again and excited about the year ahead. </p>

 <h3>Transcript</h3>

 <p><a href="http://project52.info/">Project 52</a> stats: Week 1*, post # 2<br />


	<p>Time spent on this post: <span class="caps">TOO</span> <span class="caps">LONG</span>! (I spent most of my Saturday evening-night dipping in and out of drafting this post)</p></p>

 <p>*I&#8217;m counting Week 1 as beginning on Monday the 4th of January</p>      ]]></content>
    </entry>

    <entry>
      <title>Unblocking my blog</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/unblocking-my-blog/" />
      <id>tag:gradualism.co.uk,2010:/1.13</id>
      <published>2010-01-06T22:34:05Z</published>
      <updated>2010-11-07T10:57:06Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Personal"
        scheme="http://www.gradualism.co.uk/articles/category/personal/"
        label="Personal" />
      <content type="html"><![CDATA[
        <p>So I don&#8217;t expect you to have noticed, since you wouldn&#8217;t have been here (because there hasn&#8217;t been anything much to see) that I haven&#8217;t been blogging a whole lot. Despite having a long list of story &#8216;titles&#8217; and ideas for posts, I seem to be unable to bring myself to actually get any posts written and published.</p>

<div class="image"><img src="http://www.gradualism.co.uk/images/uploads/overdue-writing.png" alt="overdue-writing.png" width="500" height="244" /><p class="caption">Screenshot of my blog writing to do list (in Omnifocus)</p></div>

 <h3>What is stopping me?!</h3>

 <p>Well, there is Client Work of course, this is a big one. The last 6 months of 2009 were very intense &#8211; it is good to be busy of course, but unfortunately it wasn&#8217;t all the <em>good</em> kind of busy (a subject I plan to write about later). And even when it is all good busy, I still think it is important to take sometime out from client work. Not to say that I don&#8217;t take time out. I went to a couple conferences last year and I spend plenty of time on twitter and reading peoples blogs. Hell, I spend lots of time <em>commenting</em> on other peoples blogs too but hardly ever writing my own original posts.  </p>

 <p>I really want to change this, because &#8211; to answer the obvious question &#8211; <strong>&#8220;Why do you want to blog anyway?&#8221;</strong> I want to put something out into the community and I think I have some experiences worth sharing. I often get asked the same question by a few people and that&#8217;s when I add it to my blog post ideas list &#8211; since I think there might be more people out there interested in it too.</p>

 <p> I also just get stuck on it being this big daunting task and admittedly that is because I spend way too long on it. I go about it like I&#8217;m writing an article for a magazine or something. I <em>really</em> need to get over this! Hence this dipping-toe-in-water effort of a post which I&#8217;m just rattling off, one (okay, maybe 2) read overs before I click that publish button!  </p>

 <h3>What am I going to do about it?</h3>

 <p><span class="image small-flickr"><a href="http://www.flickr.com/photos/judepics/"><img src="http://www.gradualism.co.uk/images/uploads/sinkplungers.jpg" alt="Photo of a bunch of sink plungers" width="180" height="240" /></a><small>Photo by <a href="http://www.flickr.com/photos/judepics/">Judepics</a> on Flickr</small></span> Well I have set myself a bit of a challenge by signing up to participate in the <a href="http://project52.info/">Project52</a>. &#8220;The goal is to write at least 1 new article per week for 1 year.&#8221;   This post is now going to seem like a bit of a cop-out, but for me to actually post something about nothing is actually quite a break through, and I&#8217;m hoping might unblock the metaphorical sink full of posts sitting here. </p>

 <p><em>Yes, I&#8217;m aware of the other piece of bathroom furniture we could be talking about unblocking here, and I think that can go without saying <img src="http://www.gradualism.co.uk/images/smileys/smile.gif" width="19" height="19" alt="smile" style="border:0;" /></em></p>

 <h3 class="clear">Transcript</h3>

	<p>P52 stats: Week 1, post # 1<br />
Time it has taken me to prepare, write, edit and publish this post: 1:30</p>

	<p>Things I had to leave out because I&#8217;m going <em>way</em> over time:</p>

 <ul>
  <li>Linking to all those people who do manage to churn out blog posts regularly who prove it can be done alongside client work. (I&#8217;ll link to you later when I get round to adding a blogroll &#8211; or you can just add your name in the comments below, heh heh!)</li>
  <li>Links to a bunch of blog posts I&#8217;ve spent time commenting on lately.</li>
 </ul>      ]]></content>
    </entry>

    <entry>
      <title>Make adding inline images to ExpressionEngine entries safe and easy for your clients</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/make-adding-images-to-ee-entries-safe-and-easy/" />
      <id>tag:gradualism.co.uk,2009:/1.11</id>
      <published>2009-12-16T00:44:38Z</published>
      <updated>2011-07-27T15:33:39Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="ExpressionEngine"
        scheme="http://www.gradualism.co.uk/articles/category/expressionengine/"
        label="ExpressionEngine" />
      <category term="How to"
        scheme="http://www.gradualism.co.uk/articles/category/how-to/"
        label="How to" />
      <content type="html"><![CDATA[
        <p>Most of the time when I&#8217;m setting up a <span class="caps">CMS</span> in which site editors can add images to their entries I will give them a specific image field to upload into, and that image will be positioned in the page template wherever I have designed it to go. End of story. </p>

<p> But there is one type of content entry when this just doesn&#8217;t cut it. News and Blog entries. The site editor might want to put 1, 2 or 3 images into an entry and they&#8217;ll want to position them at the relevant part of the story, in between, or alongside specific paragraphs. And I have got to give them that &#8211; it isn&#8217;t such a big thing to ask, is it?</p>

 <h3>The Problem</h3>

<p><img src="http://www.gradualism.co.uk/images/uploads/inline-images-fail.jpg" alt="Illustration of what happens when image is only slightly less wide than the text column" width="500" height="396" /></p>

 <p>If you have any experience of developing or customising a <span class="caps">CMS</span> you must have encountered problems with this. How do you let your clients add images to their entries without letting them completely screw up the design of the site, or without making it so complicated they will never even try? You may be thinking &#8216;but how hard is it to upload an image, embed it and float it left or right?&#8217;. Well, let me tell ya, it is never that simple. Here are some of the specific problems:

 <ul>
  <li>the floated image is too wide, or just not wide enough, for the containing column, which means the text gets squooshed beside it (as illustrated above).</li>
  <li>a portrait image is resized to the same width as a landscape format image which means it might be way too big/tall.</li>
  <li>if you have image captions you&#8217;ll want them to wrap below the image which means the containing element needs to be set to the same with as the (variable &#8211; see above point) image width.</li>
  <li>if the editor has to be working with <span class="caps">HTML</span> code and accidentally deletes an end tag it could break the entire page layout.</li>
 </ul>

 <p>Finding a solution that prevents these potential problems rules out using the built-in <a href="http://www.expressionengine.com/index.php?affiliate=whitespace">ExpressionEngine</a> File Upload, even with the functionality it offers to add &#8216;Image Pre/Post Formatting&#8217;, because you just don&#8217;t want the client to be editing <span class="caps">HTML</span>. </p>

 <p>Essentially what we are looking to output is a <code>span</code> (can&#8217;t use a <code>div</code> because it might be inside a paragraph) with <code>display:block</code> applied to it and a class of either &#8216;full&#8217; or &#8216;half&#8217; depending on format of image uploaded. This is because I want the <code>span</code> containing the image and caption to have a different width depending on the width of the image inside it, so that the caption, contained by the <code>span</code>, wraps below the image.</p>

<pre>
<code>
&lt;span class=&quot;image full&quot;&gt;
&lt;img src=&quot;images/image_filename.jpg&quot; width=&quot;500&quot; alt=&quot;Image caption&quot; /&gt;
 &lt;small&gt;Image caption goes here&lt;/small&gt;
&lt;/span&gt;   
</code>
</pre>

<h3>The Solution</h3>

<p>This solution relies on you having a number of <a href="http://www.expressionengine.com/index.php?affiliate=whitespace&page=/downloads/addons/">ExpressionEngine plugins and extensions</a> installed and enabled. It would probably help if you know how these add-ons work. This might seem like a lot of work, but I use them all for other reasons so it made sense to combine them for a new purpose.</p>

 <ul>
  <li><a href="http://studio625.com/ee/reeposition/">Reeposition plugin</a></li>
  <li><a href="http://expressionengine.com/index.php?affiliate=whitespace&page=/downloads/details/allow_ee_code/">Allow EE plugin</a></li>
  <li><a href="http://www.lumis.com/page/imgsizer/">Image resizer plugin</a></li>
  <li><a href="http://brandon-kelly.com/fieldframe/docs/ff-matrix">Field frame extension</a> + nGen File Field type</li>
  <li><a href="http://expressionengine.com/index.php?affiliate=whitespace&page=/downloads/details/textile/">Textile plugin</a> (+ optionally, <a href="http://expressionengine.com/index.php?affiliate=whitespace&page=forums/viewthread/54264/">Textile Editor Helper</a> )</li>
 </ul>

 <h4>Method</h4>

 <p>Add a custom field to the entry form which uses FF Matrix and nGen file field to allow the editor to upload multiple images for use in that entry.  Each image can have a caption and size/format associated with it.  </p>

 <p>Place the FF Matrix tags in the template and directly within them place the Reeposition variable pair tags, which will identify each item within them as a separate entity which can then be placed in different positions throughout the document using the single variable.  </p>

 <p>Create a Textile Editor Helper button which allows the editor to position the Image/Caption set within their body text into the right place. The button will just save them copying and pasting the variable into the textarea, and will prompt them to enter which number image (if adding more than one in the FF Matrix) they&#8217;re positioning. The variable will be processed because you have wrapped the main body tag in the Allow EE variable pair.</p>

 <p>That method will probably make a lot more sense when you look at the code snippets below. </p>

 <p><img src="http://www.gradualism.co.uk/images/uploads/reeposition-inline-images.gif" alt="reeposition-inline-images.gif" border="0" width="500" height="500" /></p>

 <h4>Creating the custom weblog fields</h4>

 <p>Create a new field of the FF Matrix type.  Configure the matrix with 3 or 4 columns: nGen file field; Textarea for the caption; Text input for Alt. text*; Select for Image size (with options Full/Half or Large/Medium etc)<br />


 <p>(*I haven&#8217;t included this extra field in my example below but it is probably best if you want to allow links in the caption( for photo credits), you can&#8217;t have them in the <span class="caps">ALT</span> text). </p>

 <p>Put text in the instructions field which has the reposition code for them to copy and paste into the main body textarea. Or, preferably, add a Textile Helper Button which will paste the code in for them &#8211; I just made one of these because I was talking a client through how to do this reepositioning and I could hear she was stumbling over copying the whole curly bracket encased code and I realised this was potentially problematic. Not to mention the complications of adding more than one image and so needing a different id on the reeposition code (you can see I had added further instructions about this in my custom field, but with the <span class="caps">TEH</span> button these won&#8217;t be necessary). </p>

 <p>See below for the <span class="caps">TEH</span> config code addition.</p>

 <p><img src="http://www.gradualism.co.uk/images/uploads/screenshot_entryform_reeposition_images_1.png" alt="screenshot_entryform_reeposition_images_1.png" border="0" width="537" height="213" /></p>

 <h4>Creating Textile Editor Helper button</h4>

 <p>You need to add some code to the config file for the <a href="http://expressionengine.com/index.php?affiliate=whitespace&page=/forums/viewthread/54264/">Textile Editor Helper</a> I figured the simplest way for me to share this would be to give you my amended config file &#8211; this <span class="caps">ZIP</span> also contains the image I used for the button. <br />

<a href="http://www.gradualism.co.uk/images/uploads/textile-editor-config.zip">textile-editor-config.zip</a></p>

 <p>You will need to upload the icon image to the theme&#8217;s images folder. The one I included above is called winxp_jpeg.gif because I used a Windows jpeg icon so that my client, who uses a PC, would recognise it.</p>

 <p>When the editor clicks on the button, a drop-down dialogue box appears asking &#8220;which number image are you inserting?&#8221; and they insert 1, 2 or 3 etc to embed the image from the FF Matrix image set.</p>

 <h3>Watch out for</h3>

 <ul>
  <li>Search results (you&#8217;ll need to wrap in Reeposition and Allow EE code, so that the code doesn&#8217;t appear! (but you can prevent images from appearing)</li>
  <li>You can&#8217;t paste EE code into your weblog main textarea for demos like this blog post if you&#8217;re using this approach (because it will get parsed!), but generally for client sites this shouldn&#8217;t be a problem.</li>
 </ul>

 <h3>All done!</h3>

 <p>I hope you find this useful. Please don&#8217;t hesitate to ask questions in the comments if anything is unclear.</p>      ]]></content>
    </entry>

    <entry>
      <title>The importance of your morning ritual</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/the-importance-of-your-morning-ritual/" />
      <id>tag:gradualism.co.uk,2009:/1.26</id>
      <published>2009-12-03T16:36:05Z</published>
      <updated>2010-11-07T11:38:06Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Personal"
        scheme="http://www.gradualism.co.uk/articles/category/personal/"
        label="Personal" />
      <category term="Productivity"
        scheme="http://www.gradualism.co.uk/articles/category/productivity/"
        label="Productivity" />
      <content type="html"><![CDATA[
        <p>I seem to have too much to say about Darrell&#8217;s post about <a href="http://webworkerdaily.com/2009/12/03/better-working-tip-reclaim-the-morning/">reclaiming the morning</a> over on Web Worker Daily so I&#8217;m posting it here. My morning ritual is very similar to Darrell&#8217;s, though I learnt this the hard way.</p>

	<p>There were times in the past where I&#8217;d be worrying about an email and so go to my desk to check on it first thing, and 2 hours later I&#8217;d look up and realise I was still in my pajamas and hadn&#8217;t even had a coffee. Worse, was when a client would ring while I was still in that state! This taught me to stick to the following ritual.</p>

	<p>I get up and wash, dress and make breakfast. Then I will sit in the kitchen and eat and drink while listening to the radio, or reading some <span class="caps">RSS</span> or tweets on my iPod Touch. I don&#8217;t have my work email set up on my Touch which means I can&#8217;t be tempted to check that before I officially arrive in the office.</p>

	<p>Problems arise for me when I don&#8217;t get up early enough to do this full ritual, because I find it hard to focus on work if I haven&#8217;t done this but will feel stressed if I&#8217;m still doing this kind of activity at 11am.  Although Elliot Jay Stocks&#8217; post about <a href="http://elliotjaystocks.com/blog/write-off-that-first-hour/" title="Elliot Jay Stocks' blogpost">writing off the first hour of the day</a> shows that I&#8217;m not alone in needing this time in the morning, I do wish I could get up earlier more often to ensure that I get this activity out of the way earlier in the day.</p>

	<p>I don&#8217;t think of myself as a morning person, and on the whole I don&#8217;t get up that early (but sometimes I am jealous of all those who do!). But I don&#8217;t think you are just hard wired to either do mornings or not. I just think it depends on what else is going on and how much sleep you&#8217;ve had etc.  Every now and then I decide I want to try the early morning thing, set my alarm for 7am and find myself waking up before it! Although you might be a bit more tired than usual, the positive feeling that &#8216;owning&#8217; a couple hours of the day before you sit down at your desk easily balances this out.</p>      ]]></content>
    </entry>

    <entry>
      <title>Switch Off Your Computer And Go Out And Do Something Less Boring Instead</title>
      <link rel="alternate" type="text/html" href="http://www.gradualism.co.uk/articles/why-dont-you/" />
      <id>tag:gradualism.co.uk,2009:/1.10</id>
      <published>2009-08-23T13:10:06Z</published>
      <updated>2009-09-18T06:21:07Z</updated>
      <author>
            <name>Emily</name>
                  </author>

      <category term="Design"
        scheme="http://www.gradualism.co.uk/articles/category/design/"
        label="Design" />
      <category term="Inspiration"
        scheme="http://www.gradualism.co.uk/articles/category/inspiration/"
        label="Inspiration" />
      <content type="html"><![CDATA[
        <p>Working from home, 5 miles from central London, I can get really lazy. I can&#8217;t be bothered to go into &#8216;town&#8217; so I end up missing what is arguably the whole point of living in London. The <a href="http://www.designmuseum.org/exhibitions/2009/supercontemporary" title="Super Contemporary at Design museum">exhibitions</a>, the <a href="http://www.serpentinegallery.org/2008/06/jeff_koons_popeye_series2_july.html" title="Serpentine Gallery - Jeff Koons">galleries</a>, the <a href="http://openairtheatre.org/index.php?plid=103&amp;show=dates" title="Daniel Kitson at Regent's Park Theatre">shows</a>.&nbsp; It&#8217;s usually when a friend comes to visit that I am forced out of my little Hackney bubble to check out whatever it is they fancy seeing. And then I find myself wondering why the hell I don&#8217;t do this more often.</p>

	<p>So I was pleased when my old art school chum Digger came down from Glasgow recently, cos we went and did some culture.&nbsp; Digger had come to London to help his <a href="http://internetior-gsa.blogspot.com/" title="Glasgow School of Art's Interior Design dept. blog">Interior design students</a> set up the show of their final year work in the Free Range exhibition in the Truman breweries. He took me to check that out first.&nbsp; They built a very cool plywood exhibition stand, on which they displayed the students&#8217; A4 project books.</p>

	<p><object data="http://www.flickr.com/apps/slideshow/show.swf?v=71649" height="375" type="application/x-shockwave-flash" width="500"><br />
<param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Finternetior%2Ftags%2Finsideedge%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Finternetior%2Ftags%2Finsideedge%2F&amp;user_id=39834150@N03&amp;tags=insideedge&amp;jump_to=&amp;start_index=" /><br />
<param name="allowFullScreen" value="true" /><br />
<param name="src" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /><br />
<param name="allowfullscreen" value="true" /><br />
</object></p>

	<p>Then we went to the Design Museum to see the <a href="http://www.designmuseum.org/exhibitions/2009/supercontemporary" title="Design Museum exhibition">Super Contemporaries</a> exhibition, which is on until the 4th October, so you have no excuse not to see it if you haven&#8217;t already. This exhibition is mainly a historical look at design that has come out of London since the 1950s, plus it includes some specially commissioned projects by designers and architects working in London today.&nbsp; These included a design for a bus shelter and a post office kiosk (like a telephone box, but for buying postage and renewing your driver&#8217;s license).&nbsp; I found the historical overview fascinating, but I&#8217;m sure this was in no small part due to the brilliant way it was presented.</p>

	<p><img alt="Photo of wall mounted exhibition panels" height="375" src="http://farm3.static.flickr.com/2652/3725771325_4bd6f9a256.jpg" width="500" /></p>

	<p>They used a special kind of picture rail (I&#8217;m presuming it was custom made) that had 3 slots top and bottom that could hold laminated panels, of either photo reproductions or text.&nbsp; It also supported angled display cases (for books and magazines) and original posters behind perspex.&nbsp; The display followed a timeline around the room and set key moments and innovations in the design world, alongside the big news and political events of that decade. There was a <span class="caps">LOT</span> of information but it didn&#8217;t get boring, since the display was never the same twice.</p>

	<p>Then we went to the Serpentine Gallery and saw this year&#8217;s <a href="http://www.serpentinegallery.org/2009/02/serpentine_gallery_pavilion_20_13.html" title="Serpentine Gallery 2009">Summer Pavillion</a> designed by 																								Kazuyo Sejima and Ryue Nishizawa. This is a view peeping over the roof looking at the Serpentine gallery building.</p>

	<p><img alt="Serpentine Pavillion roof" height="500" src="http://farm4.static.flickr.com/3212/3726578364_975fdb11bb.jpg" width="375" /></p>

	<p>It was one big shiny, reflective <a href="http://www.flickr.com/photos/emathome/3725771813/in/photostream/" title="Another photo of the rippling roof on Flickr">rippling</a> shelter which we had lots of fun with &#8211; as <a href="http://www.flickr.com/photos/diggernutter/3739812107/in/photostream/" title="Photo of Digger in a hat, reflected from above">you</a> <a href="http://www.flickr.com/photos/diggernutter/3739682595/in/photostream/" title="Photo of me standing and reflected in ceiling">can</a> <a href="http://www.flickr.com/photos/emathome/3726578542/" title="Photo of me reflected in ceiling of pavillion">see</a>.</p>

	<p>We also checked out the Jeff Koons &#8220;<a href="http://www.serpentinegallery.org/2008/06/jeff_koons_popeye_series2_july.html" title="Jeff Koons at the Serpentine">Popeye Series</a>&#8220; exhibition which included lots of sculptures that involved what looked like regular inflatable toys juxtaposed with unlikely objects. Like an inflatable crocodile cut through with a household ladder. Turns out all the &#8216;inflatables&#8217; were made of polychromed aluminium, which added this tension that was created by the incongruity of the scenarios.&nbsp;</p>

	<p>We also had a look at who was on the <a href="http://www.oneandother.co.uk/" title="Anthony Gormley art project in Trafalgar Square">4th plinth</a>. Unfortunately the most interesting thing we saw while we were there was the fork lift truck coming in on the hour to facilitate the change over. But it looks like there have been plenty of <a href="http://www.oneandother.co.uk/participants/Liz_S_1" title="Proms on the plinth">other</a> much more <a href="http://www.oneandother.co.uk/participants/Susanna_M" title="Susanna M, the life model on the plinth">interesting</a> <a href="http://www.oneandother.co.uk/participants/day?day=2009-08-23" title="Plinthers on August 23rd">plinthers</a>.</p>

	<p><img alt="Photo of the changing of guards on the 4th plinth" height="375" src="http://farm4.static.flickr.com/3494/3725772005_81df00d46a.jpg" width="500" /></p>

	<p>Of course you don&#8217;t even need to go to an exhibition or gallery to get inspired in London.&nbsp; I quite enjoyed this promotional poster I saw in a dry cleaner&#8217;s window on the way to a meeting the other day. Clever topical adversting.</p>

	<p><a class="nolink" href="http://www.flickr.com/photos/emathome/3848549543/" title="Read explanatory caption on Flickr"><img alt="Poster says - Most things cleaned, but we draw the line at moats." height="375" src="http://farm3.static.flickr.com/2599/3848549543_fefcfd89c0.jpg" width="500" /></a></p>

	<p>So yeah.<br />
Don&#8217;t forget.<br />
There is a whole world outside the house, offline and in your face.<br />
Go check it out and be inspired, <a href="http://www.bbc.co.uk/cult/classic/titles/whydontyou.shtml" title="Title sequence of kids TV programme on BBC website">why don&#8217;t you?</a></p>      ]]></content>
    </entry>


</feed>