<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Contrast | The Blog</title>
	
	<link>http://www.contrast.ie/blog</link>
	<description />
	<pubDate>Fri, 13 Nov 2009 14:40:18 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/contrast/blog" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>A year in Contrast</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/roVoqWl8uMY/</link>
		<comments>http://www.contrast.ie/blog/a-year-in-contrast/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 14:16:07 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=985</guid>
		<description><![CDATA[In April 2007, I founded the company that in December of that year was to become Contrast. Paul Campbell and David Rice joined me in February 2008 and we worked quietly together until Des Traynor joined us in July. We launched in August and the rest is&#8230; this blog post.
Contrast has been officially alive and [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/birthday-cake.jpg" alt="birthday-cake" title="birthday-cake" width="630" height="720" class="alignnone size-full wp-image-999" /></p>
<p>In April 2007, I founded the company that in December of that year was to become Contrast. Paul Campbell and David Rice joined me in February 2008 and we worked quietly together until Des Traynor joined us in July. We launched in August and the rest is&#8230; this blog post.</p>
<p>Contrast has been officially alive and kicking for 452 days but today we&#8217;re celebrating our belated first birthday! We&#8217;ve written this post to record the adventure and share it with our friends. As corny as it sounds, it&#8217;s only been fun because we&#8217;ve had the support of so many amazing people at home and right around the world; every single one of your comments, tweets and e-mails is appreciated.</p>
<p>So we&#8217;re holding a Friends of Contrast Party ™ on Friday, 27 November 2009 in our new offices for all of of you. The details are at the end of this post.</p>
<h2>August, 2008 </h2>
<p><a href="http://www.contrast.ie/blog/team-contrast/">Contrast was announced on the 18 August 2008</a> and we kicked things off with a launch party in our new but very unfurnished offices at 6 Merrion Street.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/6-merrion-st.jpg" alt="6-merrion-st" title="6-merrion-st" width="630" height="360" class="alignnone size-full wp-image-1048" /></p>
<p>We had one client and some time on our hands! So we worked hard to prepare our first Contrast app for prime time.</p>
<h2>September</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/meeting-dhh.jpg" alt="meeting-dhh"/></p>
<p>September saw us take <a href="http://www.getexceptional.com">Exceptional</a> to <a href="http://en.oreilly.com/railseurope2008/">RailsConf</a> in Berlin where we made some great friends who ended-up being some of our most loyal customers.</p>
<p>Des and I were both exorcising demons of projects past, with popular posts <a href="http://www.contrast.ie/blog/flicking-the-switch/">Flicking the switch</a>, <a href="http://www.contrast.ie/blog/long-projects-go-cold/">Long projects go cold</a> and <a href="http://www.contrast.ie/blog/clean-breaks-dont-happen/">Clean breaks don&#8217;t happen</a>. </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/mobiforge.jpg" alt="mobiforge" ></p>
<p>We helped the great guys at dotMobi redesign and re-launch their dev.mobi site as <a href="http://mobiforge.com/">Mobiforge</a> at the end of September.</p>
<h2>October 2008</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/exceptional.jpg" alt="exceptional" /></p>
<p><a href="http://www.contrast.ie/blog/an-exceptional-launch/">Exceptional came out of beta on 10 October</a> and had its first paying customer minutes later. Since its launch Exceptional has had slow, consistent growth; the best kind. We can say that safely, having experienced the other kind&#8230; </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/wsj-qwitter.jpg" alt="wsj-qwitter" /></p>
<p><a href="http://www.contrast.ie/blog/app-launch-qwitter/">Qwitter was launched on the 17 October</a> and within 1 hour the server fell over, under ridiculously heavy traffic. Qwitter would see us featured everywhere from The Irish Times and The Guardian to the Wall Street Journal and CNN, and would teach us a thing or two about scalable web applications.</p>
<p><img alt="app school" src="http://www.contrast.ie/blog/wp-content/uploads/2008/10/idea-to-app.jpg"  /></p>
<p>As a way of paying back the Irish community for their support, Contrast promised to deliver one lucky entrepreneur <a href="http://www.contrast.ie/blog/app-school-2008/">an app in a week</a>, and TaskFive was it. On 24 October, 7 days after picking the winner, <a href="http://www.contrast.ie/blog/app-launch-taskfive/">we launched Taskfive</a> which was featured on <a href="http://lifehacker.com/5079372/taskfive-streamlines-tasks-in-an-elegant-calendar-view">Lifehacker</a> and gained over a thousand users within the week.</p>
<p><img alt="task five" src="http://www.contrast.ie/blog/wp-content/uploads/2008/10/task-five-shot.jpg" /></p>
<p>But despite these amazingly successful launches, the company itself was struggling. The market reaction to the credit crunch, the implications of which were just being realised this month, was to batten down the hatches. Big projects got cancelled and we were left high and dry. Our bank balance at the end of October was €443! Salary cuts were the order of the day.</p>
<h2>November</h2>
<p>Me and Des spoke for the first time together at <a href="http://www.barcampcork.com/">Barcamp Cork</a> in early November, and the financials lows of the previous months were washed away as we began building several exciting applications, and consulted with Fairtilizer, and Qualcomm, providing development advice and interface design respectively.</p>
<p><img alt="" src="http://www.contrast.ie/blog/wp-content/uploads/2008/11/girl-strip.jpg" class="alignnone" width="630" height="360" /></p>
<p>While consulting with Qualcomm, Des learned of the <a href="http://www.contrast.ie/blog/the-problem-with-striptease/">problems with striptease</a>.</p>
<h2>December </h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/christmas-conts.jpg" alt="christmas-conts" width="630" height="360" class="alignnone size-full wp-image-1037" /></p>
<p>Des began a long discovery process with the incredible <a href="http://twitter.com/bfk">Breandán Knowlton</a> for the soon to be launched <a href="http://comhaltas.ie/">Comhaltas</a> digital archive, which saw him travelling across Ireland, speaking with curators of traditional music.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/comhaltas.jpg" alt="comhaltas" title="comhaltas" width="630" height="360" class="alignnone size-full wp-image-1071" /></p>
<p>Des wrote about the importance of the <a href="http://www.contrast.ie/blog/the-client-experience/">Client experience</a>, something we still grapple with day to day in Contrast, while I generated a flurry of book sales by writing <a href="http://www.contrast.ie/blog/its-not-how-good-you-are/">It&#8217;s not how good you are</a>. </p>
<h2>January, 2009</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/january.jpg" alt="january" /></p>
<p>January was a cold month to work without heating; but that&#8217;s the kind of thing that happens when your landlord is a prick! (No further comment.)</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/des-cold1.jpg" alt="des-cold1" title="des-cold1" width="630" height="360" class="alignnone size-full wp-image-1052" /></p>
<p>Contrast consulted with top Dublin web design agency <a href="http://www.xcommunications.ie">XCommunications</a>, user testing a website they had worked on during late 2008, and helped Keith Bohanna design the user experience for his soon-to-launch <a href="http://www.dbtwang.com/">dbTwang</a> app.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/dbtwang.jpg" alt="dbtwang" title="dbtwang" width="630" height="360" class="alignnone size-full wp-image-1061" /></p>
<p>I dedicated myself to <a href="http://www.contrast.ie/blog/killing-distractions/">distracticide</a>, while Des <a href="http://www.contrast.ie/blog/no-identity-left-behind/">integrated Google Analytics with Twitter</a> for an anonymity busting 5 hours. </p>
<h2>February</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/lucie.jpg" alt="lucie"  /></p>
<p>As we finally accepted that we&#8217;re not very organised, we hired someone who is. Miss Lucie Coley joined Contrast early February as our office manager, letting us focus on things we&#8217;re good at.</p>
<p><img alt="twecipe" src="http://www.contrast.ie/blog/wp-content/uploads/2009/02/twecipe-veg.jpg" class="alignnone" width="630" height="360" /></p>
<p>Niall Harbison contacted us very early February about building a little Twitter app. We helped him shape his idea for Twitter-based recipe searching into <a href="http://www.contrast.ie/blog/app-launch-twecipe/">Twecipe</a>. </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/goodness500.jpg" alt="goodness500"  /></p>
<p>Washington activist, Michael Mossoba contacted us toward the end of 2008, looking for site that would be an alternative Fortune 500; one based on corporate responsibility, rather than profit. He wanted something striking, something remarkable. We delivered <a href="http://goodness500.org">Goodness 500</a>. </p>
<h2>March</h2>
<p><img alt="picomarks" src="http://www.contrast.ie/blog/wp-content/uploads/2009/03/bookmarked.jpg "  /></p>
<p><a href="http://twitter.com/benofsky">Ben McRedmond</a> joined us in early March to work with us for a week during his transition year in school. Only 16 at the time, Ben is one of the most promising young talents in Ireland. In the week he was with us, Ben designed and delivered <a href="http://www.picomarks.com">PicoMarks</a>, and wrote about <a href="http://www.contrast.ie/blog/what-i-learned-in-contrast/">what he learned in Contrast</a>.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/fowa.jpg" alt="fowa" title="fowa" width="630" height="360" class="alignnone size-full wp-image-1035" /></p>
<p>FOWA came to Dublin during March, and Des and I were asked to speak at the event. Taking to the stage with names like <a href="http://twitter.com/dhh">DHH</a> was a great experience and we got some incredible feedback from the Irish community.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/mix.jpg" alt="mix" title="mix" width="630" height="360" class="alignnone size-full wp-image-1062" /></p>
<p>Shortly after FOWA, Des travelled to Las Vegas to attend MIX 09, Microsoft&#8217;s conference for interaction designers, where he hung-out with his heroes such as Bill Buxton, Joel Spolsky, Jeff Atwood, Scott Guthrie and more. </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/contrast-cake.jpg" alt="contrast-cake" /></p>
<p>My birthday in March was the excuse for the purchase of a very expensive yet very on-brand cake.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/ceiling.jpg" alt="ceiling" title="ceiling" width="630" height="360" class="alignnone size-full wp-image-1051" /></p>
<p>And our office was flooded after a pipe in the ceiling broke. Awesome.</p>
<h2>April</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/ftopia.jpg" alt="ftopia" title="ftopia" width="630" height="360" class="alignnone size-full wp-image-1049" /></p>
<p>In April we helped build <a href="http://www.ftopia.com/">Ftopia</a>, a file sharing web app for Paris based<br />
Philippe Honigman. It&#8217;s been a joy to watch Ftopia grow, and arrange partnerships with major French institutions.</p>
<p>Later in the month, three quarters of Contrast travelled to Belfast and spoke at a barcamp on <a href="http://www.slideshare.net/contrast/the-fundamental-principles-of-success">The principles of success</a>, <a href="http://www.slideshare.net/contrast/great-customer-support">Great customer support</a> and <a href="http://www.slideshare.net/contrast/analytics-for-business">Analytics for business</a>. </p>
<p>At the end of April we began working with <a href="http://twitter.com/barneyausten">Barney Austen</a> and <a href="http://twitter.com/eoinredmond">Eoin Redmond</a> to produce a project management tool, with a strong emphasis on financial awareness. Their pitch was that the current tools available don&#8217;t answer the questions agency owners need to know. What projects are profitable? What are the key issues we&#8217;re facing? How are my staff spread? Are they working too hard? We began building My Project Tracker to change that. More on that soon. </p>
<p>Toward the end of April, Des was invited to speak about <a href="http://www.slideshare.net/contrast/design-decisions-for-iphone-applications">Design Decisions for iPhone Applications</a>, at the <a href="http://devdays.info/">iPhone Developer Days</a> event in Ireland&#8230;</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/eoghan-connector.jpg" alt="eoghan-connector" title="eoghan-connector" width="630" height="360" class="alignnone size-full wp-image-1074" /></p>
<p>&#8230;and I defended &#8220;lifestyle companies&#8221; at that month&#8217;s <a href="connector.ie">Connector</a> event.</p>
<h2>May</h2>
<p>Early May, Contrast embarked on a tour of North America, including Las Vegas, San Francisco and New York.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/des-chips.jpg" alt="des-chips" width="630" height="360" class="alignnone size-full wp-image-1038" /></p>
<p>Vegas was hosting Railsconf, giving us a chance to meet Exceptional customers in the flesh, buy them drinks&#8230;</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/cupcakes.jpg" alt="cupcakes" title="cupcakes" width="630" height="360" class="alignnone size-full wp-image-1063" /></p>
<p>&#8230;give them some Exceptional cupcakes (in a gorilla marketing stunt that the O&#8217;Reilly staff really didn&#8217;t appreciate), and swap t-shirts. </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/seth-godin.jpg" alt="seth-godin" title="seth-godin" width="630" height="360" class="alignnone size-full wp-image-1039" /></p>
<p>While in New York, we got the chance to meet and present to Seth Godin, a long time hero of ours. Seth enjoyed our presentation and <a href="http://sethgodin.typepad.com/seths_blog/2009/05/challenging-convention.html">wrote a little about our thesis of breaking conventions</a>. </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/paul-and-geoff.jpg" alt="paul-and-geoff" title="paul-and-geoff" width="630" height="360" class="alignnone size-full wp-image-1073" /></p>
<p>After the American tour, we were sorry to say goodbye to Paul who left Contrast to focus on some of his own projects. You should follow <a href="http://www.pabcas.com/">his personal blog</a> to keep up with them.</p>
<h2>June</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/dave-b.jpg" alt="dave-b" title="dave-b" width="630" height="360" class="alignnone size-full wp-image-1053" /></p>
<p>June opened with the great news that David Barrett was joining Contrast full-time, after we had been contracting him on a near full-time basis for months on end. </p>
<p><img alt="" src="http://www.contrast.ie/blog/wp-content/uploads/2009/06/cake.jpg" class="alignnone" width="630" height="360" /></p>
<p>Des went to UX London where he learned about the importance of <a href="http://www.contrast.ie/blog/tasty-little-cupcakes/">cupcakes</a> and attended workshops on everything from sketching through to Agile design. </p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/dave.jpg" alt="dave" title="dave" width="630" height="360" class="alignnone size-full wp-image-1064" /></p>
<p>At the end of June, David Rice left the Contrast gang to return to freelancing in Belfast. You can follow him on <a href="http://davidjrice.co.uk/">his blog</a>.</p>
<h2>July</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/darragh-shot.jpg" alt="darragh-shot" title="darragh-shot" width="630" height="360" class="alignnone size-full wp-image-1070" /></p>
<p>Des spoke again at <a href="http://www.itcork.ie/index.cfm?page=events&#038;eventId=158">it@Cork</a> about <a href="http://www.slideshare.net/contrast/design-decisions-for-iphone-applications-it-cork-version">iPhone development</a>, and returned to Dublin to the good news that Darragh Curran would be joining Contrast full time, again after a extended period of contracting. Late July saw the launch of <a href="http://www.contrast.ie/blog/client-app-launch-grab-my-table/">Grab My Table</a>, for iFoods. </p>
<h2>August</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/fleadh.jpg" alt="fleadh" title="fleadh" width="630" height="360" class="alignnone size-full wp-image-1040" /></p>
<p>Des and I went to <a href="http://www.fleadh2009.com/">Fleadh Cheoil na hÉireann</a> where a screencast of the Comhaltas Traditional Music Archive (a project over a year in the making) was shown to attendees and received an excellent response. </p>
<h2>September</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/scout.jpg" alt="scout" title="scout" width="630" height="360" class="alignnone size-full wp-image-1057" /></p>
<p>Since attending Railsconf we had been in regular contact with the guys from <a href="http://scoutapp.com/">Scout</a>, a rails monitoring tool which we were impressed with. In early September we kicked off a partnership with them to help promote each other&#8217;s services.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/fotb.jpg" alt="fotb" title="fotb" width="630" height="360" class="alignnone size-full wp-image-1041" /></p>
<p>In late September, John Davey took the risk of flying me and Des, two non-flash developers, to <a href="http://www.flashonthebeach.com/">Flash on the Beach</a> in Brighton. We spoke about challenges and conventions in web app design and how they compare with the Flash world.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/contrast-cards.jpg" alt="contrast-cards" title="contrast-cards" width="630" height="360" class="alignnone size-full wp-image-1054" /></p>
<p>September also saw a significant milestone for any company: we got our first set of business cards, after only 13 months in operation.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/contrast-logo.jpg" alt="contrast-logo" title="contrast-logo" width="630" height="360" class="alignnone size-full wp-image-1065" /></p>
<p>We also refreshed our logo that month to mark our first year and celebrate the new Contrast team.</p>
<h2>October</h2>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/ruby-foo.jpg" alt="ruby-foo" title="ruby-foo" width="630" height="360" class="alignnone size-full wp-image-1055" /></p>
<p>At the start of October, me, Wal and Darragh travelled to <a href="http://rubyfoolondon.com/ruby-london-2009/">RubyFoo London</a>, again to promote Exceptional and meet a few more of our heroes; it&#8217;s not every day you get to have a Brick Lane Indian dinner with <a href="http://en.wikipedia.org/wiki/Yukihiro_Matsumoto">the inventor of the a programming language</a>.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/lessconf.jpg" alt="lessconf" title="lessconf" width="630" height="360" class="alignnone size-full wp-image-1042" /></p>
<p>We&#8217;ve been huge fans of <a href="http://lesseverything.com/">Less Everything</a> for as long as Contrast has been running, so when Steve and Allan asked if we&#8217;d be interested in travelling to Florida to speak at <a href="http://lessconf.lesseverything.com/">Lessconf</a>, it took all of 12 seconds before they received a firm <em>hell yeah</em>. Lessconf was an amazing event, where we shared a stage with guys like <a href="http://sivers.org">Derek Sivers</a>, <a href="http://garyvaynerchuk.com/">Gary Vaynerchuk</a>,  <a href="http://www.davidhauser.com/">David Hauser</a>, <a href="http://www.michaelmcderment.com/">Mike McDerment</a> and more.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/jon-storenvy.jpg" alt="jon-storenvy" title="jon-storenvy" width="630" height="360" class="alignnone size-full wp-image-1045" /></p>
<p>We also got the chance to share stories and be inspired by some of the attendees like Jon Crawford from <a href="http://www.storenvy.com/">Storenvy</a> and Brian Kenny from <a href="http://www.watchmemelt.com/beta/">WatchMeMelt</a>.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/heroku.jpg" alt="heroku" title="heroku" width="630" height="360" class="alignnone size-full wp-image-1056" /></p>
<p>Earlier, in August,  we had dinner with <a href="http://twitter.com/mortenheroku">Morten Bagai</a> from <a href="http://heroku.com/">Heroku</a>, and discussed the possibilities of Heroku offering Exceptional as an add on to their hosted platform service. In October it happened, and it&#8217;ll be coming out of beta and available for use on their customers 39,000+ apps very soon!</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/temp-contrast-sign.jpg" alt="temp-contrast-sign" title="temp-contrast-sign" width="630" height="360" class="alignnone size-full wp-image-1066" /></p>
<p>The end of October saw us say goodbye to our Merrion Street home, to take refuge in temporary serviced offices, while our new office is being renovated. </p>
<h2>November</h2>
<p><img alt="" src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/walter-pic.jpg" class="alignnone" width="630" height="360" /></p>
<p><a href="http://www.contrast.ie/blog/welcome-to-contrast-walter/">Wal McConell</a> joined us full-time this month, bringing our total count to six and completing an incredibly able and talented team. Plus myself.</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/ctma-shot.jpg" alt="ctma-shot" title="ctma-shot" width="630" height="360" class="alignnone size-full wp-image-1068" /></p>
<p>Later this month we hope to launch both the Comhaltas Archive&#8230;</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/mpt.jpg" alt="mpt" title="mpt" width="630" height="360" class="alignnone size-full wp-image-1067" /></p>
<p>&#8230;and a beta of My Project Tracker!</p>
<h2>The year ahead</h2>
<p>It&#8217;s been an amazing journey over the last year, filled with highs and lows. The year ahead is sure to be equally exciting; we&#8217;re really only getting started.</p>
<p>The Friends of Contrast Party ™ will be on Friday, 27 November 2009 in our new offices: <a href="http://maps.google.com/maps?client=safari&#038;rls=en&#038;oe=UTF-8&#038;um=1&#038;ie=UTF-8&#038;q=51+Wellington+Quay,+Dublin+2&#038;fb=1&#038;hnear=51+Wellington+Quay,+Dublin+2&#038;cid=0,0,11766463143375235611&#038;ei=NFz9SvHOEOigjAeF7PyLCw&#038;sa=X&#038;oi=local_result&#038;ct=image&#038;resnum=1&#038;ved=0CAgQnwIwAA">51 Wellington Quay, Dublin 2</a>. It starts at 7pm and when we say everyone is welcome, we want everyone. Bring friends of friends and tell them there&#8217;s free beer with their name on it. This should be a great chance to meet people in the local web scene as much as an opportunity for us to bribe you for more blog comments. See you there and thanks again!</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/roVoqWl8uMY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/a-year-in-contrast/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/a-year-in-contrast/</feedburner:origLink></item>
		<item>
		<title>Killer social media marketing tip</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/bCFkVxifHgY/</link>
		<comments>http://www.contrast.ie/blog/killer-social-media-marketing-tip/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 10:04:29 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=942</guid>
		<description><![CDATA[Subtitle: How to get a million hits, followers, lists, comments, links, posts, friends, fans and re-tweets. Answer: Do something meaningful.
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/light-bulb.jpg" alt="light-bulb" /></p>
<p>Subtitle: How to get a million hits, followers, lists, comments, links, posts, friends, fans and re-tweets. Answer: Do something meaningful.</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/bCFkVxifHgY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/killer-social-media-marketing-tip/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/killer-social-media-marketing-tip/</feedburner:origLink></item>
		<item>
		<title>Welcome to Contrast: Walter</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/ACxgZnxLtr4/</link>
		<comments>http://www.contrast.ie/blog/welcome-to-contrast-walter/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 15:35:04 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=925</guid>
		<description><![CDATA[Just three months ago I announced that Darragh Curran had joined us full-time and today I&#8217;m thrilled to report that Walter McConnell has come aboard too. Like Darragh, Walter has a wealth of experience in software engineering. He&#8217;s fought the good fight in senior engineering positions at IONA Technologies and subsequently The TAS Group, but [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/walter-pic.jpg" alt="walter-pic"  /></p>
<p>Just three months ago <a href="http://www.contrast.ie/blog/welcome-to-contrast-darragh/">I announced that Darragh Curran had joined us full-time</a> and today I&#8217;m thrilled to report that Walter McConnell has come aboard too. Like Darragh, Walter has a wealth of experience in software engineering. He&#8217;s fought the good fight in senior engineering positions at IONA Technologies and subsequently The TAS Group, but since July he&#8217;s been working hard alongside Darragh to keep <a href="http://getexceptional.com/">Exceptional</a> (our rapidly growing app monitoring product) in shape, as well as with our clients on a few exciting projects. I speak for everyone in the company when I say we&#8217;re delighted to have him on-board!</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/ACxgZnxLtr4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/welcome-to-contrast-walter/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/welcome-to-contrast-walter/</feedburner:origLink></item>
		<item>
		<title>The magic of thinking big</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/w1Z-W7_ISPE/</link>
		<comments>http://www.contrast.ie/blog/the-magic-of-thinking-big/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 15:34:45 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=907</guid>
		<description><![CDATA[Imagine you&#8217;re a 22-year-old kid living in Belfast, a tiny city in a tiny country in a big bad world that&#8217;s never heard of you. The big web conferences ignore your town because, well, they&#8217;re too busy being big and hitting-up the big cities. So what do you do? Suck it up like the rest [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/big-build-logo2.jpg" alt="big-build-logo2" /></p>
<p>Imagine you&#8217;re a 22-year-old kid living in <a href="http://en.wikipedia.org/wiki/Belfast">Belfast</a>, a tiny city in a tiny country in a big bad world that&#8217;s never heard of you. The big web conferences ignore your town because, well, they&#8217;re too busy being big and hitting-up the big cities. So what do you do? Suck it up like the rest of us and accept the small town life of a small time kid? Or stick it to big conferences and hold an even bigger one?</p>
<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/11/build-logo-2.jpg" alt="build-logo-2" /></p>
<p>If you haven&#8217;t heard of <a href="http://twitter.com/goodonpaper">Andy McMillan</a>, you will. He&#8217;s that kid that&#8217;s holding that conference in Belfast this week and he&#8217;s calling it <a href="http://buildconference.com/">Build</a>. It&#8217;s got a better line-up than any web developer event I&#8217;ve ever heard of, anywhere in the world.</p>
<p>Andy has absolutely no right to run Build: he&#8217;s never held a conference in his life, he&#8217;s only out of college and he&#8217;s a &#8220;nobody&#8221;. But Andy thought big—really big—and did it anyway.</p>
<p>All too often we&#8217;re sabotaged by our less-than-fantastic self-belief. We&#8217;re not smart enough, not brave enough, too young, too old, not funny, funny looking, can&#8217;t write, can&#8217;t design&#8230; All of these little doubts swim about our conscious and hold us back.</p>
<p>There&#8217;s a corny-but-still-worth-a-read book by the same title of this post written by David J. Schwartz. Schwartz advises:</p>
<blockquote><p>Believe it can be done. When you believe something can be done, really believe, your mind will find the ways to do it. Believing a solution paves the way to solution.</p></blockquote>
<p>The idea that thinking big and believing in yourself can help you succeed is so clichéd and obvious that I feel awkward writing a post about it. Yet I don&#8217;t know a single ambitious person that couldn&#8217;t benefit from taking that advice seriously.</p>
<p>Your Build might be a great agency, a successful web app or it might be speaking at major event or meeting your hero. Whatever it is, don&#8217;t be held back by your self-doubt because there&#8217;s an Andy McMillan somewhere that&#8217;ll happily do it before you.</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/w1Z-W7_ISPE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/the-magic-of-thinking-big/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/the-magic-of-thinking-big/</feedburner:origLink></item>
		<item>
		<title>A cloud of robots</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/9ciMCpvgxOg/</link>
		<comments>http://www.contrast.ie/blog/a-cloud-of-robots/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 11:20:23 +0000</pubDate>
		<dc:creator>Darragh Curran</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=870</guid>
		<description><![CDATA[I&#8217;m a big fan of Google App Engine. It&#8217;s like a cloud of hard working robots. You write applications, within sensible constraints. Google does all the hard work.
As food for thought on what you can achieve with so little effort on App Engine, here&#8217;s a 40 line app that will send and receive email over [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/10/robot-cloud.jpg" alt="Cloud made of robots" title="robot-cloud" width="630" height="360" /></p>
<p>I&#8217;m a big fan of <a href="http://code.google.com/appengine/">Google App Engine</a>. It&#8217;s like a cloud of hard working robots. You write applications, within sensible constraints. Google does all the hard work.</p>
<p>As food for thought on what you can achieve with so little effort on App Engine, here&#8217;s a <a href="http://github.com/darragh/appengine-email-gateway-example">40 line app</a> that will send and receive email over HTTP. Building an email gateway is a simple problem that&#8217;s hard to do well and tricky to scale. App engine makes it cheap and easy.</p>
<p><strong>Can your cloud haz robots?</strong></p>
<p>Image is derived from a logo <a href="http://www.android.com/goodies/">shared by Google</a> using the <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons 3.0 Attribution License</a></p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/9ciMCpvgxOg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/a-cloud-of-robots/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/a-cloud-of-robots/</feedburner:origLink></item>
		<item>
		<title>Let God in</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/b-kujs8UUQk/</link>
		<comments>http://www.contrast.ie/blog/let-god-in/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 00:24:21 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Embed]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=850</guid>
		<description><![CDATA[Jay-Z is one of my all-time heroes. Certainly parts of his story conflict with that of your typical role-model: as a high-school dropout he sold crack before he began his music career. But his ambition, work ethic, quest for perfection and sheer talent—never-mind his wild success—is inspiring.
If you know anything about hip-hop, you&#8217;ll know humility [...]]]></description>
			<content:encoded><![CDATA[<p><object width="630" height="500"><param name="movie" value="http://www.youtube.com/v/XWEq5TwxVqc&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XWEq5TwxVqc&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="630" height="500"></embed></object></p>
<p>Jay-Z is one of my all-time heroes. Certainly parts of his story conflict with that of your typical role-model: as a high-school dropout he sold crack before he began his music career. But his ambition, work ethic, quest for perfection and sheer talent—never-mind his wild success—is inspiring.</p>
<p>If you know anything about hip-hop, you&#8217;ll know humility is scarce amongst rappers; but even <a href="http://www.youtube.com/watch?v=XWEq5TwxVqc#t=1m53s">Jay-Z is humble enough to admit</a> that his magic is not just the product of his hard-work, persistence and skill.</p>
<blockquote><p>I can&#8217;t explain it to y&#8217;all, man&#8230; They say you put the right artist with the right track in the studio, leave the door cracked, and let God in.</p></blockquote>
<p>This reminds me of a lovely idea from Elizabeth Gilbert <a href="http://www.ted.com/talks/elizabeth_gilbert_on_genius.html">who spoke this year at TED about nurturing creativity</a>.</p>
<p><object width="630" height="460"><param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf"></param><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent"></param><param name="bgColor" value="#ffffff"></param><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/ElizabethGilbert_2009-medium.flv&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/ElizabethGilbert_2009.embed_thumbnail.jpg&#038;vw=616&#038;vh=374&#038;ap=0&#038;ti=453&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=elizabeth_gilbert_on_genius;year=2009;theme=the_creative_spark;theme=speaking_at_ted2009;theme=words_about_words;event=TED2009;&#038;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="630" height="460" allowFullScreen="true" flashvars="vu=http://video.ted.com/talks/dynamic/ElizabethGilbert_2009-medium.flv&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/ElizabethGilbert_2009.embed_thumbnail.jpg&#038;vw=616&#038;vh=374&#038;ap=0&#038;ti=453&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=elizabeth_gilbert_on_genius;year=2009;theme=the_creative_spark;theme=speaking_at_ted2009;theme=words_about_words;event=TED2009;"></embed></object></p>
<p>Elizabeth believes—as too, she says, The Greeks and The Romans did—that true creativity cannot be engineered, but rather comes from some ungovernable or even &#8220;divine&#8221; source. She says that Socrates &#8220;believed that he had a daemon who spoke wisdom to him from afar.&#8221;</p>
<p>Call it God, magic, fortune or simply the sum of the variables you cannot understand or control, but know that your very best work cannot be scheduled of produced on-demand. You&#8217;ve got to be patient, you&#8217;ve got to try and try again and you&#8217;ve got to let God in.</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/b-kujs8UUQk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/let-god-in/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/let-god-in/</feedburner:origLink></item>
		<item>
		<title>Tacit knowledge and ninjas</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/cFslznZnr8c/</link>
		<comments>http://www.contrast.ie/blog/tacit-knowledge-and-ninjas/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 23:12:37 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=835</guid>
		<description><![CDATA[In London last week, Des and I were late for a train. &#8220;Victoria Station, please&#8221;, I shouted, but the taxi driver was in gear and en route before I had finished the first syllable. But just as quickly, she stopped, reversed her cab, and began again in an altogether different direction. &#8220;That way will be [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/ninja-pricks.jpg" alt="ninja-pricks" /></p>
<p>In London last week, Des and I were late for a train. &#8220;Victoria Station, please&#8221;, I shouted, but the taxi driver was in gear and en route before I had finished the first syllable. But just as quickly, she stopped, reversed her cab, and began again in an altogether different direction. &#8220;That way will be very busy tonight&#8221;, she said.</p>
<p>According to Baker in Pricing on Purpose:</p>
<blockquote><p>The majority of the most important knowledge in any field or endeavour, be it sports, entertainment, or business, is tacit knowledge&#8230; This form of knowledge is extremely difficult to articulate and relatively expensive to transfer, often travelling only through apprenticeship and trial and error.</p></blockquote>
<p>Tacit knowledge is everything a GPS device can&#8217;t hold. It&#8217;s everything not in a Ruby on Rails reference book. It can&#8217;t be found on this blog or even in a Computer Science degree course, nevermind a set of top-20 posts.</p>
<p>If excellence is a thing you do every day, tacit knowledge is a thing you pick up every day. It&#8217;s the thing that big and little mistakes and big and little successes teach you. In software, it&#8217;s the experience of doing software over time.</p>
<p>Don&#8217;t be seduced by inexperienced developers that call themselves ninjas; knowing how to program isn&#8217;t even half the battle. (And anyway, ninjas are the guys that run around in costumes with swords and stuff.)</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/cFslznZnr8c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/tacit-knowledge-and-ninjas/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/tacit-knowledge-and-ninjas/</feedburner:origLink></item>
		<item>
		<title>Try to shut up</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/q9r8uwY5ZAk/</link>
		<comments>http://www.contrast.ie/blog/try-to-shut-up/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 20:54:15 +0000</pubDate>
		<dc:creator>Eoghan McCabe</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=820</guid>
		<description><![CDATA[Tests done since 1933 show that people who talk about their intentions are less likely to make them happen. Announcing your plans to others satisfies your self-identity just enough that you&#8217;re less motivated to do the hard work needed.
This discovery, written about by Derek Sivers (who Des and I will have the great pleasure of [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Tests done since 1933 show that people who talk about their intentions are less likely to make them happen. Announcing your plans to others satisfies your self-identity just enough that you&#8217;re less motivated to do the hard work needed.</p></blockquote>
<p>This discovery, <a href="http://sivers.org/zipit">written about by Derek Sivers</a> (who Des and I will have the great pleasure of sharing a stage with at <a href="http://lessconf.com/">LessConf</a>), fascinates me.</p>
<p>I understand the urge: that new and sexy idea-turning-reality is just too exciting not to share; I frequently blab about our projects with friends. But there&#8217;s a far more serious and damaging level to which many take it. I know people that describe in glorious detail their app / site / company, only for it never to see the light of day. They register the domain alright, but beyond that, the rest is but a dream.</p>
<blockquote><p>To sleep, perchance to dream.</p></blockquote>
<p>Hamlet worries about what dreams may come after his suicide, but oftentimes shared dreams are suicide themselves. So I suggest you try the opposite: shut up and get busy. There&#8217;s nothing sweeter than sharing a secret worth sharing. I&#8217;ve experienced this with quite a few of the apps I&#8217;ve worked on and it&#8217;s a pleasure. But wait until you see the next app!</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/q9r8uwY5ZAk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/try-to-shut-up/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/try-to-shut-up/</feedburner:origLink></item>
		<item>
		<title>Blooming hell</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/F-zJpGhBBAM/</link>
		<comments>http://www.contrast.ie/blog/blooming-hell/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 10:41:54 +0000</pubDate>
		<dc:creator>Des Traynor</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=809</guid>
		<description><![CDATA[In 1956 the educational psychologist Benjamin Bloom released a book that changed education, and curriculum design worldwide. He presented a taxonomy of educational objectives, aiming for a more holistic education for students. Bloom&#8217;s work,  specifically his cognitive hierarchy,  laid the foundation for a lot of educational reform. Bloom argued there are six levels [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/bloomforblog.png" alt="Bloom for Blog" title="Bloom for Blog"  /></p>
<p>In 1956 the educational psychologist Benjamin Bloom released a book that changed education, and curriculum design worldwide. He presented a <a href="http://en.wikipedia.org/wiki/Bloom%27s_Taxonomy">taxonomy of educational objectives</a>, aiming for a more holistic education for students. Bloom&#8217;s work,  specifically his cognitive hierarchy,  laid the foundation for a lot of educational reform. Bloom argued there are six levels of domain expertise, and his concern was that education systems at the time were rooted firmly on knowledge, the lowest level. Anyone who has ever had to memorize information for an exam would agree. </p>
<p>The objectives are a hierarchy showing your ability with a specific domain. Informally you can think of them like this&#8230;</p>
<ul>
<li><strong>Knowledge</strong> &mdash;  The ability to recite lists, rules, formulas, specific facts. </li>
<li><strong>Comprehension</strong> &mdash; The ability to understand the reasoning behind said rules/facts, and translate and re-state where necessary</li>
<li><strong>Application</strong> &mdash; The ability to apply acquired knowledge in new situations to produce solutions</li>
<li><strong>Analysis</strong> &mdash; The ability to recognize patterns, question reasoning, distinguish facts from inferences.  </li>
<li><strong>Synthesis</strong> &mdash; The ability create new knowledge, methods, formulas, based analysis of problems.  </li>
<li><strong>Evaluation</strong> The ability to create multiple solutions and select the most effective in a given situation </li>
</ul>
<p>When I was a full time researcher in  Computer Science education, this taxonomy helped me gauge the effectiveness of exams. At the time most programming exams focussed on knowledge (e.g. &#8220;how do you get the length of a string&#8221;), or the marking system rewarded rote-learning (e.g. &#8220;+5% for a for-loop, +15% for an if-statement&#8221;). Looking at exam with these objectives in mind helps highlight problems. It can be also very useful when interviewing candidates claiming to have expertise in an area. </p>
<p>These days the taxonomy helps me in other ways. </p>
<h2>What level to work at</h2>
<p>
User Experience designers should see parallels here between the levels they are required to work at in a given project, and the level of knowledge they get to use. For example &#8220;Make this sign-up form usable&#8221; is usually just the application of a few rules, whereas &#8220;Help my business gain more customers&#8221; requires the ability to generate multiple ideas and evaluate which is most suitable for this challenge.
</p>
<p>When working for clients I know I&#8217;m far more effective when working at the synthesis and analysis levels than when I&#8217;m lining up text boxes, and stacking radio buttons to make an already broken form a little less painful. My mentor <a href="http://www.cognitivefriction.net/">John Wood</a> used to call this type of work &#8220;painting the corpse&#8221;.</p>
<h2>Tips &#8216;n&#8217; tricks</h2>
<p>Eoghan recently posted about <a href="http://www.contrast.ie/blog/300-tips-from-machiavelli-on-advice/">his issues with lists</a> that promise to make you a better designer. I agree with him. I have no problem with check lists that serve as a memory aid, but these are a different sort to what is usually seen online. </p>
<p>I have issues with the usual &#8220;X ways to do Y&#8221; style lists, because at best they offer primitive knowledge that people rote learn, turning them into drones who say &#8220;Use gradient for modern effect. Always center your layout. Always use sans-serif fonts. Red is a good call to action colour&#8221;. And at worst they&#8217;re just bullshit begging for a Digg. </p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/F-zJpGhBBAM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/blooming-hell/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/blooming-hell/</feedburner:origLink></item>
		<item>
		<title>“Wait for me” said Spidermonkey</title>
		<link>http://feedproxy.google.com/~r/contrast/blog/~3/eUTthJhcTV4/</link>
		<comments>http://www.contrast.ie/blog/wait-for-me-said-spidermonkey/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 08:44:00 +0000</pubDate>
		<dc:creator>Darragh Curran</dc:creator>
		
		<category><![CDATA[Post with image]]></category>

		<guid isPermaLink="false">http://www.contrast.ie/blog/?p=750</guid>
		<description><![CDATA[User experience is improved by fast loading pages. One technique is to load your javascripts at the bottom of the page. Javascript at the top of a page delays the downloading of images/css and delays the rendering of the page. Bikin Chiu points out how the delay can be longer on mobile devices, where download [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/thespidermonkey.jpg" alt="Spider Monkey" title="Spider Monkey" width="630" height="360" class="alignnone size-full wp-image-790" /></p>
<p>User experience is improved by fast loading pages. One technique is to <a href="http://developer.yahoo.com/performance/rules.html#js_bottom">load your javascripts at the bottom of the page</a>. Javascript at the top of a page delays the downloading of images/css and delays the rendering of the page. Bikin Chiu points out how the delay can be <a href="http://googlecode.blogspot.com/2009/09/gmail-for-mobile-html5-series-reducing.html">longer on mobile devices</a>, where download and execution is slower. Pushing javascript to the bottom of the page allows rendering to happen sooner, <a href="http://stevesouders.com/examples/move-scripts.php" target="_blank">illustrated here</a>. </p>
<p>Loading javascript last does have some drawbacks though. Your page might look loaded, but only work properly when all the javascript has executed. Lets look at some examples and another approach to work with this technique.</p>
<h2>Example: twitter.com</h2>
<p>On twitter&#8217;s redesigned homepage, clicking the login link causes a login form to pop-out - without loading another page.</p>
<p><img class="alignnone size-full wp-image-755" title="twitter-login-good" src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/twitter-login-good.png" alt="twitter-login-good" width="630" height="333" /></p>
<p>A few times that I&#8217;ve clicked the login link &#8216;too quickly&#8217; and instead of the nice pop-out form it loaded the old login page.</p>
<p><img class="alignnone size-full wp-image-754" title="twitter-login-bad" src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/twitter-login-bad.png" alt="twitter-login-bad" width="630" height="304" /></p>
<p>This is frustrating because by being fast I&#8217;m penalised with a page reload. How do I know when it&#8217;s ok to click? The real answer is, not at least until DOMContentLoaded is fired&#8230;</p>
<p><img class="alignnone size-full wp-image-752" title="net-panel-twitter" src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/net-panel-twitter.png" alt="net-panel-twitter" width="630" height="187" /></p>
<p>Any page that doesn&#8217;t cleanly degrade in the absence of javascript could have problems just after page rendering, momentarily behaving as if javascript is disabled.</p>
<p>Google&#8217;s approach with GMail is to wait until everything is loaded before showing the main interface.</p>
<p><img class="alignnone size-full wp-image-751" title="google-loading" src="http://www.contrast.ie/blog/wp-content/uploads/2009/09/google-loading.png" alt="google-loading" width="630" height="142" /></p>
<p>Facebook engineers <a href="http://www.facebook.com/note.php?note_id=122869103919">tested a comparison</a> between keeping the page blank until all javascript is loaded (similar to the GMail approach), and rendering a page earlier with a brief period when links may do nothing. They saw lower &#8216;usage statistics&#8217; for the blank page option - hence settled on the render early approach.</p>
<h2>A hybrid approach</h2>
<p>What about rendering the page as quickly as possible, and defer handling clicks until all javascript has loaded? What if we &#8216;wait for <a href="http://en.wikipedia.org/wiki/SpiderMonkey_%28JavaScript_engine%29">Spidermonkey</a>&#8216;. I created a quick experiment, that registers a listener for click events, and replays the last click once the document is ready (all scripts loaded). In the twitter example this would mean a small delay but eventually showing the pop-out form.</p>
<p>Try it out in this <a href="http://www.contrast.ie/blog/wp-content/uploads/2009/09/theexample.html" target="_blank">exaggerated example</a>. The link doesn&#8217;t respond until a 5 second delay. (I haven&#8217;t made this work in IE yet - can you? <a href="http://gist.github.com/183593">Fork this gist</a>).</p>
<p>Is this better or worse? Seen as the window of misopportunity should be small, I think this is an improvement. Clicking a link will have a delay anyway, if we wait until javascript is loaded then the action will be the intended one, not some degradation. However I don&#8217;t like that users get no feedback, from the web page, or the browser, that something will happen, or when it will happen. What do you think?</p>
<p>Title photo: <a href="http://www.flickr.com/photos/oter/3707796830/">jcoterhals</a>.</p>
<img src="http://feeds.feedburner.com/~r/contrast/blog/~4/eUTthJhcTV4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.contrast.ie/blog/wait-for-me-said-spidermonkey/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.contrast.ie/blog/wait-for-me-said-spidermonkey/</feedburner:origLink></item>
	</channel>
</rss>
