
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Superdeluxesam</title>
	<atom:link href="http://superdeluxesam.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://superdeluxesam.com</link>
	<description>freelance visual &#38; interaction design for the web</description>
	<lastBuildDate>Tue, 21 Feb 2012 12:31:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Find gems for working gemset with RVM</title>
		<link>http://superdeluxesam.com/2012/02/21/find-gems-for-working-gemset-with-rvm/</link>
		<comments>http://superdeluxesam.com/2012/02/21/find-gems-for-working-gemset-with-rvm/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 12:08:14 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[command-line]]></category>
		<category><![CDATA[ruby]]></category>
		<category><![CDATA[rvm]]></category>
		<category><![CDATA[terminal]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=562</guid>
		<description><![CDATA[This is actually really easy, but some reason it didn&#8217;t quite stick in my mind until recently, so I thought I&#8217;d note it here, and perhaps it might help someone else who&#8217;s similarly challenged . If you haven&#8217;t set up an .rvmrc (Which, to be fair you probably should have done) If you really can&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p>This is actually really easy, but some reason it didn&#8217;t quite stick in my mind until recently, so I thought I&#8217;d note it here, and perhaps it might help someone else who&#8217;s similarly challenged <img src='http://superdeluxesam.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<h2>If you haven&#8217;t set up an .rvmrc</h2>
<p>(Which, to be fair you probably should have done)</p>
<p>If you really can&#8217;t remember which gemset, start with:</p>
<pre>$ rvm gemset list</pre>
<p>Then:</p>
<pre>$ rvm gemset use [gemset]</pre>
<p>Then</p>
<pre>$ gem list </pre>
<p>Is all you need to show all the currently loaded gems. </p>
<h2>If you have setup .rvmrc</h2>
<p>The all you need is run the last &#8216;gem list&#8217; command. The essential point to remember is that once you&#8217;ve switched to your chosen gemset and ruby version, you just execute <a href="http://beginrescueend.com/set/gem/" title="about using gem commands">your gem commands without the &#8216;rvm&#8217; prefix.</a> (see the bottom of that page).</p>
<p>Whilst we&#8217;re on the subject of things I should have done already, I should probably have already setup an <a href="http://beginrescueend.com/workflow/prompt/" title="rvm prompt setup">rvm prompt too</a>. If I ever get round to sorting these things out properly, I might even write some sort of post about how to set up your rvm environment.</p>
<p>Or you could just look at this blog post, which is easily the most helpful and lucid description of setting up RVM I&#8217;ve read so far. <a href="http://sirupsen.com/get-started-right-with-rvm/" title="Get started right with RVM">Getting started with RVM.</a> It&#8217;s a bit old, so there might be aspects that are a little out of date, but most of it still seems to be applicable.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2012/02/21/find-gems-for-working-gemset-with-rvm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New dev tools in Firefox</title>
		<link>http://superdeluxesam.com/2012/02/01/new-dev-tools-in-firefox/</link>
		<comments>http://superdeluxesam.com/2012/02/01/new-dev-tools-in-firefox/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 21:41:28 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[firefrox]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=547</guid>
		<description><![CDATA[Having taken my eye off Firefox development recently, it was with interest that I noticed some of the recent additions to the latest release, version 10.0. Of particular concern to my geeky side are the integrated html/css inspectors. Whilst having a few irritating quirks &#8211; multiple clicks are needed to bring up a dom view [...]]]></description>
			<content:encoded><![CDATA[<p>Having taken my eye off Firefox development recently, it was with interest that I noticed some of the recent additions to the <a href="http://www.mozilla.org/en-US/firefox/fx/">latest release</a>, version 10.0. Of particular concern to my geeky side are the integrated html/css inspectors.<br />
<img src="http://superdeluxesam.com/wp-content/uploads/2012/02/inspector-tools-1024x603.png" alt="" title="inspector-tools" width="500" class="aligncenter size-large wp-image-548" /><br />
Whilst having a few irritating quirks &#8211; multiple clicks are needed to bring up a dom view for example, the overall feel is solid and polished. It also seems as though some of the slight flaws in the current ui will probably only be temporary &#8211; a cursory look at <a href="http://blog.mozilla.com/devtools/" title="Mozilla Devtools Blog">what&#8217;s ahead for Firefox&#8217;s dev tools</a> shows that there are lots more improvements that will be going live in the next couple of months.</p>
<p>One thing that jars a little is the comparison between this and Firebug, which concerned me at first, however a bit of investigation showed that this too is a temporary state of affairs, with closer integration of the native dev tools and firebug <a href="https://getfirebug.com/wiki/index.php/Firebug_Roadmap#Goals_for_Firebug.next" title="Goals for Firebug">planned for the near future also</a>.</p>
<p>Overall it&#8217;s great to see more of these kinds of updates by Firefox, which really represent genuinely useful improvements and will hopefully help to bolster their flagging reputation in the eyes of many users and developers. And hey, you&#8217;ve got to love crazy shit <a href="http://hacks.mozilla.org/wp-content/uploads/2011/12/CNN-3D-View.png" title="3d Web page view">like this</a></p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2012/02/01/new-dev-tools-in-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Automation &#8211; setting up local copy of wordpress</title>
		<link>http://superdeluxesam.com/2011/10/20/automation-setting-up-local-copy-of-wordpress/</link>
		<comments>http://superdeluxesam.com/2011/10/20/automation-setting-up-local-copy-of-wordpress/#comments</comments>
		<pubDate>Thu, 20 Oct 2011 10:17:01 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[automation]]></category>
		<category><![CDATA[scripting]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=525</guid>
		<description><![CDATA[I&#8217;m not a particularly good programmer, but I do know enough to know that there are aspects of my WordPress development that could benefit from being automated. In this instance, the usual by-the-numbers setup stuff I do every time I start a new project. In an effort to do that, I&#8217;ve ventured into the world [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/superdeluxesam/6262779921/"><img alt="Automation" src="http://farm7.static.flickr.com/6174/6262779921_cfa59db1b8.jpg" title="Automation" class="alignnone" width="500" height="375" /></a></p>
<p>I&#8217;m not a particularly good programmer, but I do know enough to know that there are aspects of my WordPress development that could benefit from being automated. </p>
<p>In this instance, the usual by-the-numbers setup stuff I do every time I start a new project.<span id="more-525"></span> In an effort to do that, I&#8217;ve ventured into the world of bash scripting to pull together the basic things I do to get a new local copy of my blog going. Here it is, in all it&#8217;s glory. Please feel free to comment(constructively) if you feel it could be improved*. My eventual aim is to end up with something that generates dummy content and users etc, but that depends on me finding the time of course.</p>
<p>Points to bear in mind:</p>
<p>It takes a single argument &#8211; the name for your dev site and uses that to create a name for the db, password etc. i.e.:</p>
<pre>$ sudo wp-setup.sh yoursitename</pre>
<p>I do that because it&#8217;s simple to do and for dev purposes I&#8217;m not too fussy. However, there might be more subtle ideas that would make moving to live easier. Something to think about for the future perhaps.</p>
<p>Note that it also uses sudo, to run the script as root. I do this as I&#8217;m editing the apache config files and I have to be root to do that, <em>I think</em>. Maybe there&#8217;s a simpler way of doing that, feel free to let me know.</p>
<p>This uses a git clone of the latest stable release from the WordPress svn repo. I do this because I&#8217;m familiar with git, but clearly adapting this to svn wouldn&#8217;t be too complicated.</p>
<p>*The answer to this is clearly yes.</p>
<p><div id="gist-1297942" class="gist">

        <div class="gist-file">
          <div class="gist-data gist-syntax">
              <div class="highlight"><pre><div class='line' id='LC1'><span class="c">#!/bin/bash</span></div><div class='line' id='LC2'><br/></div><div class='line' id='LC3'><span class="c"># Script needs to run as root, is that bad of me? Mainly as it&#39;s modifying my apache config. </span></div><div class='line' id='LC4'><br/></div><div class='line' id='LC5'><span class="nv">EXPECTED_ARGS</span><span class="o">=</span>1</div><div class='line' id='LC6'><span class="nv">E_BADARGS</span><span class="o">=</span>65</div><div class='line' id='LC7'><span class="nv">MYSQL</span><span class="o">=</span><span class="sb">`</span>which mysql<span class="sb">`</span></div><div class='line' id='LC8'><br/></div><div class='line' id='LC9'><span class="c">#obviously these are just dev settings, I&#39;m not suggesting these would be great for a live blog :)</span></div><div class='line' id='LC10'><br/></div><div class='line' id='LC11'><span class="nv">Q1</span><span class="o">=</span><span class="s2">&quot;CREATE DATABASE IF NOT EXISTS $1_db;&quot;</span></div><div class='line' id='LC12'><span class="nv">Q2</span><span class="o">=</span><span class="s2">&quot;GRANT ALL ON *.* TO &#39;$1_u&#39;@&#39;localhost&#39; IDENTIFIED BY &#39;$1_p&#39;;&quot;</span></div><div class='line' id='LC13'><span class="nv">Q3</span><span class="o">=</span><span class="s2">&quot;FLUSH PRIVILEGES;&quot;</span></div><div class='line' id='LC14'><span class="nv">SQL</span><span class="o">=</span><span class="s2">&quot;${Q1}${Q2}${Q3}&quot;</span></div><div class='line' id='LC15'>&nbsp;</div><div class='line' id='LC16'><span class="k">if</span> <span class="o">[</span> <span class="nv">$# </span>-ne <span class="nv">$EXPECTED_ARGS</span> <span class="o">]</span></div><div class='line' id='LC17'><span class="k">then</span></div><div class='line' id='LC18'><span class="k">  </span><span class="nb">echo</span> <span class="s2">&quot;Usage: $0 sitename&quot;</span></div><div class='line' id='LC19'>&nbsp;&nbsp;<span class="nb">exit</span> <span class="nv">$E_BADARGS</span></div><div class='line' id='LC20'><span class="k">fi</span></div><div class='line' id='LC21'><br/></div><div class='line' id='LC22'><span class="c"># Install base wp files - this pulls a copy of the latest stable release of wp, which I maintain on my machine.</span></div><div class='line' id='LC23'><br/></div><div class='line' id='LC24'>mkdir <span class="nv">$1</span></div><div class='line' id='LC25'>git clone ~/src/wp-stable ./<span class="nv">$1</span></div><div class='line' id='LC26'>chown -R username:staff ./<span class="nv">$1</span> </div><div class='line' id='LC27'><br/></div><div class='line' id='LC28'><span class="nb">echo</span> <span class="s2">&quot;wp installed&quot;</span></div><div class='line' id='LC29'><br/></div><div class='line' id='LC30'><span class="c"># Setup wp database</span></div><div class='line' id='LC31'><br/></div><div class='line' id='LC32'><span class="nv">$MYSQL</span> -u root -e <span class="s2">&quot;$SQL&quot;</span></div><div class='line' id='LC33'>sed -e <span class="s2">&quot;s/database_name_here/$1_db/g&quot;</span> -e <span class="s2">&quot;s/username_here/$1_u/g&quot;</span> -e <span class="s2">&quot;s/password_here/$1_p/g&quot;</span> &lt;./<span class="nv">$1</span>/wp-config-sample.php &gt;./<span class="nv">$1</span>/wp-config.php</div><div class='line' id='LC34'><br/></div><div class='line' id='LC35'><span class="nb">echo</span> <span class="s2">&quot;db ready&quot;</span></div><div class='line' id='LC36'><br/></div><div class='line' id='LC37'><span class="c"># Add in Vhost statement</span></div><div class='line' id='LC38'><br/></div><div class='line' id='LC39'><span class="nb">printf</span> %s <span class="s2">&quot;\</span></div><div class='line' id='LC40'><span class="s2">  &lt;VirtualHost *:80&gt;</span></div><div class='line' id='LC41'><span class="s2">      DocumentRoot \&quot;/Users/samsutton/Sites/$1/\&quot;</span></div><div class='line' id='LC42'><span class="s2">      ServerName $1.local</span></div><div class='line' id='LC43'><span class="s2">      ErrorLog \&quot;/private/var/log/apache2/$1-error_log\&quot;</span></div><div class='line' id='LC44'><span class="s2">      CustomLog \&quot;/private/var/log/apache2/$1-access_log\&quot; common</span></div><div class='line' id='LC45'><span class="s2">  &lt;/VirtualHost&gt;</span></div><div class='line' id='LC46'><span class="s2">  &lt;Directory /Users/samsutton/Sites/$1/&gt;</span></div><div class='line' id='LC47'><span class="s2">  	AllowOverride All</span></div><div class='line' id='LC48'><span class="s2">  	Options All</span></div><div class='line' id='LC49'><span class="s2">  &lt;/Directory&gt;</span></div><div class='line' id='LC50'><span class="s2">  &quot;</span> &gt;&gt; /etc/apache2/extra/httpd-vhosts.conf</div><div class='line' id='LC51'><br/></div><div class='line' id='LC52'><span class="c"># using Ghost gem to add hosts reference, &#39;cause it&#39;s easy.</span></div><div class='line' id='LC53'><br/></div><div class='line' id='LC54'>ghost add <span class="nv">$1</span>.local 127.0.0.1</div><div class='line' id='LC55'>&nbsp;&nbsp;</div><div class='line' id='LC56'><span class="c"># Restart apache to use new settings - site won&#39;t be visible otherwise!</span></div><div class='line' id='LC57'><br/></div><div class='line' id='LC58'>sudo apachectl -k restart</div><div class='line' id='LC59'><span class="nb">echo</span> <span class="s2">&quot;all done! Now browse to $1.local to finish setup&quot;</span></div></pre></div>
          </div>

          <div class="gist-meta">
            <a href="https://gist.github.com/raw/1297942/9f3e305b4f38be5f1b6f71f57355bb1f384cde9e/wp-setup.sh" style="float:right;">view raw</a>
            <a href="https://gist.github.com/1297942#file_wp_setup.sh" style="float:right;margin-right:10px;color:#666">wp-setup.sh</a>
            <a href="https://gist.github.com/1297942">This Gist</a> brought to you by <a href="http://github.com">GitHub</a>.
          </div>
        </div>
</div>
</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2011/10/20/automation-setting-up-local-copy-of-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Southwold</title>
		<link>http://superdeluxesam.com/2011/03/31/southwold/</link>
		<comments>http://superdeluxesam.com/2011/03/31/southwold/#comments</comments>
		<pubDate>Thu, 31 Mar 2011 16:35:04 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[career]]></category>
		<category><![CDATA[change]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[southwold]]></category>
		<category><![CDATA[suffolk]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=492</guid>
		<description><![CDATA[Is where I now live. The short story is, my wife and I got the opportunity to come down to Suffolk and start our own business, Calendula which has now officially started trading. Yay! Clearly I&#8217;m no longer based in Manchester, which some people aren&#8217;t aware of yet, hence I felt the need to mention [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/superdeluxesam/5484796713/" title="fromthepier by superdeluxesam, on Flickr"><img src="http://farm6.static.flickr.com/5213/5484796713_82ea5b5132.jpg" width="500" height="233" alt="fromthepier"></a></p>
<p>Is where I now live.</p>
<p>The short story is, my wife and I got the opportunity to come down to Suffolk and start our own business, Calendula which has now officially started trading. Yay! Clearly I&#8217;m no longer based in Manchester, which some people aren&#8217;t aware of yet, hence I felt the need to mention it here. </p>
<p>We both felt like we&#8217;d done the city thing for long enough, and living by the sea is something we&#8217;ve both wanted to do for a while now. That and the prospect of building our own business was too exciting to pass up. So here we are.  </p>
<p>So what of my freelance business? Well, Calendula is still very early days. I can envision a time when perhaps my duties there are such that I will be too busy to take on freelance work, but I can assure you that is not the case right now. </p>
<p>If you&#8217;d like to hire me for web design, graphics or ux work, please give me a bell I&#8217;d be more than happy to speak to you. Obviously, unless you&#8217;re in Suffolk too, it will probably mean my working remotely, at least most of the time, so do bear that in mind.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2011/03/31/southwold/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interesting times</title>
		<link>http://superdeluxesam.com/2010/11/12/interesting-times/</link>
		<comments>http://superdeluxesam.com/2010/11/12/interesting-times/#comments</comments>
		<pubDate>Fri, 12 Nov 2010 10:06:52 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[culture]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[interesting]]></category>
		<category><![CDATA[sheffield]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=475</guid>
		<description><![CDATA[After suffering a severe bout of man-flu for the last couple of days, it seems like I&#8217;m perking up again. Which I&#8217;m grateful for, as tomorrow is Interesting North, a spin off of the popular Interesting events in London. It&#8217;s pretty simple really, a load of speakers are invited to talk on something interesting. That&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>After suffering a severe bout of man-flu for the last couple of days, it seems like I&#8217;m perking up again. Which I&#8217;m grateful for, as tomorrow is <a href="http://www.interestingnorth.com/">Interesting North</a>, a spin off of the popular Interesting events in London. It&#8217;s pretty simple really, a load of speakers are invited to talk on something interesting. That&#8217;s it. But that simple format, coupled with a fairly informal atmosphere should make for an inspiring and stimulating day, which any creative type should appreciate. I&#8217;m looking forward to having my brain cross wired in an interesting way.</p>
<p>If you happen to be there, please feel free to say hi; one of the main things I&#8217;m going for is not just to hear what the speakers have to say, but for the conversations that will no doubt be generated around them. You will find I look remarkably similar to the cartoon.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2010/11/12/interesting-times/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hurrah for web fonts</title>
		<link>http://superdeluxesam.com/2010/11/04/hurrah-for-web-fonts/</link>
		<comments>http://superdeluxesam.com/2010/11/04/hurrah-for-web-fonts/#comments</comments>
		<pubDate>Thu, 04 Nov 2010 11:33:51 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[visual]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=442</guid>
		<description><![CDATA[Google web fonts growth since June this year. Taken from this blog post There seems to be quite a bit of momentum behind web fonts at the moment, which is as it should be in my opinion. After dealing with the hassle of font-replacement it seems like web typography has taken a massive step forward [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://googlewebfonts.blogspot.com/2010/11/web-fonts-on-rise.html"><img class="aligncenter" src="http://2.bp.blogspot.com/_vpJc66cgedg/TNHLkj3s4jI/AAAAAAAAADw/yckLXUztqLw/s400/google-font-api-growth-1.gif" alt="Google web font api graph, shamelessly stolen from Google's blog" /></a><br />
<span class="caption">Google web fonts growth since June this year. Taken from this <a href="http://googlewebfonts.blogspot.com/2010/11/web-fonts-on-rise.html">blog post</a></span>
</p>
<p>There seems to be quite a bit of momentum behind web fonts at the moment, which is as it should be in my opinion. After dealing with the hassle of <a href="http://css-tricks.com/css-image-replacement/">font-replacement</a>  it seems like web typography has taken a massive step forward in the last year or so.<br />
<span id="more-442"></span></p>
<h3>Why the hell should I care about what font I use?</h3>
<p>There are a few reasons &#8211; firstly I do think a good choice of font is a simple and quick way to improve the visual dimension of your user experience. Applying the font well with a regard to the subtleties of typography would be even better, but just putting a bit of thought into the typeface you use would make some difference. It&#8217;s more than most people manage.</p>
<p>Secondly, you might have stringent brand guidelines to follow (or maybe you&#8217;re creating some). Although bear in mind that most web font delivery services (is there a better name for these things?) will not have every font you might be looking for. One of my current projects uses a Clarendon for its offline branding, but my current font server of choice is <a href="http://typekit.com/">Typekit</a>, who only <a href="http://typekit.com/fonts/superclarendon">offer one</a> and it&#8217;s not a close enough match to my client&#8217;s. Luckily <a href="http://fontdeck.com/font/clarendonurwwide/regular">FontDeck</a> offer one that is a better match, but the idea of having multiple accounts with multiple font providers starts to sound a bit fiddly.</p>
<p>Lastly, consistency is a vital part of visual design and web fonts make it easier to be able to maintain that consistency for your organisation as your users move from online to offline and back again. </p>
<h3>A note about this site:</h3>
<p>As you might suspect, I am using web fonts on this site, in fact I&#8217;m using <a href="http://typekit.com/">Typekit</a> to serve <a href="http://www.josbuivenga.demon.nl/museo.html">Museo</a> and Google web fonts for <a href="http://code.google.com/webfonts/family?family=Cantarell">Cantarell</a> both distinguished by their being well designed and <em>free</em>. Whilst I like both fonts, I do also think that using two different font services should probably be regarded as overkill and wouldn&#8217;t recommend this kind of behaviour for your own site. Given that this site doesn&#8217;t receive a great deal of traffic right now, I figured I could probably get away with it. So there.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2010/11/04/hurrah-for-web-fonts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Getting into typography</title>
		<link>http://superdeluxesam.com/2010/10/22/getting-into-typography/</link>
		<comments>http://superdeluxesam.com/2010/10/22/getting-into-typography/#comments</comments>
		<pubDate>Fri, 22 Oct 2010 12:53:55 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[list]]></category>
		<category><![CDATA[theory]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=344</guid>
		<description><![CDATA[I&#8217;ve had a few requests recently for decent books to learn about typography. So I thought I&#8217;d share a few here that I&#8217;ve found particularly helpful in developing my knowledge of type. Thinking With Type A great book, which also has a great companion website. Distinguished by the clarity and simplicity with which it deals [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve had a few requests recently for decent books to learn about typography. So I thought I&#8217;d share a few here that I&#8217;ve found particularly helpful in developing my knowledge of type.

<h3>Thinking With Type</h3>

<p>
<a href="http://www.thinkingwithtype.com/"><img src="http://superdeluxesam.com/wp-content/uploads/2010/10/thinkingwithtype1.png" alt="" title="thinkingwithtype" width="170" height="207" class="alignleft size-full wp-image-399" /></a> 
A great book, which also has a <a href="http://www.thinkingwithtype.com/">great companion website</a>. Distinguished by the clarity and simplicity with which it deals with it&#8217;s subject. Typography is a big subject and Lupton does a great job describing the essentials without drowning you in detail.
</p>
<span id="more-344"></span>
<p><a href="http://www.thinkingwithtype.com/">Thinking with Type</a> is by Ellen Lupton.</p>
<h3>Stop Stealing Sheep and Find Out How Type Works</h3>
<p>
<a href="http://books.google.co.uk/books?id=IPuv--zt6WgC&#038;q=Stop+Stealing+Sheep&#038;dq=Stop+Stealing+Sheep&#038;hl=en&#038;ei=km3BTOPzHNLa4gbxi9CGDA&#038;sa=X&#038;oi=book_result&#038;ct=result&#038;resnum=1&#038;ved=0CC4Q6AEwAA"><img src="http://superdeluxesam.com/wp-content/uploads/2010/10/stealingsheep.jpg" alt="Stop Stealing Sheep and Find out Type Works" title="Stealingsheep" width="170" height="256" class="alignleft size-full wp-image-358" /></a>
Another beautifully simple book that is a great introduction to typography for someone who knows little or nothing about the subject.
</p>
<p><a href="http://books.google.co.uk/books?id=IPuv--zt6WgC&#038;q=Stop+Stealing+Sheep&#038;dq=Stop+Stealing+Sheep&#038;hl=en&#038;ei=km3BTOPzHNLa4gbxi9CGDA&#038;sa=X&#038;oi=book_result&#038;ct=result&#038;resnum=1&#038;ved=0CC4Q6AEwAA">Stop Stealing Sheep and Find Out How Type Works</a> is by Erik Spiekermann &#038;
E.M. Ginger.</p>
<h3>The Elements of Typographic Style.</h3>
<p><a href="http://books.google.co.uk/books?id=940sAAAAYAAJ&#038;q=The+Elements+of+Typographic+Style&#038;dq=The+Elements+of+Typographic+Style&#038;hl=en&#038;ei=123BTPbtJoXy4gb_uO2eDA&#038;sa=X&#038;oi=book_result&#038;ct=result&#038;resnum=1&#038;ved=0CDEQ6AEwAA"><img src="http://superdeluxesam.com/wp-content/uploads/2010/10/elementsoftype.jpg" alt="The Elements of Typographic Style, By Robert Bringhurst" title="Elements of Typographic Style" width="170" height="300" class="alignleft size-full wp-image-361" /></a>
A bit more in depth that the first two, but great for developing a more thorough grounding in the various areas of typography, still written in a very accessible style.
</p>
<p><a href="http://books.google.co.uk/books?id=940sAAAAYAAJ&#038;q=The+Elements+of+Typographic+Style&#038;dq=The+Elements+of+Typographic+Style&#038;hl=en&#038;ei=123BTPbtJoXy4gb_uO2eDA&#038;sa=X&#038;oi=book_result&#038;ct=result&#038;resnum=1&#038;ved=0CDEQ6AEwAA">The Elements of Typographic Style</a> is by Robert Bringhurst.</p>
<h3>The New Typography</h3>
<p><a href="http://books.google.co.uk/books?id=MmeGat6tJiAC&#038;printsec=frontcover&#038;dq=The+New+Typography&#038;hl=en&#038;ei=2mvBTMy7IMOb4AbR89SUDA&#038;sa=X&#038;oi=book_result&#038;ct=result&#038;resnum=1&#038;ved=0CDUQ6AEwAA#v=onepage&#038;q&#038;f=false"><img src="http://superdeluxesam.com/wp-content/uploads/2010/10/newtype1.jpg" alt="" title="newtype" width="170" height="240" class="alignleft size-full wp-image-400" /></a>
A seminal work, by one of the twentieth centuries masters &#8211; Jan Tschichold &#8211; which helped establish the use of Sans-Serif typefaces in modern design. Although things have clearly moved on a great deal since then, his work still influences many people now, so it&#8217;s worth reading it just for that.
</p>
<p><a href="http://books.google.co.uk/books?id=MmeGat6tJiAC&#038;printsec=frontcover&#038;dq=The+New+Typography&#038;hl=en&#038;ei=2mvBTMy7IMOb4AbR89SUDA&#038;sa=X&#038;oi=book_result&#038;ct=result&#038;resnum=1&#038;ved=0CDUQ6AEwAA#v=onepage&#038;q&#038;f=false">The New Typography</a> is by Jan Tshichold.</p>
<h3>The Stroke: A Theory of Writing</h3>
<p><a href="http://www.hyphenpress.co.uk/books/978-0-907259-30-5"><img src="http://superdeluxesam.com/wp-content/uploads/2010/10/thestroke1.jpg" alt="" title="The Stoke" width="170" height="290" class="alignleft size-full wp-image-402" /></a>
A bit more off the beaten track this one, but Noordzij&#8217;s thoughtful analysis of writing and typography</a> is great for developing a deeper understanding of the design of letters and how to compose beautiful sentences with them. Incidentally, the publisher, Hyphen press has a series of great, beautifully designed books on various aspects of design and are well worth a look if you want something a bit different.</p>
<p><a href="http://www.hyphenpress.co.uk/books/978-0-907259-30-5">The Stroke: A Theory of Writing</a> is by Gerrit Noordzij</p>

<p>Let me know if you find these books useful, and if there&#8217;s any others you think should be in this list.]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2010/10/22/getting-into-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aicher&#8217;s systemic approach to design</title>
		<link>http://superdeluxesam.com/2010/09/30/aichers-systemic-approach-to-design/</link>
		<comments>http://superdeluxesam.com/2010/09/30/aichers-systemic-approach-to-design/#comments</comments>
		<pubDate>Thu, 30 Sep 2010 11:20:11 +0000</pubDate>
		<dc:creator>Superdeluxesam</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[systems]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=296</guid>
		<description><![CDATA[The HfG team convinced Braun to embrace more than just this brief encounter with the modern. Their rough model, which was constructed on a graphic grid, represented the &#8220;Ulm Ideal,&#8221; according to which technology and form were developed mutually and systematically to produce a functioning whole Markus Rathgeb &#8211; Otl Aicher Finally got round to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/renespitz/4467679380/" title="Hans G. Conrad: Otl Aicher im Unterricht an der Hochschule für Gestaltung Ulm by ReneSpitz, on Flickr"><img src="http://farm5.static.flickr.com/4069/4467679380_8df91b1d44.jpg" width="500" height="323" alt="Hans G. Conrad: Otl Aicher im Unterricht an der Hochschule für Gestaltung Ulm" /></a><br />
<span id="more-296"></span></p>
<div class="quote">
<blockquote>
<p>The HfG team convinced Braun to embrace more than just this brief encounter with the modern. Their rough model, which was constructed on a graphic grid, represented the &#8220;Ulm Ideal,&#8221; according to which technology and form were developed mutually and systematically to produce a functioning whole</p>
</blockquote>
<p class="attribution">Markus Rathgeb &#8211; <a href="http://www.phaidon.co.uk/store/design/otl-aicher-9780714843964/">Otl Aicher</a></p>
</div>
<p>Finally got round to reading this excellent book about the life and work of Otl Aicher, and spotted this interesting passage. Aicher is an inspirational figure for any designer, for the breadth and quality of his work as well as the deep, philosophical roots to his work. One thing that consistently appears in his thinking is the idea of designing systems, the most famous of which was the <a href="http://www.1972municholympics.co.uk/">design work for 1972 Olympics in Munich</a>, which remains the de facto model for a branding system.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2010/09/30/aichers-systemic-approach-to-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My new design; feedback please!</title>
		<link>http://superdeluxesam.com/2010/09/16/my-new-design-feedback-please/</link>
		<comments>http://superdeluxesam.com/2010/09/16/my-new-design-feedback-please/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 12:47:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[about]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[new]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=248</guid>
		<description><![CDATA[Well, as the rains pour down over Manchester once more, it seems like summer here has come to its usual abrupt and soggy end. I&#8217;m somewhat thankful, hoping that the slower pace of autumn and winter might bring some breathing space after what has been an unbelievably hectic few months filled with grief, excitement and [...]]]></description>
			<content:encoded><![CDATA[<p>Well, as the rains pour down over Manchester once more, it seems like summer here has come to its usual abrupt and soggy end. I&#8217;m somewhat thankful, hoping that the slower pace of autumn and winter might bring some breathing space after what has been an unbelievably hectic few months filled with grief, excitement and too much drinking.<br />
<span id="more-248"></span><br />
Lots of things changed for me over summer; my dad passed away before my eyes, I was made redundant, decided to become a freelancer and my son became even more gobby(but still wonderful; he&#8217;s a long way from being a teenager). Busy times.</p>
<p>In respect of starting my own business, I probably should have done this all a bit sooner, but nevertheless, here we are, the new version of superdeluxesam.com. It&#8217;s not finished, but then websites never are, are they? Well, that&#8217;s my excuse. If you do happen to spot the odd wrinkle, I would be delighted if you could point that out to me, by <a href="http://superdeluxesam.com/contact/">sending me a message</a>, or feel free to comment below. Showering me with praise is also acceptable.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2010/09/16/my-new-design-feedback-please/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Northern Digitals BLAB &#8211; Seb Lee-Delisle and Brendan Dawes</title>
		<link>http://superdeluxesam.com/2010/08/06/northern-digitals-blab-seb-lee-delisle-and-brendan-dawes/</link>
		<comments>http://superdeluxesam.com/2010/08/06/northern-digitals-blab-seb-lee-delisle-and-brendan-dawes/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 13:24:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://superdeluxesam.com/?p=223</guid>
		<description><![CDATA[<a title="Northern Digitals notes by superdeluxesam, on Flickr" href="http://www.flickr.com/photos/superdeluxesam/4865391285/"><img src="http://farm5.static.flickr.com/4082/4865391285_f7dd641fc8_z.jpg" alt="Northern Digitals notes" width="428" height="640" /></a> 
 
Last night's Northern Digitals BLAB night was typically thought-provoking and inspiring. The two speakers, <a href="http://sebleedelisle.com/">Seb Lee-Delisle</a> and <a href="http://www.brendandawes.com/">Brendan Dawes</a> both had a lot to say and a clear passion for what they do, which always makes for an interesting presentation. 
 
What really struck me was how both talks reflected the]]></description>
			<content:encoded><![CDATA[<p><a title="Northern Digitals notes by superdeluxesam, on Flickr" href="http://www.flickr.com/photos/superdeluxesam/4865391285/"><img src="http://farm5.static.flickr.com/4082/4865391285_f7dd641fc8_z.jpg" alt="Northern Digitals notes" width="428" height="640" /></a></p>
<p>Last night&#8217;s Northern Digitals BLAB night was typically thought-provoking and inspiring. The two speakers, <a href="http://sebleedelisle.com/">Seb Lee-Delisle</a> and <a href="http://www.brendandawes.com/">Brendan Dawes</a> both had a lot to say and a clear passion for what they do, which always makes for an interesting presentation.<br />
<span id="more-223"></span></p>
<p>What really struck me was how both talks reflected the desire within probably all of us digital creative types to create interactions and products that are evermore captivating. Brendan talked about the intimacy of using touch-screen devices* and crafting original, different experiences. Seb&#8217;s talk demonstrated the ways sound could be used to deepening engagement in interactions; for example the right sound can make a simple animated shape seem heavier, lighter, faster and so on.</p>
<p>It raised some questions within me about what it means to be trying to captivate people in this way, and to try to illicit particular kinds of behaviour. Who knows; there&#8217;s lots that could be said on that topic, but I definitely don&#8217;t have time for that right now. Whatever ethical questions that might have sprung to mind, there was no doubt the ideas and work on show was fun, exciting and inspiring. Let&#8217;s face it, the drumming bit was <em>cool</em>. Even if I did feel like we were going to collectively fall through the floor while Seb attempted to capture the sound of us stamping in unison**.</p>
<p>A good night, definitely worth the fiver entry and I will definitely be going to the next one.</p>
<p>* Something that was echoed in this report by <a href="http://www.userintelligence.com/ideas/news/preview-about-ipad?utm_source=User+Intelligence+Newsletter&amp;utm_campaign=82eeab6dd9-UI_Newsletter_10....&amp;utm_medium=email">User Intelligence</a></p>
<p>** The high point of Seb&#8217;s talk was his demo of a visual sampler he&#8217;d written as an experiment with the latest features of flash. He collected various videos using a web cam, and the sequencer then allowed him to play them back like an musical instrument.</p>
]]></content:encoded>
			<wfw:commentRss>http://superdeluxesam.com/2010/08/06/northern-digitals-blab-seb-lee-delisle-and-brendan-dawes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

