<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
  <title>Jon Hadley on scriptogr.am</title>
  <link>http://jon-hadley.com</link>
  <description>Digital Magpie.</description>
  <pubDate>2013</pubDate>
 
  <item>
    <title>Step aside Twitter?</title>
    <pubDate>Wed, 10 Oct 2012 09:45:00 -0400</pubDate>
    <link>http://jon-hadley.com/post/step-aside-twitter</link>
    <guid>http://jon-hadley.com/post/step-aside-twitter</guid>     
    <description><![CDATA[<p>As <a href="http://www.twitter.com">Twitter's</a> well publicised and <a href="http://www.theverge.com/2012/9/6/3295059/twitter-api-v1-1-release">painful move</a> into grown up profitability gathers pace, a number of competitors to them (<em>and</em> <a href="http://www.facebook.com">Facebook</a>) have sprung up.</p>

<p>Two in particular deserve more than a cursory glance:</p>

<h2>App.net</h2>

<p><a href="http://app.net">App.net</a> - inspired by the interest in founder Dalton Caldwell's blog post <a href="http://daltoncaldwell.com/what-twitter-could-have-been">'What Twitter could have been'</a> - released to a flurry of interest. Not least because of it's initially 'high' membership cost of $50, but also the founders pretty <a href="http://www.huffingtonpost.com/2012/08/02/appnet-facebook-dalton-caldwell_n_1734991.html">abrasive relationship</a> with Facebook.</p>

<p>Despite the fact that it guaranteed a lack of advertising, many took issue with App.net's membership price and implied <a href="http://www.kernelmag.com/comment/column/3086/social-medias-reverse-gentrification/">‘reverse gentrification’</a>.</p>

<p>Regardless, it's membership has grown to 20,000+ members and it easily hit it's $500,000 crowd-funding target.</p>

<h2>Tent</h2>

<p>Personally I'm more interested by the fully decentralised <a href="http://www.tent.io/">Tent</a> service, which takes a different approach and aims to not just replace <a href="http://www.twitter.com">Twitter</a>, but become <strong>the</strong> protocol for social networking.</p>

<p><img src="http://www.siftdigital.co.uk/sites/default/files/tent.png" alt="Tent Image" /></p>

<p>Most exciting (for a fully paid up geek like me at least!) is the fact that the <a href="http://www.tent.io/">Tent</a> protocol - expanding on <a href="https://tent.io/blog/remix-culture">remix culture</a> - can be extended to your own niche needs. Want to include streaming video and maps in your 1024 character status post? No problem, just <a href="http://tent.io/docs">expand the API</a> and release on your server.</p>

<p>It's also entirely possible to run a <a href="http://www.tent.io/">Tent</a> server as a hidden service, making it even harder for oppressive regimes to silence critics online.</p>

<p><a href="http://www.tent.io/">Tent</a> is a protocol - anyone can run a server, and so run a service. It could be ad-supported or not, the possibilities are up to the individual developers. As Tent puts it: <em>"Tent needs you, not your money."</em></p>

<p>My <a href="https://jonhadley.tent.is">profile</a> is available via the one-click Tent hosting service <a href="https://tent.is">Tent.is</a>  - but it's pretty empty - hinting at some initial problems both services will face.</p>

<h2>Whoaa there…</h2>

<p>Whilst the average punter is increasingly net-savvy, most don't have the time, or inclination, to make a bet on a <em>third</em> social network. Also, cross posting via services such as <a href="http://ifttt.com">ifttt.com</a>, is ironically made much more difficult by Twitter's hardened <a href="http://www.theverge.com/2012/9/20/3364888/ifttt-disables-twitter-triggers">policies</a>.</p>

<p><a href="http://www.facebook.com/">Facebook</a> &amp; <a href="http://www.twitter.com/">Twitter</a> aren't going to disappear overnight. Neither indeed, is the elephant in the room, <a href="http://plus.google.com/">Google+</a> and do you remember the equally hyped, now struggling <a href="http://www.theverge.com/2012/10/8/3472588/diaspora-social-network-history">Diaspora</a>? Thought not.</p>

<p>However, it's interesting to see how quickly developer (and eventually public) opinion can shift against seemingly permanently entrenched market leaders.</p>

<hr />

<h3>Update</h3>

<p>As of February 25, 2013, App.net <a href="http://blog.app.net/2013/02/25/introducing-a-free-tier/">now offers free accounts</a> (with restrictions). The always insightful Marco Arment has an <a href="http://www.marco.org/2013/02/25/adn-freemium">interesting take</a> on the about-face.</p>
]]></description>
  </item>
 
  <item>
    <title>SASS - Dynamic CSS finally arrives</title>
    <pubDate>Fri, 27 Apr 2012 10:38:00 -0400</pubDate>
    <link>http://jon-hadley.com/post/sass-dynamic-css-finally-arrives</link>
    <guid>http://jon-hadley.com/post/sass-dynamic-css-finally-arrives</guid>     
    <description><![CDATA[<p>"Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin." - Via <a href="http://sass-lang.com/">Sass-lang.com</a></p>

<p><a href="http://www.siftdigital.co.uk">We've</a> recently been using <a href="http://sass-lang.com/">Sass</a> in <a href="http://drupal.org/">Drupal 7</a> via the base theme <a href="http://drupal.org/project/sasson">Sasson</a>.</p>

<p><a href="http://drupal.org/project/sasson">Sasson</a> deserves a blog post of it's own - it's got many useful, non <a href="http://sass-lang.com/">Sass</a> features to speak of. Most importantly though, it does just enough, without getting in your way, or isolating too many settings to the admin interface. The project maintainers in particular, are refreshingly <a href="http://drupal.org/project/issues/sasson?status=All&amp;categories=All">open and responsive</a>.</p>

<p>But, <strong>what's so great about <a href="http://sass-lang.com/">Sass</a></strong>, particularly in a real-world agency environment?  I'm not going to cover everything - refer to SASS's <a href="http://sass-lang.com/docs.html">great documentation</a> for that but let's dive into some examples of it's major features, from a real world, recently completed project:</p>

<h2>Variables</h2>

<pre class="prettyprint"><code>$background: #fff;
$body-text: #000;
$standard-padding: 30px;
$standard-line-width: 2px;
$block-width: 980px;
</code></pre>

<p>By far the quickest and most obvious time savers are variables. Most large websites will end up duplicating certain standard brand colours, text sizes and padding widths etc. across the site.</p>

<p>Not only is it tiresome to re-write these every single time (to the point where I dream about the hex codes for projects built 6 years ago), it's also prone to human error when the inevitable re-brand takes place and you have to search and replace each value.</p>

<p>Having these variables in a single, easy to read file, also has the knock on effect of making sure you <a href="http://en.wikipedia.org/wiki/Don't_repeat_yourself">Don't Repeat Yourself</a>, as you'll very quickly pick up on duplications or unnecessary variations.</p>

<p>Moreover, once these variables are defined, it's incredibly easy to rebrand cookie cutter sites, by just swapping in new variable library files.</p>

<p>Even better, <a href="http://drupal.org/project/sasson">Sasson</a> can provide variables defined via it's Drupal admin page. This is particularly useful for responsive grid layouts.</p>

<pre class="prettyprint"><code>.views-row-odd{
    padding: [gutter-width] 0 [gutter-width] [gutter-width];
}
.views-row-even{
    padding: [gutter-width] [gutter-width] [gutter-width] 0;
}
</code></pre>

<h3>Operations on variables</h3>

<p>But what about variations on those standards? <a href="http://sass-lang.com/">Sass</a>  allows for that, and more. You can perform mathematic operations on previously defined variables:</p>

<pre class="prettyprint"><code>padding: $small-padding/2;
</code></pre>

<p>Even better, you can combine variables and operations. In the example below, I'm automagically catering for the extra space the padding will add to the width of the box</p>

<pre class="prettyprint"><code>width: $block-width-$small-padding*2;
</code></pre>

<h2>Mixins</h2>

<p>Mixins are similar to variables, but with multiple lines.</p>

<p>This is a commonly used font-face mixin of mine:</p>

<pre class="prettyprint"><code>@mixin font-gothic {
    letter-spacing: 0.015em;
    font-family: "alternate-gothic-no-2-d", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
</code></pre>

<p>Rather than repeat these 5 lines every time I want to include the custom font, I now just include the line as follows:</p>

<pre class="prettyprint"><code>h3 {
    font-size: 24px;
    @include font-gothic;
}
</code></pre>

<p>The time saving potential of Mixins are endless. They're particularly great at condensing multi-line CSS3 vendor prefixes down to one line.</p>

<h3>Mixins &amp; Arguments</h3>

<p>One of my favourite features of Mixin's is the ability to add arguments. Again, multi-line CSS3 effects, or cross browser fixes can easily be condensed to one liners. Consider the <a href="http://www.dustindiaz.com/min-height-fast-hack/">min-width hack</a>.</p>

<pre class="prettyprint"><code>@mixin minimum-width($min-width)  {
    min-height:$min-width;
    height:auto !important;
    height:$min-width;
}
</code></pre>

<p>In your scss file you can now just supply a pixel value and all the work is done for you:</p>

<pre class="prettyprint"><code>#navbar { 
    @include minimum-width(980px); 
}
</code></pre>

<h2>Nesting</h2>

<p>Once you've used it, you'll find it hard to look back from nesting. Traditional CSS just seems so bloated in comparison.</p>

<p>Two of my favourite time savers:</p>

<h3>Nested lists</h3>

<pre class="prettyprint"><code>ul li {
    list-style-type: circle;
    ul {
            padding-left: 1em;
        li {
                list-style-type: square;
            }
    }
}
</code></pre>

<h3>Link and hover states</h3>

<pre class="prettyprint"><code>a {
    &amp;:link,
    &amp;:visited {
            color: $body-link;
            text-decoration: none;
    }
}

a {
    &amp;:focus,
    &amp;:hover,
    &amp;:active {
        color: $body-text;
            text-decoration: underline;
    }
}
</code></pre>

<h2>Conclusion</h2>

<p>As the examples above should make clear, not only does <a href="http://sass-lang.com/">Sass</a> make CSS quicker, easier and dare I say it, more fun to create, especially in large CMS contexts; it also drags CSS kicking and screaming into the 21st century, finally adding the dynamic functions we've been afforded in every other language.</p>

<p>Indeed, The <a href="http://w3.org/">W3C</a> has taken note and a working draft for '<a href="http://dev.w3.org/csswg/css3-hierarchies/">CSS Hierarchies</a>' (think nesting) is gaining steam - well, <a href="http://w3.org/">W3C</a> steam at least, at the usual rate of change it will probably be ratified in 2064!</p>

<h3>What about LESS?</h3>

<p><a href="http://lesscss.org/">LESS</a> CSS (not the <a href="http://lessframework.com/">LESS Framework</a>) was influenced by <a href="http://sass-lang.com/">Sass</a> - in fact, <a href="http://sass-lang.com/">Sass</a>'s newer SCSS syntax was in turn added as a response to <a href="http://lesscss.org/">LESS</a> 's cleaner, reusable syntax.</p>

<p>We tried <a href="http://lesscss.org/">LESS</a>  on another project, before settling on <a href="http://sass-lang.com/">Sass</a>. To be honest, there's not a lot to choose between them. We just found the <a href="http://sass-lang.com/">Sass</a> compiler slightly easier to work with and the brilliant <a href="http://www.drupal.org">Drupal</a> integration offered by <a href="http://drupal.org/project/sasson">Sasson</a> was the final nail in the coffin.</p>
]]></description>
  </item>
 
  <item>
    <title>Interaction Conference 2012, Dublin</title>
    <pubDate>Fri, 17 Feb 2012 14:58:00 -0500</pubDate>
    <link>http://jon-hadley.com/post/interaction-conference-2012-dublin</link>
    <guid>http://jon-hadley.com/post/interaction-conference-2012-dublin</guid>     
    <description><![CDATA[<p>I attended the <a href="http://www.ixda.org/">IxDA</a>'s annual conference, <a href="http://interaction12.ixda.org/">IxD12</a>, for the first time at the beginning of February 2012.</p>

<p>The IxDA is a global network dedicated to the professional practice of Interaction Design. It encompasses, among others, UX, IA, graphic design and programming.</p>

<p>I've been to many conferences in the past, including dConstruct, various Carsonified FOWA's &amp; FOWD's (usually of varying quality) and quite a few geekier offerings (PloneCon, DrupalCon and the brilliant Yahoo! <a href="http://www.plasticbag.org/archives/2007/04/a_hack_for_europe/">HackDay</a>).</p>

<p>IxD12 was head and shoulders above any conference I've attended in the past, both in organisation and content. I found the variety of theoretical and practical advice on offer to be perfect.</p>

<p>The only downside was that I've visited Dublin many times before, but that's a minor quibble<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup>.</p>

<h2>Top 3 talks</h2>

<p>Over the coming weeks I hope to <strong>write up my extensive notes online</strong>, but my top 3 highlights of the many great talks were:</p>

<ul>
<li><p><a href="http://www.slideshare.net/Rachel_Hinman/the-mobile-frontier-11393284">The Mobile Frontier</a> - <a href="https://twitter.com/#!/hinman">Rachel Hinman</a> - An instantly useful talk regarding expanding trends in mobile. Tons of useful information in Rachel's slides that you can put in practise immediately.</p></li>
<li><p>Understanding Us: The Next Frontier - <a href="http://twitter.com/#!/dknemeyer">Dirk Knemeyer</a> - A slow burning talk, that really massaged my brain. Lots of his central points have stuck in my mind weeks later. (His slides aren't online yet, as far as I can tell. There's similar on <a href="http://www.slideshare.net/dknemeyer">slideshare.net</a> for now)</p></li>
<li><p><a href="http://abbytheia.wordpress.com/2012/02/04/ia_heuristics/">Does It Have Legs? Information Architecture Heuristics for Interaction Designers</a> - <a href="http://twitter.com/#!/abby_the_ia">Abby Covert</a> - Required reading for any UX/IA professional. Can't wait for the poster.</p></li>
</ul>

<h2>Trending Topics</h2>

<p>The recurring themes over the 3 days I attended seemed to be:</p>

<ul>
<li><p>Mobile is here and has been for a while. In fact, we should all be thinking <a href="http://www.amazon.co.uk/gp/product/0123820944/ref=as_li_ss_tl?ie=UTF8&amp;tag=mophosandphot-21&amp;linkCode=as2&amp;camp=1634&amp;creative=19450&amp;creativeASIN=0123820944">cross-channel</a> now.</p></li>
<li><p>We are all Cyborgs. <a href="http://cyborganthropology.com/What_is_Cyborg_Anthropolog">Cyborg Anthropology</a> - the study of human use of technology - is an increasingly important field.</p></li>
<li><p>Get ideas out of your head and into prototype as fast as possible. Their application will follow.</p></li>
<li><p>Exchange skills. All UX professionals should be able to code at some level.</p></li>
<li><p>Don't test in labs, test in the real world.</p></li>
</ul>

<div class="footnotes">
<hr />
<ol>

<li id="fn:1">
<p>Won't someone please send me to New Orleans for <a href="http://2012.iasummit.org/">IA Summit 2012</a>. :D&#160;<a href="#fnref:1" rev="footnote">&#8617;</a></p>
</li>

</ol>
</div>
]]></description>
  </item>
 
  <item>
    <title>Drafts/ideas</title>
    <pubDate>Sun, 08 Jan 2012 08:52:10 -0500</pubDate>
    <link>http://jon-hadley.com/post/draftsideas</link>
    <guid>http://jon-hadley.com/post/draftsideas</guid>     
    <description><![CDATA[<h1>Future blog post ideas</h1>

<p>iOS apps and games, thats my hobby now after all.</p>

<p>Crap iPad magazines. Why. Good magazines. Just look at ratings. Screenshot.</p>

<p>Review flash mirror with before and after pics.</p>

<p>Fitocracy review. Ticks all the boxes (social, runkeeper). But not impressed. Poor design. Fiddly.</p>

<p>Clean up and post some of my long build notes for servers</p>

<p>iTunes affilate scheme: http://www.apple.com/itunes/affiliates/resources/documentation/itunes-app-store-affiliate-program.html &lt;-- Go back and add links when approved</p>

<h1>Best to avoid formulas, but if stuck:</h1>

<ol>
<li><p>Lists
People love lists, and just about any kind of list is bound to attract traffic. Top 10 lists, 5 things not to do, 3 reasons I love something, etc. Start with a number then take it from there.</p></li>
<li><p>How-to
People love to find easy-to-follow instructions to help them accomplish a task. Whether you want to teach your readers how to throw the perfect curve ball or how to avoid getting bitten by a mosquito, the choice is yours.</p></li>
<li><p>Reviews
You can write a review of just about anything on your blog. Take a look at the following suggestions:</p></li>
</ol>

<p>Products
Websites
Books
Movies
Music
Restaurants
Hotels
The possibilities are nearly endless. Just think of something you've tried and write about your experience and thoughts.</p>

<ol>
<li><p>Photos
Post a photo (or photos) related to your blog topic.</p></li>
<li><p>Link Roundup
Write a post that includes a list of links to other blog posts that published great posts or to websites you like.</p></li>
<li><p>Current Events
What's going on in the world? Write a post about an interesting bit of news.</p></li>
<li><p>Tips
Write a post to share tips to help your readers accomplish something in an easier, faster or cheaper way.</p></li>
<li><p>Recommendations
Share recommendations for your favorite books, websites, movies or other "favorites" related to your blog topic.</p></li>
<li><p>Interviews
Interview a prominent figure or expert in your blog topic then publish a blog post about it.</p></li>
<li><p>Polls
Register for an account with a site like PollDaddy.com then publish a poll related to your blog topic in one of your blog posts.</p></li>
</ol>
]]></description>
  </item>
 
  <item>
    <title>Drafts/markdown-cheatsheet</title>
    <pubDate>Fri, 06 Jan 2012 06:48:37 -0500</pubDate>
    <link>http://jon-hadley.com/post/draftsmarkdown-cheatsheet</link>
    <guid>http://jon-hadley.com/post/draftsmarkdown-cheatsheet</guid>     
    <description><![CDATA[<p>Markdown Cheat Sheet</p>

<p>via http://warpedvisions.org/projects/markdown-cheat-sheet/</p>

<h1>Header 1</h1>

<h2>Header 2</h2>

<h3>Header 3 ###             (Hashes on right are optional)</h3>

<h4>Header 4</h4>

<h5>Header 5</h5>

<h2 id="id-goes-here">Markdown plus h2 with a custom ID</h2>

<p><a href="#id-goes-here">Link back to H2</a></p>

<p>This is a paragraph, which is text surrounded by whitespace. Paragraphs can be on one 
line (or many), and can drone on for hours.</p>

<p>Here is a Markdown link to <a href="http://warpedvisions.org">Warped</a>, and a literal . 
Now some SimpleLinks, like one to [google] (automagically links to are-you-
feeling-lucky), a [wiki: test] link to a Wikipedia page, and a link to 
[foldoc: CPU]s at foldoc.</p>

<p>Now some inline markup like <em>italics</em>,  <strong>bold</strong>, and <code>code()</code>. Note that underscores in 
words are ignored in Markdown Extra.</p>

<p><img src="/images/photo.jpeg" alt="picture alt" title="Title is optional" /></p>

<blockquote>
  <p>Blockquotes are like quoted text in email replies</p>
  
  <blockquote>
    <p>And, they can be nested</p>
  </blockquote>
</blockquote>

<ul>
<li>Bullet lists are easy too</li>
<li>Another one</li>
<li>Another one</li>
</ul>

<ol>
<li>A numbered list</li>
<li>Which is numbered</li>
<li>With periods and a space</li>
</ol>

<p>And now some code:</p>

<pre class="prettyprint"><code>// Code is just text indented a bit
which(is_easy) to_remember();
</code></pre>

<pre><code><br />// Markdown extra adds un-indented code blocks too

if (this_is_more_code == true &amp;&amp; !indented) {
    // tild wrapped code blocks, also not indented
}

</code></pre>

<p>Text with<br />
two trailing spaces<br />
(on the right)<br />
can be used<br />
for things like poems</p>

<h3>Horizontal rules</h3>

<hr />

<h2>****</h2>

<div class="custom-class">

<p>This is a div wrapping some Markdown plus.  Without the DIV attribute, it ignores the 
block.</p>

</div>

<h2>Markdown plus tables</h2>

<table>
<thead>
<tr>
  <th>Header</th>
  <th>Header</th>
  <th align="right">Right</th>
</tr>
</thead>
<tbody>
<tr>
  <td>Cell</td>
  <td>Cell</td>
  <td align="right">$10</td>
</tr>
<tr>
  <td>Cell</td>
  <td>Cell</td>
  <td align="right">$20</td>
</tr>
</tbody>
</table>

<ul>
<li>Outer pipes on tables are optional</li>
<li>Colon used for alignment (right versus left)</li>
</ul>

<h2>Markdown plus definition lists</h2>

<dl>
<dt>Bottled water</dt>
<dd>$ 1.25</dd>

<dd>$ 1.55 (Large)</dd>

<dt>Milk</dt>
<dt>Pop</dt>
<dd>$ 1.75</dd>
</dl>

<ul>
<li>Multiple definitions and terms are possible</li>
<li>Definitions can include multiple paragraphs too</li>
</ul>
]]></description>
  </item>
 
  <item>
    <title>The Beauty of Digital: New technologies, old aesthetics and where the two meet</title>
    <pubDate>Fri, 06 Jan 2012 00:00:00 -0500</pubDate>
    <link>http://jon-hadley.com/post/the-beauty-of-digital-new-technologies-old-aesthetics-and-where-the-two-meet</link>
    <guid>http://jon-hadley.com/post/the-beauty-of-digital-new-technologies-old-aesthetics-and-where-the-two-meet</guid>     
    <description><![CDATA[<blockquote>
  <p>"There's no either/or anymore - digital is part of our creative lives, creating new possibilities and opportunities. But does that mean pre-digital knowledge, expertise and aesthetics are redundant, or is something much more interesting happening as old and new come together in the mix?"</p>
</blockquote>

<p>I attended this <a href="http://www.watershed.co.uk/whatson/3263/new-technologies-old-aesthetics-and-where-the-two/">brilliant panel</a> at the Pervasive Media Studio, The Watershed, Bristol (here's a great <a href="http://www.pmstudio.co.uk/news/2012/01/26/the-beauty-digital-new-technologies-old-aesthetics-and-where-two-meet">supporting blog</a> post).</p>

<p>Much of my enjoyment came from the wide variety of expertise on offer from the speakers:</p>

<h2>Jonathan Waring - Self confessed type nerd</h2>

<p><a href="http://twitter.com/#!/waringdesign">Jonathan</a>, Creative Director, <a href="http://www.3sixty.co.uk/about-us/jon-waring">3Sixty</a>, came from a pre-digital, traditional publishing background, to the extent that the punishment of his first employer in Germany was to force him to painstakingly lay-out, on a letterpress, a poster for a local company - a task that took 4 days.</p>

<p>His central point was based around this experience - perhaps, with the technology currently at our disposal, we are far too quick to dive into <em>creating,</em> without properly considering our approach and taking time.</p>

<p>I didn't buy into this completely, a bad designer is a bad designer whatever their method. But it did ring true with Ben Bodien's <a href="http://24ways.org/2011/crafting-the-front-end">article for 24 ways</a>, suggesting that Web Development is becoming a craft and we should build and hone our tools and techniques over time.</p>

<h2>David McGoran, Roboticist, Puppeteer &amp; Dancer</h2>

<p>David's talk (he's from <a href="http://rustysquid.org.uk/">Rusty Squid</a> a Bristol based collective) was my favourite of the panel, if only because the (frustratingly quick) flash of his <a href="http://www.engadget.com/2008/07/30/heart-robot-loves-to-be-hugged-express-emotions/">Heart Robot</a> tugged at my heart strings - as I'm sure he intended.</p>

<p>David's argument, passionately put, was that we are base, emotional animals and that technology developers would do well to remember this. Although, how to do this, with emotionless computer screens is a challenge. The Gamificaiton approach is a blunt tool to harness our dopamine rush. But he still made me want to get my Arduino out and make something real.</p>

<p>His talk included illustrations of dancers and performers from the 17-1900's, many of whom developed neutral masks or covers for their faces and expressed all of their emotions through their body and pose. Many robotics engineers, would do well to look back at the library of images these early pioneers created, detailing each and every approach for expressing meaning or emotion.</p>

<p>Another great tangent he explored, was how the technology of Greek Theater was often decades ahead of the military technology of the time. Yet now, performance technology is little more than high definition 3D displays.</p>

<p>One centrally agreed point of the night, from David's talk, is that much of the non-digital technology that <strong>is</strong> dying, is actually not as old as we think.</p>

<p>Do we really care about the death of newspapers? After all Martin Luther was an <a href="http://www.economist.com/node/21541719">avid tweeter 500 years ago</a>.</p>

<h2>Baldur Bjarnason - PhD subject: eBooks and interactivity</h2>

<p>I learned a lot from <a href="http://twitter.com/#!/fakebaldur">Baldur</a>, including the real origin of the phrase "You can't tell a book from it's cover".</p>

<p>In fact books never had designed covers before <em>mass</em> production, for the unwashed <em>masses</em>, came along. Before that, rich society types had their books binded individually and decorated to their tastes.</p>

<p>Baldur also expressed his dislike of the ever popular grid systems and it's modern day equivalent - the Windows Phone 7 <a href="http://en.wikipedia.org/wiki/Metro_Design_Language/">Metro design language</a>. Both systems that have taken the emotion and fun out of design, whilst trying to keep a standard blank playing field for all users.</p>

<p>His argument was that Apple products were so loved, because they chose to embrace emotion in design - people enjoy them (Although, personally I find their recent skeuomorphism trend slightly jarring).</p>

<p>Finally, he mentioned many interesting developments in the eBooks arena, the subject of his PhD thesis. Many sounded very useful - standardised hash tags for each page of a book for example - but it couldn't help but remind me of of Nicholas Carr's key arguments in '<a href="http://www.amazon.co.uk/gp/product/1848872259/ref=as_li_ss_tl?ie=UTF8&amp;tag=mophosandphot-21&amp;linkCode=as2&amp;camp=1634&amp;creative=19450&amp;creativeASIN=1848872259">The Shallows</a>': we are meant to be reading and consuming information in considered isolation, not skimming the surface and exploring tangents on Wikipedia every 2 minutes.</p>

<h2>Simon Johnson - Game Designer</h2>

<p>I'm a big fan of <a href="https://twitter.com/#!/donnyBronson">Simon Johnson</a>, <a href="http://slingshoteffect.co.uk/">Slingshot</a> and <a href="http://igfest.org/about-igfest">Igfest's</a> work - the success of their now multi city <a href="http://slingshoteffect.co.uk/ourgames/28-28hourslater">Zombie Apocalypse game</a> speaks for itself.</p>

<p>I was less aware of their work with the <a href="http://slingshoteffect.co.uk/ourgames/4-tweeture">Tweeture Bot</a> and '<a href="http://slingshoteffect.co.uk/ourgames/18-hatgame">The Hat Game</a>'. Both great adaptations of existing social media, which both produced some brilliant off-line results.</p>

<p>Another talk that made me want to get the hardware out again.</p>

<p>A final point of the evening, regarding the over-prevalence of Victorianism in recent retro 'designs' was amusingly undermined by Simon and David's rather dashing flat caps.</p>

<hr />

<p>A great night. Many thanks to hosts by <a href="http://twitter.com/#!/chrissharratt">Chris Sharratt</a> , Editor of creative industries website <a href="creativetimes.co.uk">creativetimes.co.uk</a>, and <a href="http://twitter.com/#!/clarered">Clare Reddington</a>, Director, iShed and <a href="http://www.pmstudio.co.uk/">Pervasive Media Studio</a></p>
]]></description>
  </item>
    
</channel>
</rss>