<?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>blog - coda.coza</title>
	<atom:link href="/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://coda.co.za/blog</link>
	<description>dress up. leave a false name. be legendary.</description>
	<lastBuildDate>Wed, 04 Aug 2010 03:05:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A final post</title>
		<link>http://coda.co.za/blog/2010/08/04/a-final-post</link>
		<comments>http://coda.co.za/blog/2010/08/04/a-final-post#comments</comments>
		<pubDate>Wed, 04 Aug 2010 02:01:36 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[coda]]></category>
		<category><![CDATA[coda.coza]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1022</guid>
		<description><![CDATA[Seeing as it's now over a year since my last post, I guess it's safe to say that I no longer have any interest in updating this blog.
It's an enjoyable trip, looking back...
I can't say for sure when I started blogging. Or, blogging as we now know it, at least. The first post here is [...]]]></description>
			<content:encoded><![CDATA[<p>Seeing as it's now over a year since my last post, I guess it's safe to say that I no longer have any interest in updating this blog.</p>
<h3>It's an enjoyable trip, looking back...</h3>
<p>I can't say for sure when I started blogging. Or, blogging as we now know it, at least. The first post here is <a href="/blog/2002/04/page/3">circa April 2002</a>, when I was in the middle of developing my own CMS. Before then, <a title="Winter 2001" href="http://web.archive.org/web/20010518233755/http://www.coda.co.za/">I had something like this</a>. That was all long before I <a href="/blog/2008/04/29/presenting-v6">launched v6</a> of this site, in 2008, when I eventually migrated to WordPress.</p>
<p>From version to version, blogging has consistently played an integral role in the way I've presented myself online.</p>
<p>I don't feel much sentiment toward the majority of my blog content, which is a good indication that I never took it all that seriously. My archive is littered with trivial rubbish and outdated content which I no longer want to associate with. That, coupled with a lack of motivation, a desire to minimise information overload that blogging presents, the meteoric rise in microblogging, and how I now feel about amateur blogging in general, are my primary reasons for deciding to retire my blog indefinitely.</p>
<h3>Moving forward...</h3>
<p>My immediate plan (albeit long overdue) is an exercise in rebranding.</p>
<p><img style="width: 500px; height: 150px;" src="/blog/wp-content/uploads/2010/08/new_coda_logo.png" alt="new coda logo" /></p>
<p>If <a href="http://www.youtube.com/profile?user=codaza">you</a> <a href="http://twitter.com/coda_za">follow</a> <a href="http://www.facebook.com/damien.dutoit">my</a> <a href="http://friendfeed.com/coda">activity</a> <a href="http://www.flickr.com/coda">elsewhere</a> <a href="http://www.last.fm/user/coda_za">online</a>, you might have noticed my new logo design, which I recently launched across all my social networking profiles. Next up, I will be redesigning this site. This will be accompanied by the simultaneous launch of a new brand to represent my business venture. Sparing the detail, my intention is to separate my personal and professional identities. I've outgrown my coda alias for business purposes, and am really looking forward to starting something fresh.</p>
<p>I do intend to keep my blog (after a thorough purge of my 800+ posts), and will carry it through in the redesign, but it will remain inactive and will not be a feature of the site.</p>
<p>To the readers of this blog over the last 8 or so years, old and new, I thank you for your time and sincerely hope you found some value in what I've posted here, or in the comments that followed. I have some good (and some not so good) memories of my blogging experiences and appreciate that I could share them all with you.</p>
<p>Please connect with me on Twitter <a href="http://twitter.com/coda_za">@coda_za</a>, where I continue to microblog more trivial rubbish, until the next big thing...</p>
<p>Cheers for now!</p>
<p><span class="hilite">Dress up. Leave a false name. Be legendary.</span></p>
<img src="/blog/?ak_action=api_record_view&id=1022&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2010/08/04/a-final-post/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>query.dropSlideMenu.js</title>
		<link>http://coda.co.za/blog/2009/07/24/dropslidemenu</link>
		<comments>http://coda.co.za/blog/2009/07/24/dropslidemenu#comments</comments>
		<pubDate>Fri, 24 Jul 2009 21:08:53 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[blind]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[drop down]]></category>
		<category><![CDATA[dropslidemenu]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1014</guid>
		<description><![CDATA[dropSlideMenu is my attempt at building a simple (single-level support only), yet easily and highly-customisable drop-down menu with an attractive sliding effect.
query.dropSlideMenu.js v1.0 - View Demo or Download

There are plenty of jQuery drop-down menu scripts already available, but I often find that they're either too basic, or too complicated and bulky, or don't support a [...]]]></description>
			<content:encoded><![CDATA[<p>dropSlideMenu is my attempt at building a simple (single-level support only), yet easily and highly-customisable drop-down menu with an attractive sliding effect.</p>
<p><strong>query.dropSlideMenu.js</strong> v1.0 - <a href="/content/projects/jquery.dropSlideMenu/">View Demo</a> or <a href="/content/projects/jquery.dropSlideMenu/jquery.dropSlideMenu.zip">Download</a></p>
<p><a href="/content/projects/jquery.dropSlideMenu/"><img src="/blog/wp-content/uploads/2009/07/dropslidemenu.png" alt="query.dropSlideMenu.js" width="474" height="191" /></a></p>
<p>There are <em>plenty</em> of jQuery drop-down menu scripts already available, but I often find that they're either too basic, or too complicated and bulky, or don't support a proper sliding effect (instead the menus simply change height as they're revealed).</p>
<p>I'm publishing this script with the hope that others might find it useful. Hopefully as it gains popularity, so will the potential for it to improve. Also, I've developed this plugin partly as a jQuery learning exercise. So if you do find yourself downloading and using it, and you're proficient with JavaScript, I would really appreciate if you could spend a minute or two reviewing my code and providing suggestions for improvement.</p>
<h3>Features include:</h3>
<ul>
<li>Requires the mouse cursor to decelerate over the menu before activating, to prevent unintentional opening (big thanks to <a href="http://blog.threedubmedia.com">threedubmedia</a> for their <a href="http://blog.threedubmedia.com/2008/08/eventspecialhover.html">jquery.event.hover</a> plugin)</li>
<li>Dynamic styling of clickstream (path of links are compared with path of the current URL) - optional</li>
<li>Possible to set widths on each list item and its drop down</li>
<li>Possible to individually style each list item and its drop down</li>
<li>List items with no link behaviour (where href is "#") are disabled</li>
<li>Settings to control the duration (speed of drop down animation), and delay (before the drop down closes)</li>
<li>Select elements are hidden (IE6) - optional</li>
<li>Customisable <a href="http://docs.jquery.com/UI/Effects/AdvancedEasing">Easing Effects</a></li>
<li>W3C-valid HTML and CSS</li>
</ul>
<p>To begin, <a href="/content/projects/jquery.dropSlideMenu/jquery.dropSlideMenu.zip">download the source files</a> (.zip) and browse the <a href="view-source:http://coda.co.za/content/projects/jquery.dropSlideMenu/">demo source code</a> to familiarise yourself with the necessary files required, and the way in which they fit together. Assuming you already have the most recent version of jQuery, the JavaScript and CSS files that need to be included in your page are:</p>
<pre>&lt;link rel="stylesheet" href="jquery.dropSlideMenu.css" type="text/css" /&gt;

&lt;script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="jquery.event.hover.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="jquery.dropSlideMenu.js" type="text/javascript"&gt;&lt;/script&gt;</pre>
<p>To attach the plugin to a menu, include the following jQuery script in your page (in this example, #navigation is the menu wrapper):</p>
<pre>$(document).ready(function() {
	$("#navigation").dropSlideMenu({
		indicators: true,
		clickstream: true,
		openEasing: "easeOutQuad",
		closeEasing: "easeInQuad",
		duration: 600,
		delay: 800,
		hideSelects: true
	});
});</pre>
<p>The settings are fairly self-explanatory. I'm not going to go into more detail as I assume you know what you're doing with jQuery and CSS. If you do require further assistance, please leave a comment below - I can't guarantee that I'll be able to help, but I do make an attempt to reply to all comments.</p>
<p>The most recent version of this plugin will always be the one available for download on this post.</p>
<p>Please let me know if you decide to use it, or have any feedback. Thanks!</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/"><img src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" alt="Creative Commons License" /></a></p>
<img src="/blog/?ak_action=api_record_view&id=1014&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/07/24/dropslidemenu/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Favourite South African logos: Part 3</title>
		<link>http://coda.co.za/blog/2009/06/17/favourite-south-african-logos-3</link>
		<comments>http://coda.co.za/blog/2009/06/17/favourite-south-african-logos-3#comments</comments>
		<pubDate>Wed, 17 Jun 2009 01:56:02 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[atlanta chiefs]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[kaizer chiefs]]></category>
		<category><![CDATA[kalahari.net]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[metro fm]]></category>
		<category><![CDATA[naspers]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1006</guid>
		<description><![CDATA[This post is the third installment in a series, featuring my favourite South African logos. See Part 1 and Part 2. Here are the next 3:

Metro FM

Metro FM is the largest National Urban Commercial station in South Africa with around six million adult listeners tuning in from all across the nation. The station’s core genre, [...]]]></description>
			<content:encoded><![CDATA[<p>This post is the third installment in a series, featuring my favourite South African logos. See <a href="/blog/2009/01/26/favourite-south-african-logos-1">Part 1</a> and <a href="/blog/2009/02/17/favourite-south-african-logos-2">Part 2</a>. Here are the next 3:</p>
<div class="hr"></div>
<h3>Metro FM</h3>
<p><img src="/blog/wp-content/uploads/2009/06/metrofm1.png" alt="Metro FM" width="500" height="150" /></p>
<p><a href="http://www.metrofm.co.za">Metro FM</a> is the largest National Urban Commercial station in South Africa with around six million adult listeners tuning in from all across the nation. The station’s core genre, R&amp;B, is the most popular music genre among South Africans between the ages of 16 and 34. Metro’s penetration within this market is 43 percent of the total market. (<a href="http://www.superbrands.easysite.org/files/MetroFM_3329.pdf">source</a>)</p>
<p>I know next to nothing about this identity design (their marketing dept. never replied to my e-mail), other than to say that the typeface is the <a href="http://new.myfonts.com/fonts/fontfont/ff-din/">FF DIN</a> family. Metro FM is an SABC radio station (SABC logo featured in <a href="/blog/2009/01/26/favourite-south-african-logos-1">Part 1</a>) so it might be safe to assume that their design team are responsible for this one too.</p>
<p>I really like how the M letterform, resembling both an audio spectrum analyzer and cityscape, breathes life into the logo when animated, like the <a href="/blog/2009/02/17/favourite-south-african-logos-2">Sasol</a> logo. Take a look at their <a href="http://www.metrofm.co.za">website</a> or <a href="http://www.youtube.com/watch?v=5AukcuFtj4A">TVCs</a> to see the M in action:</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/kIgPWfI47bQ&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kIgPWfI47bQ&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<div class="hr"></div>
<h3>Kalahari.net</h3>
<p><img src="/blog/wp-content/uploads/2009/06/kalaharinet1.png" alt="" width="500" height="150" /></p>
<p><a href="http://www.kalahari.net">Kalahari.net</a> is the largest and most dominant e-Commerce platform in Africa offering a huge range of books, music, DVDs, games, electronics and gifts. First registered in April 1998, Kalahari.net offers top-selling products available on 24-hour delivery, various payment options, door-to-door delivery, wish list facilities, vouchers, free gift-wrapping, etc.</p>
<p>Kalahari.net is a division of Media24, a <a href="http://www.naspers.com/index.cfm?content=2693&amp;intParentContentID=2636">Naspers</a> brand. The name links the brand to Africa by its association with the <a href="http://en.wikipedia.org/wiki/Kalahari_Desert">Kalahari Desert</a>, a well-known African landmark.</p>
<p>Interestingly, they might have been called <a href="http://kalahari.com">Kalahari.com</a> by now, if they'd won a domain name dispute <a href="http://www.wipo.int/amc/en/domains/decisions/html/2001/d2001-0992.html">back in 2001</a>. I really enjoyed the below extract (for context, I was employed by <a href="http://www.flickr.com/photos/coda/2821079210/">Electric Ocean</a> a month before, just as they were entering a state of turmoil, so it comes as no suprise...):</p>
<blockquote><p>On a date prior to June 9, 1999, the Complainant entered into an agreement with a company named Electric Ocean to acquire the registration of the Domain Name which was at that time held by Electric Ocean. However, before the transfer could be effected the registration of the Domain Name was cancelled on Electric Ocean’s failure to pay the fees. The Domain Name fell back into the public domain.</p></blockquote>
<p>The logo was designed by Garth Walker of <a href="http://www.misterwalkerdesign.com">Mister Walker Design</a> (formerly Orange Juice Design, who were later acquired by the design house of Ogilvy South Africa). Garth never responded to my e-mail either, but I had better luck contacting Kalahari.net themselves, and they had this to share:</p>
<blockquote><p>In essence, it was our aim to capture the spirit of the organisation through the use of a 'symbol'. The 'symbol' itself is the man running with the sun/streamer and with the use of warm colours, the logo represents the spirit of our organisation. i.e. A happy, warm company within an African heritage. The logo is horizontal in format for web legibility with no use of vignettes or thin lines. Type is simple and complimentary to the logo's message.</p></blockquote>
<p>My favourite part is the hypnotic ribbon. I'm not sure what the typeface is - the closest match I can find is <a href="http://new.myfonts.com/fonts/aviation/fiendstar/">Fiendstar Extended</a> (<strong>UPDATE:</strong> it's <a href="http://new.myfonts.com/fonts/urw/nimbus-sans/extra/">Nimbus Sans Extended</a>). The running man (Khoisan rock paintings figure) also features in the <a href="http://www.fifa.com/worldcup/organisation/emblemsposters/officialemblem.html">2010 FIFA World Cup logo</a>.</p>
<div class="hr"></div>
<h3>Kaizer Chiefs</h3>
<p><img src="/blog/wp-content/uploads/2009/06/kaizerchiefs1.png" alt="" width="500" height="150" /></p>
<p><a href="http://www.kaizerchiefs.com">Kaizer Chiefs</a> is a South African football club, founded 7 January 1970 in Soweto, Johannesburg, by soccer legend <a href="http://en.wikipedia.org/wiki/Kaizer_Motaung">Kaizer Motaung</a> shortly after his return from the USA where he played as a striker for the Atlanta Chiefs of the <acronym title="North American Soccer League">NASL</acronym>. (How about <a href="http://www.kaizerchiefs.com/default.asp?cid=4092">this</a> for a classic moment in time.)</p>
<p>The team is nicknamed <em>Amakhosi</em> which means "lords" or "chiefs" in Zulu. The club is unarguably the biggest football club in the country in terms of success and popularity, estimated to have over 16 million (<a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Loftus,%2023%20February%202008/Large/DSC_0228.jpg">very</a>, <a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Loftus%2012%20December%202007/Large/YL0W5580.jpg">very</a>, <a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Loftus%2022%20December%202007/Large/YL0W7299.jpg"><em>very</em></a> <a href="http://www.kaizerchiefs.com/Gallery/Images/Photos/Supporters/Matches/Durban%20August%202007/Large/_DSC0095.jpg">fanatical</a>) supporters - Nelson Mandela being one of them.</p>
<p>Kaizer Chief's brand manager responded to my e-mail request for information on the logo with the following:</p>
<blockquote><p>Kaizer Chiefs logo was made in 1969 and the only changes that have been made have been tiny graphic details to make it easier for embroidery etc. At one stage we were called IWISA Kaizer Chiefs after a sponsor. The Chiefs insignia has always been there and the colours have always been the same.</p></blockquote>
<p>After some more digging around I found the <a href="http://en.wikipedia.org/wiki/Atlanta_Chiefs">Atlanta Chiefs</a> logo (1967 - 1972, altered slightly when the club briefly reformed in 1979), and so the origins of the Kaizer Chiefs identity became clear. The chief mark underwent some small cosmetic changes, the full "Kaizer Chiefs" name was added around the mark, and two footballs were added on either side.</p>
<p><img src="/blog/wp-content/uploads/2009/06/kaizerchiefs2.png" alt="" width="500" height="115" /></p>
<p>I feel the footballs are unnecessary and redundant though, and I'm not a fan of the arc effect on the type either (although it doesn't bother me so much in the Atlanta Chiefs logo). And I'd always thought that the Kaizer Chief's chief had a visible eye line, but it turns out to be the beginning section of his <a href="http://images.google.com/images?q=indian+headdress">headdress</a>!</p>
<img src="/blog/?ak_action=api_record_view&id=1006&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/06/17/favourite-south-african-logos-3/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Hermit Crab</title>
		<link>http://coda.co.za/blog/2009/04/14/hermit-crab</link>
		<comments>http://coda.co.za/blog/2009/04/14/hermit-crab#comments</comments>
		<pubDate>Tue, 14 Apr 2009 15:07:57 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[digicam]]></category>
		<category><![CDATA[hermit crab]]></category>
		<category><![CDATA[macro]]></category>
		<category><![CDATA[stilbaai]]></category>
		<category><![CDATA[still bay]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1005</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/wWhAKV0ZlIM&amp;hl=en&amp;fs=1&amp;rel=0" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/wWhAKV0ZlIM&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<img src="/blog/?ak_action=api_record_view&id=1005&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/04/14/hermit-crab/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Defending IE6</title>
		<link>http://coda.co.za/blog/2009/04/01/defending-ie6</link>
		<comments>http://coda.co.za/blog/2009/04/01/defending-ie6#comments</comments>
		<pubDate>Wed, 01 Apr 2009 00:38:21 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[evangelism]]></category>
		<category><![CDATA[graceful degradation]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[progressive enhancement]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1004</guid>
		<description><![CDATA[Lately I've noticed an increasing trend among web designers/developers who are proudly announcing their decision to drop Internet Explorer 6 from their list of supported browsers, or advocating ways that enforce IE6 users into upgrading. Some of these methods are good for a laugh, some make the usual noise (complicate your markup with upgrade messages), [...]]]></description>
			<content:encoded><![CDATA[<p>Lately I've noticed an increasing trend among web designers/developers who are <a href="http://search.twitter.com/search?q=drop+ie6">proudly announcing</a> their decision to drop Internet Explorer 6 from their list of supported browsers, or advocating ways that <strong>enforce</strong> IE6 users into upgrading. Some of these methods are <a title="Overly Judgemental IE6 Splash Pages" href="http://blog.hugsformonsters.com/post/87657240/overly-judgemental-ie6-splash-pages">good for a laugh</a>, some <a title="Bring Down IE 6: a campaign by .net magazine" href="http://www.bringdownie6.com">make the</a> <a title="Norwegian Websites Declare War on IE 6" href="http://blog.wired.com/business/2009/02/norwegian-websi.html">usual noise</a> (complicate your markup with upgrade messages), while others are <a title="6 html and javascript codes to crash IE6" href="http://www.catswhocode.com/blog/6-html-and-javascript-codes-to-crash-ie6">downright</a> <a href="http://ie6update.com" title="Help kill Internet Explorer">scary</a>.</p>
<p>I have as much dispute with IE6 <a href="http://www.chigarden.com/2007/10/tutorial-making-the-ie-voodoo-doll/">as the next guy</a> - there's no denying that it's holding us back and we'd be better off without it - and I fully support <strong>non-disruptive</strong> evangelism efforts that encourage IE6 users to upgrade to a modern and more secure browser. It's in their best interest after all.</p>
<p>But the notion that IE6 support should be discontinued, or that its users should be blocked, is dangerously misguided and missing the point. IE6 isn't your problem, and you shouldn't even maintain a list of supported browsers in the first place. If you think I'm talking to you, continue reading.</p>
<p>Via <a href="http://hesketh.com/publications/inclusive_web_design_for_the_future/">Inclusive Web Design For the Future</a> (by <a href="http://www.hesketh.com/schampeo/">Steven Champeon</a> &amp; <a href="http://www.nickfinck.com">Nick Finck</a>):</p>
<blockquote><p>The goal of Web design is not merely to dazzle, but to deliver information to the widest audience possible. Compromise is possible and desirable, but such compromise should not come at the expense of the user, but rather in terms of the native capabilities of the user's choice of device.</p></blockquote>
<p>As someone that designs and develops online, one of my primary responsibilities is to deliver an accessible user experience. To my <em>users</em>, and <em>not</em> their choice of access. Their media device, operating system, browser, screen resolution or viewport - there's no denying that these factors should be considered when planning a new project, but they shouldn't ever be treated as constraints that place limitations on the interface or experience. They are merely variables that come together in any number of ways for any number of users. And although you can trend and analyse them today, they will undoubtedly change tomorrow, and next week, and month, and year... you get the picture.</p>
<p>If you think IE6 is today's problem, how will you deal with IE7, Firefox 2, Safari 3 or similar browser generations a year from now when they fail at rendering your standards-compliant CSS3? Cry foul like a stuck record from a bygone era and demand that your users upgrade once again to meet <em>your</em> standards? No, I didn't think so.</p>
<h3>Then what's the alternative?</h3>
<p>So glad you asked - <a href="http://en.wikipedia.org/wiki/Progressive_Enhancement">progressive enhancement</a> of course!</p>
<p>Before you point fingers, I'll be the first to admit that I'm not exactly a <acronym title="progressive enhancement">PE</acronym> poster boy candidate. Using this site as a quick example - I built it with best intentions <a title="Presenting v6" href="/blog/2008/04/29/presenting-v6">just under a year ago</a>, and despite saying then that I'd adopted a PE strategy, there are so many things that I'd do differently today. But in my defence, that's the very nature of designing for the web: a continuous cycle of learning, adapting and growing.</p>
<p>So PE isn't new to me, but adopting it's methodologies into my workflow has taken longer than I'd like, only because it demands changing a system that I've spent a long time refining, and these changes demand free time that I generally don't have. But with every new project, I take another step closer towards PE utopia. I'd say I'm currently bordering on a solid progressive enhancement strategy, while some thinking around the defunct <a title="'Graceful Degradation &amp; Progressive Enhancement' by Tommy Olsson" href="http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/">graceful degradation</a> approach still remains.</p>
<p>See <a title="Understanding Progressive Enhancement by Aaron Gustafson" href="http://www.alistapart.com/articles/understandingprogressiveenhancement">Understanding Progressive Enhancement</a> by Aaron Gustafson for an overview of the subtle differences between the two concepts.</p>
<blockquote><p>Both graceful degradation and progressive enhancement consider how well a site works in a variety of browsers on a variety of devices. The key is where they place their focus and how this affects workflow.</p></blockquote>
<p>Although I don't appreciate the sweetness offered by the M&amp;M anology, the article does a good job of introducing the two important follow-ups: <a href="http://www.alistapart.com/articles/progressiveenhancementwithcss">Progressive Enhancement with CSS</a> and <a href="http://www.alistapart.com/articles/progressiveenhancementwithjavascript">Progressive Enhancement with JavaScript</a>. Definitive reading!</p>
<p>Ultimately, you will need to take the basic principles and adapt them as best you can into your workflow, all within context of course (if you exclusively develop intranets for IE6 then don't bother). For example, the biggest changes that I've made include:</p>
<ul>
<li>Adopting a JavaScript library - together with <a title="'Behavioral Separation' by Jeremy Keith" href="http://www.alistapart.com/articles/behavioralseparation">behavioural separation</a>, jQuery provides me with powerful, unobtrusive and accessible methods for manipulating style and content. I swear by it, but I'm careful to not rely on it.</li>
<li>Resetting my CSS: see Eric Meyer's <a href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/">Reset Reloaded</a> (and <a href="http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/">Again</a>) as a starting point, or <a href="http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/">A Killer Collection of Global CSS Reset Styles</a> if you have the time.</li>
<li>Sizing my layouts and typography using ems - <a href="http://www.alistapart.com/articles/howtosizetextincss/">How to Size Text in CSS</a> (by Richard Rutter) is invaluable.</li>
<li>Using conditional comments to target IE6 and IE7-specific CSS for style compatibility. Familiarise yourself with IE's <a href="http://www.satzansatz.de/cssd/onhavinglayout.html">hasLayout</a> too - adding one simple rule to your conditional CSS will save you a lot of trouble and time.</li>
<li><a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/">DD_belatedPNG</a> - <em>Medicine for your IE6/PNG headache!</em> - the holy grail of PNG support in IE6</li>
<li>Being comfortable with the idea that despite the above points, my interface designs are secondary to the content that they deliver. They will <em>never</em> render consistently for <em>all</em> users - but then, they won't know the difference anyway.</li>
</ul>
<p>And there you have it! No more reason to blame IE6 for your laziness or reluctance to adapt. If you're not convinced, have your say in a comment. I'd also love to hear if and how you're using PE in your own work, or any experiences worth sharing.</p>
<div class="hr">&nbsp;</div>
<p>More reading:</p>
<ul>
<li><a href="http://icant.co.uk/articles/pragmatic-progressive-enhancement/">Pragmatic progressive enhancement  - why you should bother with it</a> (by <a href="http://www.wait-till-i.com"><span class="email fn">Christian Heilmann</span></a>)</li>
<li><a href="http://mark-story.com/posts/view/creating-gracefully-degrading-javascript-and-enabling-progressive-enhancement">Creating gracefully degrading javascript and enabling progressive enhancement</a> (via Mark Story)</li>
<li><a href="http://www.nvision.lu/blog/progressive-enhancement-in-action-part-2">Progressive enhancement in action</a> (via Nvision)</li>
</ul>
<img src="/blog/?ak_action=api_record_view&id=1004&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/04/01/defending-ie6/feed</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>Harder, Better, Faster, Stronger: a collection</title>
		<link>http://coda.co.za/blog/2009/03/12/harder-better-faster-stronger-collection</link>
		<comments>http://coda.co.za/blog/2009/03/12/harder-better-faster-stronger-collection#comments</comments>
		<pubDate>Thu, 12 Mar 2009 11:33:26 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[better]]></category>
		<category><![CDATA[daft punk]]></category>
		<category><![CDATA[electronic]]></category>
		<category><![CDATA[faster]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[harder]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[stronger]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=1003</guid>
		<description><![CDATA[Harder, Better, Faster, Stronger, the anime music video produced by Daft Punk and directed by Kazuhisa Takenouchi:

Daft Bodies (male version, Simpsons version):

Daft Hands (6x speed version):

Dwarfed Punk:

Groovy Dancing Girl:

Also don't miss The Daft Punk's Console by najle.com.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.youtube.com/watch?v=DgBgnoEY4iM">Harder, Better, Faster, Stronger</a>, the anime music video produced by Daft Punk and directed by <a href="http://en.wikipedia.org/wiki/Harder,_Better,_Faster,_Stronger#Music_video">Kazuhisa Takenouchi</a>:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/DgBgnoEY4iM&amp;hl=en&amp;fs=1&amp;rel=0" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/DgBgnoEY4iM&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=lLYD_-A_X5E">Daft Bodies</a> (<a href="http://www.youtube.com/watch?v=6EUupnF02vo">male version</a>, <a href="http://www.youtube.com/watch?v=RMBri0jXnzg">Simpsons version</a>):</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/lLYD_-A_X5E&amp;hl=en&amp;fs=1&amp;rel=0" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/lLYD_-A_X5E&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=K2cYWfq--Nw">Daft Hands</a> (<a href="http://www.youtube.com/watch?v=2hWPO-3sH3Q">6x speed version</a>):</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/K2cYWfq--Nw&amp;hl=en&amp;fs=1&amp;rel=0" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/K2cYWfq--Nw&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=PaDAiv0cYU4">Dwarfed Punk</a>:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/PaDAiv0cYU4&amp;hl=en&amp;fs=1&amp;rel=0" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/PaDAiv0cYU4&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=Sr2JneittqQ">Groovy Dancing Girl</a>:</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Sr2JneittqQ&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Sr2JneittqQ&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p>Also don't miss <a href="http://www.najle.com/idaft/">The Daft Punk's Console</a> by <a href="http://www.najle.com">najle.com</a>.</p>
<img src="/blog/?ak_action=api_record_view&id=1003&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/03/12/harder-better-faster-stronger-collection/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Favourite South African logos: Part 2</title>
		<link>http://coda.co.za/blog/2009/02/17/favourite-south-african-logos-2</link>
		<comments>http://coda.co.za/blog/2009/02/17/favourite-south-african-logos-2#comments</comments>
		<pubDate>Tue, 17 Feb 2009 11:51:16 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[neotel]]></category>
		<category><![CDATA[sasol]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[wimpy]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=994</guid>
		<description><![CDATA[This post continues where Part 1 left off, a little later than I was planning, but better late than never! Here are the next 3:

Sasol
I fell in love with the Sasol logo the moment I first saw it, which if I remember correctly was in an animated format online. It's almost hypnotic, I can stare [...]]]></description>
			<content:encoded><![CDATA[<p>This post continues where <a href="/blog/2009/01/26/favourite-south-african-logos-1">Part 1</a> left off, a little later than I was planning, but better late than never! Here are the next 3:</p>
<div class="hr"></div>
<h3>Sasol</h3>
<p>I fell in love with the Sasol logo the moment I first saw it, which if I remember correctly was in an animated format online. It's <a href="http://www.firedog-design.co.uk/assets/images/Version04.swf">almost hypnotic</a>, I can stare at it for ages, and I have to say that it's one of my top favourites of this series.</p>
<p><span class="portibody">The <a title="New Sasol logo gets international recognition" href="http://www.bizcommunity.com/Snippet/196/13/561.html">international award-winning</a> Sasol rebrand</span> was launched in <a href="http://www.cartoday.com/content/news/singlepage.asp?in=1551">2001</a> (I bet you don't remember <a href="http://web.archive.org/web/20001202012900/http://www.sasol.com/">their previous logo</a>).</p>
<p><img src="/blog/wp-content/uploads/2009/02/sasol1.png" alt="Sasol logo" width="500" height="150" /></p>
<p><a href="http://www.sasol.com">Sasol</a> (originally Afrikaans for <em>Suid-Afrikaanse Steenkool en Olie</em> - South African Coal and Oil) is an innovative and competitive global energy company, engaged in the commercial production and marketing of chemicals and liquid fuels; with a growing interest in oil and gas exploration. Established in 1950 by the South African government, Sasol employs more than 32 000 people worldwide and remains one of South Africa’s largest investors in capital projects, skills development and technological research and development.</p>
<p>Via Sasol's <a href="http://www.sasol.com/sasol_internet/frontend/navigation.jsp?navid=700017&amp;rootid=2">Corporate Identity</a> page:</p>
<blockquote><p>Sasol's identity owes its inspiration to what is at the core of what Sasol does - chemicals. It suggests the essence of the products, and businesses working in harmony in order to create something new and dynamic. The central sphere denotes stability, while the six rotating 'business units' suggest a force greater than the sum of its parts - strength through synergy.</p></blockquote>
<p><span class="portibody">Well that's the short of it. <a href="http://www.firedog-design.co.uk/who.htm">Clifford Boobyer</a>, Creative Director at <a href="http://www.firedog-design.co.uk">Firedog</a> (</span><span class="portibody">then creative lead at <a href="http://www.trademark-design.com">Trademark Design</a></span><span class="portibody">), </span><span class="portibody">was responsible for the Sasol global rebranding project and identity design. I exchanged a few e-mails with Clifford, who was very accommodating to share some insight into his creative processes:<br />
</span></p>
<blockquote><p>It was a mammoth project, with a very simple easily sold creative burst right up front.</p>
<p>At this stage of my career, I had just moved on from fiddling around with an application that shipped with early Macromedia called Extreme3D onto the more serious 3D Studio Max. I thought I might try build an identity around a 3D application - this was still before the trend of 3D marks we see so readily today, and it felt kind of cool to do something different.</p>
<p>So I got to grips with the Sasol business and soon worked out that all their business related back to organic compounds one way or another. Whether it be oils, gas, or any other compound - they all seemed to be built from the same building blocks: <a href="http://en.wikipedia.org/wiki/Hydrocarbon">Hydrocarbons</a>. And when you start looking at modelling around hydrocarbons - you can really get to understand where the brand mark started to develop. So I guess it was the geek in me (before Wikipedia, mind you) which became fascinated behind the science of the brand.</p></blockquote>
<p><img src="/blog/wp-content/uploads/2009/02/sasol2.png" alt="Sasol logo progression" width="500" height="115" /></p>
<p><strong>Chemistry in Motion</strong></p>
<p>I asked Cliff about the <a href="http://www.firedog-design.co.uk/assets/images/Version04.swf">animated logo</a> that applies to digital environments:</p>
<blockquote><p>Coupled with the new application I was learning, this journey of discovery inspired me to create a very progressive and animated mark. So I recreated the model in 3D Studio Max, based on a very basic layout sketch that I did. I think because what I wanted to do was so singular in it's idea - I didn't spend long sketching.</p>
<p>I dropped in a large Silver carbon atom and created a series of coloured hydrogen atoms that rotated on paths closely around the core. I remember the mark being multiple colours, red, green, blue, yellow etc. - we changed them all to shades of blue later on client consultation. It was then just a case of bringing the hydrogen atoms to life and making them move around the core, without bumping.</p>
<p>Because it was early days in 3D - there was no Flash output. I laboured one of the junior designers of the time with the process of recreating all the frames of the end animation in vector Flash. It turned out nicely at least!</p>
<p>So, I think it was one of those rare occurences of a brand identity that started with an animation. And moved on from there. The client bought the idea and the pitch in one go.</p>
<p>I think it was in the studio for 18 months and the brand guidelines generated in the end topped 750 pages.</p></blockquote>
<p>More reading: <a href="http://www.firedog-design.co.uk/ourwork/brandingandprint/sasol.htm">Sasol re-brand</a> at Firedog, and Sasol's <a href="http://www.sasol.com/brand/brandguide.swf">Electronic Brand Book</a> (2.3mb SWF)</p>
<div class="hr"></div>
<h3>Wimpy</h3>
<p>Up until I started this series, I'd always assumed that <a href="http://www.wimpy.co.za">Wimpy</a> is a uniquely South African brand. As it turns out, Wimpy was <a href="http://en.wikipedia.org/wiki/Wimpy_Bar#History">founded in London in 1954</a> while the brand (originally called <em>Wimpy Bars</em>) was originally created as early as the 1930s. By the early 1970s the business had expanded to over a thousand restaurants in 23 countries.</p>
<p><img src="/blog/wp-content/uploads/2009/02/wimpy1.png" alt="Wimpy logo" width="500" height="150" /></p>
<p><a href="http://www.wimpy.uk.com">Wimpy UK</a>, which comprises 194 outlets across England, Scotland and Wales, and operates a further 20 restaurants under a master licence arrangement in Ireland, is the largest independently owned franchised restaurant chain in the United Kingdom. The business owns the Wimpy trademark in 15 European countries.</p>
<p>Wimpy opened in South Africa in Durban in 1967. Today, Wimpy is one of the leading restaurant franchise groups in South Africa with more than 400 restaurants.</p>
<p><a href="http://www.famousbrands.co.za">Famous Brands</a>, owner of the Wimpy franchise in South Africa, <a href="http://www.wimpy.uk.com/press-fbaq.htm">acquired Wimpy UK</a> in February 2007. Having acquired the brand, Famous Brands rebranded Wimpy in the UK to bring it in line with Wimpy South Africa.</p>
<p>The bun logo in use today is apparently one used by Wimpy UK from the 1960s until the 1980s. After a bit of <a href="http://www.franchise-opportunities-x.com/images/p/1-20.gif">digging</a> on Google and Yahoo's image searches, I came across the following Wimpy logos, although I have no idea when and where they were in use.</p>
<p><img src="/blog/wp-content/uploads/2009/02/wimpy2.png" alt="Wimpy logos" width="500" height="115" /></p>
<p>My understanding is that the logo currently in use evolved from previous revisions and has since <a href="http://www.wimpy.uk.com/stores.html">found its way back</a> to the UK. So not strictly a South African logo, but a South African-owned brand and a real icon which I feel deserves some recognition. I love how the logo captures the essence of the brand with such simplicity.</p>
<div class="hr"></div>
<h3>Neotel</h3>
<p>The much anticipated Second National Operator (SNO) for fixed line telecommunication services in South Africa, <a href="http://www.neotel.co.za">Neotel</a> is licensed as South Africa's first alternative infrastructure-based telecoms provider, capable of delivering a broad range of wireline and wireless data telecoms services on a national and international level. It launched in August 2006.</p>
<p><img title="neotel1" src="/blog/wp-content/uploads/2009/02/neotel1.png" alt="" width="500" height="150" /></p>
<p><a href="http://www.thebrandunion.com/OurWork/Client/Neotel/70/CaseStudy/77/FullBrandCreation">The Brand Union</a>, <span class="helper">a global brand agency with 21 offices worldwide,</span> were tasked with a full brand creation which began in November 2005. I hope they don't mind that I've borrowed some images from their photo journal to illustrate how the logo mark was conceptualised:</p>
<p><img title="neotel2" src="/blog/wp-content/uploads/2009/02/neotel2.png" alt="" width="500" height="115" /></p>
<p>You can view a <a href="http://www.thebrandunion.com/OurWork/Client/Neotel/70/CaseStudy/77/FullBrandCreation">comprehensive case study</a> on their website. What follows is a short extract:</p>
<blockquote><p>The primary identity is composed of two points connected by the energy of communication. These "points" could represent people, places, ideas, even business opportunities. But overall, the symbol stands for Connectivity. Communication. Possibility.</p>
<p>This uniquely South African symbol draws from a warm, rich palette and resonates with the exuberance of a South African sunrise. The dawn of something new. Ultimately optimistic, the symbol is reflective of a future of hope. The activated orange creates a dynamic plane of colour in which the identity lives and advances. This creates the impression of the symbol living on, and beyond the page, advancing towards the customer. This upward, dynamic movement suggests aspiring to new heights.</p></blockquote>
<p>Etc, etc, etc. See the logo in action on the <a href="http://www.neotel.co.za/neotel/view/neotel/en/page11211">Neotel website</a> and in their first television ad:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/kuTuY-U3w7k&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/kuTuY-U3w7k&amp;hl=en&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div class="hr"></div>
<p><a href="/blog/2009/06/17/favourite-south-african-logos-3">Continued: Part 3</a></p>
<img src="/blog/?ak_action=api_record_view&id=994&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/02/17/favourite-south-african-logos-2/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Favourite South African logos: Part 1</title>
		<link>http://coda.co.za/blog/2009/01/26/favourite-south-african-logos-1</link>
		<comments>http://coda.co.za/blog/2009/01/26/favourite-south-african-logos-1#comments</comments>
		<pubDate>Sun, 25 Jan 2009 22:52:10 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[rugby]]></category>
		<category><![CDATA[sabc]]></category>
		<category><![CDATA[sharks]]></category>
		<category><![CDATA[stormers]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[UJ]]></category>
		<category><![CDATA[university of johannesburg]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=958</guid>
		<description><![CDATA[This post has been a while coming. I was initially planning to feature about 10 of my favourite South African logos in a single post, but while compiling the list I decided to rather split the post and dedicate more time to each logo.
I've mostly sourced information online, which I've found difficult for some, so [...]]]></description>
			<content:encoded><![CDATA[<p>This post has been a while coming. I was initially planning to feature about 10 of my favourite South African logos in a single post, but while compiling the list I decided to rather split the post and dedicate more time to each logo.</p>
<p>I've mostly sourced information online, which I've found difficult for some, so if you have anything to contribute please do so in a <a href="#addcomment">comment</a>, or <a href="/contact">contact me directly</a> if my information is incorrect, and I'll amend my post accordingly.</p>
<p>Which are your favourites, and why? Spend a few days thinking about it.</p>
<p>The logos featured are listed in no particular order. Here are the first 3:</p>
<div class="hr"></div>
<h3>SABC</h3>
<p>Simple. Attractive. Brilliant Concept.</p>
<p><a href="http://www.sabc.co.za"><img title="SABC" src="/blog/wp-content/uploads/2009/01/sabc1.png" alt="SABC" width="500" height="150" /></a></p>
<p>The <a href="http://www.sabc.co.za">SABC</a> (South African Broadcasting Corporation) is the state-owned broadcaster in South Africa and provides 18 radio stations (AM/FM) as well as 4 television broadcasts to the general public.</p>
<p>A snippet from their downloadable <a href="http://vcmstatic.sabc.co.za/VCMStaticProdStage/CORPORATE/SABC Corporate/StaticDocument/SABC_CIM_Micro.pdf">Corporate Identity Usage Manual</a> (PDF):</p>
<blockquote><p>Our identity encapsulates the original colours of South Africa’s rich heritage and national flag. The design depicts a clean SABC font for legibility, the broadcast signal of radio and television, radiating outward is paired with the shape of the African continent.</p>
<p>The SABC type is based on the <a href="http://www.myfonts.com/fonts/adobe/frutiger/">Frutiger</a> typeface. It bears witness to our self-image - no frills, but by no means ordinary, state-of-the-art but not artificially claiming to be new.</p></blockquote>
<p><img title="SABC" src="/blog/wp-content/uploads/2009/01/sabc2.png" alt="SABC" width="500" height="115" /></p>
<p>And more from their full CI Manual (which I found <a href="http://www.hq-gfx.de/wp-content/plugins/download-monitor/download.php?id=318">here</a>, 2007 version):</p>
<blockquote><p>The pay-off line "Vuka Sizwe!" ("Nation Arise!") drives the SABC as a Public Service Broadcaster. This verbal expression informs all SABC decisions - it says: Rise South Africa! Let's build a winning nation together.</p></blockquote>
<p>Designed by <a href="http://www.switchdesign.com/#/showcase/byoffice/29/244/">Switch Design</a>.</p>
<div class="hr"></div>
<h3>Sharks Rugby</h3>
<p>Cape Town's roads are ruled by two brands. What I mean by that is: with the exception of a few surf brands and English footy teams, you're more than likely to spot a car proudly adorned with one of two stickers. One is an <a href="http://www.apple.com">apple</a> (sometimes upside down, but always identifiable). The other is black and white, and belongs to <a href="http://www.sharksrugby.co.za">The Sharks</a>.</p>
<p>This is all the more impressive when you consider that Cape Town is home to the <a href="http://www.iamastormer.com">Stormers</a>, whose supporters are nowhere near as passionate when it comes to showing off their team's <a title="Stormers logo" href="/blog/wp-content/uploads/2009/01/vodacom-stormers.jpg">"S" wrapped around a lightning bolt</a> (ooohh, so intimidating).</p>
<p>This mascot is what sets the Sharks miles apart from their competition:</p>
<p><a href="http://www.sharksrugby.co.za"><img title="Sharks Rugby" src="/blog/wp-content/uploads/2009/01/sharks1.png" alt="Sharks Rugby" width="500" height="150" /></a></p>
<p><a href="http://www.sharksrugby.co.za">The Sharks</a> are a South African rugby union team competing in the Super 14. They are based in Durban and centred around the Natal Sharks union, also based in Durban and drawing players from all of KwaZulu-Natal Province.</p>
<p>In late 1995, after being informally called the <em>Banana Boys</em> for a substantial amount of time, the Natal Rugby Union adopted the Shark as their official mascot and namesake for the team. The Sharks mascot was launched in 1995 but the rebranding went into full swing in 1996.</p>
<p>Via <a href="http://www.nationmaster.com/encyclopedia/Sharks-(rugby-club)">Sharks (rugby club)</a> on NationMaster:</p>
<blockquote><p>The Sharks branding was the brain child of <a href="http://www.socialstrategygroup.com/indexbeta.php?p=terry">Terry Kukle</a>, the owner of <a href="http://taginternational.com">Tag International</a>. After assessing international marketing trends, Kukle presented this strategy to the council of the Natal Rugby Union. After many meetings a decision was finally made to go ahead with the new branding.</p>
<p>The local press at first were very hesitant to accept the new name and branding and fans were polarised by the radical proposed change that flew in the face of rugby tradition and convention. After much controversy in the media (which very rapidly brought the proposed brand to everyone's attention) and a very successful season supported by great products and promotions the Sharks were embraced by all.</p>
<p>The Sharks' marketing has been widely acknowledged in marketing and rugby circles as best practice and included as a successful case study in many marketing text books.</p></blockquote>
<p>More reading: <a href="http://www.sharksrugby.co.za/default.asp?Id=12178&amp;des=content">The Sharks Brand</a> at sharksrugby.co.za, and <a href="http://en.wikipedia.org/wiki/Sharks_(Super_rugby_franchise)#The_Sharks_Brand">The Sharks Brand</a> at Wikipedia.</p>
<p>(The Sharks are one of two sports teams that I'll be featuring, try and guess the other!)</p>
<div class="hr"></div>
<h3>University of Johannesburg</h3>
<p>I've featured this one on my blog <a href="/blog/2007/10/29/university-of-johannesburg-logo">previously</a>, if you missed that post then here it is again:</p>
<p><a href="http://www.uj.ac.za"><img title="University of Johannesburg" src="/blog/wp-content/uploads/2009/01/uj1.png" alt="University of Johannesburg" width="500" height="150" /></a></p>
<p>Established in December 2005, the <a href="http://www.uj.ac.za">University of Johannesburg</a> is the result of a merge between two of Gauteng's premier academic institutions - <a href="http://en.wikipedia.org/wiki/Rand_Afrikaans_University">Rand Afrikaans University</a> (RAU) and <a href="http://en.wikipedia.org/wiki/Technikon_Witwatersrand">Technikon Witwatersrand</a> (TMR) - and some <a href="http://en.wikipedia.org/wiki/Vista_University">Vista University</a> campuses. With over 40 000 full-time students and 2 700 permanent employees, it's one of the largest residential universities in South Africa.</p>
<p>In a joint venture, <a href="http://www.ibsa.co.za">Interbrand Sampson</a> and <a href="http://www.zanusi.co.za">Zanusi Brand Solutions</a> were appointed to develop the brand. <a href="http://www.code.co.za/archives.asp?client=33">Code</a> collaborated to design the logo as well as separate sports brands and just under 100 applications on everything from letterhead to signage and sports wear.</p>
<p>If you're curious you can read <a title="Visual brand identity unveiled for future University of Johannesburg" href="http://www.bizcommunity.com/PressOffice/PressRelease.aspx?i=322&amp;ai=5463">Interbrand Sampson's press release</a> which goes into <em>extreme</em> detail regarding the design process and outcome, <a href="http://www.code.co.za/archives.asp?client=33">view more designs</a> at Code's website, or read more on <a href="http://www.uj.ac.za/Informationabout/OurBrand/tabid/8287/Default.aspx">UJ's website</a>.</p>
<p>My favourite part of the logo is the book. Via the press release:</p>
<blockquote><p>In the centre of the logo, through the creative use of space, the illusion of an open book is created, representative of the book of knowledge. It is up to the beholder of the logo to notice that the space between the birds takes the shape of a book, thereby experiencing that learning and knowledge generation imply an interactive process.</p></blockquote>
<p>The birds are unmistakably the colourful <a href="/blog/wp-content/uploads/2009/01/hoopoe.jpg">African Hoopoe</a>, which is depicted more strongly in their <a href="/blog/wp-content/uploads/2009/01/uj_sport_logo.gif">Sports Bureau logo</a>, visible in action at <a href="http://www.uj.ac.za/ujsport">www.uj.ac.za/ujsport</a>.</p>
<p>The typeface is <a href="http://new.myfonts.com/fonts/adobe/avenir/">Avenir</a>.</p>
<div class="hr"></div>
<p><a href="/blog/2009/02/17/favourite-south-african-logos-2">Continued: Part 2</a></p>
<img src="/blog/?ak_action=api_record_view&id=958&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2009/01/26/favourite-south-african-logos-1/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Creative Cape Town Walking Tour</title>
		<link>http://coda.co.za/blog/2008/11/19/creative-cape-town-walking-tour</link>
		<comments>http://coda.co.za/blog/2008/11/19/creative-cape-town-walking-tour#comments</comments>
		<pubDate>Wed, 19 Nov 2008 14:07:06 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[cape town]]></category>
		<category><![CDATA[cape town partnership]]></category>
		<category><![CDATA[ccid]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[creative cape town]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[tour]]></category>
		<category><![CDATA[walk]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=985</guid>
		<description><![CDATA[A morning walk through the streets of the CBD and the East City with the Creative Cape Town programme, organised by Cape Town Partnership and the CCID.

View full photoset
Creative Cape Town is a social, economic and spatial strategy to promote an active, vibrant and diverse Central City by using culture to accelerate urban regeneration.
It aims [...]]]></description>
			<content:encoded><![CDATA[<p>A morning walk through the streets of the <acronym title="Central Business District">CBD</acronym> and the East City with the <a href="http://www.capetownpartnership.co.za/programmes/creativecapetown.html">Creative Cape Town</a> programme, organised by <a href="http://www.capetownpartnership.co.za/experience/walkingtours.html">Cape Town Partnership</a> and the <a title="Central City Improvement District" href="http://www.capetownpartnership.co.za/ccid.html">CCID</a>.</p>
<div style="overflow: auto; width: 100%; height: 265px; white-space: nowrap; margin-bottom: 10px"><a href="http://www.capetownpartnership.co.za/programmes/creativecapetown.html"><img title="Creative Cape Town" src="/blog/wp-content/uploads/2008/11/creativecapetown.png" alt="Creative Cape Town logo" width="181" height="240" /></a><a title="Long Street by coda, on Flickr" href="http://www.flickr.com/photos/coda/3042720233/"><img style="margin:0 10px;" src="http://farm4.static.flickr.com/3135/3042720233_12d146c1c2_m.jpg" alt="Long Street" width="180" height="240" /></a><a title="Grand Parade and City Hall by coda, on Flickr" href="http://www.flickr.com/photos/coda/3042743135/"><img src="http://farm4.static.flickr.com/3153/3042743135_7a3e9d7595_m.jpg" alt="Grand Parade and City Hall" width="180" height="240" /></a><a title="Cape Town Central Station by coda, on Flickr" href="http://www.flickr.com/photos/coda/3042746281/"><img style="margin:0 10px;" src="http://farm4.static.flickr.com/3215/3042746281_25faac51a3_m.jpg" alt="Cape Town Central Station" width="180" height="240" /></a></div>
<p><a href="http://www.flickr.com/photos/coda/sets/72157609446542265/">View full photoset</a></p>
<blockquote><p><a href="http://www.capetownpartnership.co.za/programmes/creativecapetown.html">Creative Cape Town</a> is a social, economic and spatial strategy to promote an active, vibrant and diverse Central City by using culture to accelerate urban regeneration.</p>
<p>It aims to support the more than 700 creative and cultural practitioners based in the city centre. These include individuals and companies involved in architecture, advertising and communication, media, jewellery, fashion, crafts, visual arts and photography, the heritage, music, performance and film sectors.</p></blockquote>
<p><a href="http://www.capetownpartnership.co.za/programmes/creativecapetown/joinourcreativeclustersnetwork.html">Join the Creative Clusters Network</a></p>
<img src="/blog/?ak_action=api_record_view&id=985&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/11/19/creative-cape-town-walking-tour/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>The IEC saga: an early warning to other national standards offenders</title>
		<link>http://coda.co.za/blog/2008/11/05/the-iec-saga-an-early-warning-to-other-national-standards-offenders</link>
		<comments>http://coda.co.za/blog/2008/11/05/the-iec-saga-an-early-warning-to-other-national-standards-offenders#comments</comments>
		<pubDate>Tue, 04 Nov 2008 22:08:46 +0000</pubDate>
		<dc:creator>coda</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[advocacy]]></category>
		<category><![CDATA[evangelism]]></category>
		<category><![CDATA[HRC]]></category>
		<category><![CDATA[IEC]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[politics]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[thoughts]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://coda.co.za/blog/?p=984</guid>
		<description><![CDATA[As a long time advocate for best practices in web design, W3C standards compliancy, and the open source movement, this quite simply blows my mind on so many different levels:
The Independent Electoral Commission will spend R3 million to fix its broken website as complaints mount.
Wow!
Allow me to first provide an overview of the events leading [...]]]></description>
			<content:encoded><![CDATA[<p>As a long time advocate for best practices in web design, W3C standards compliancy, and the open source movement, this quite simply blows my mind on so many different levels:</p>
<blockquote><p>The Independent Electoral Commission <a href="http://mybroadband.co.za/news/Internet/5843.html">will spend R3 million to fix its broken website</a> as complaints mount.</p></blockquote>
<h3>Wow!</h3>
<p>Allow me to first provide an overview of the events leading up to this latest development of absurdity in the IEC website saga, before I add my own thoughts.</p>
<p>In late August, Alistair Otter <a title="SA election body rejects Linux users" href="http://www.tectonic.co.za/?p=2861">published an article on Tectonic</a> (a popular open source-related technology site) about how the South African Independent Electoral Commission (IEC)'s website was denying access to visitors not using the Internet Explorer web browser on a Microsoft Windows platform. That in itself was nothing new: in January 2006 I blogged about their site, listed among others, pointing out that exact shortcoming - see <a href="/blog/2006/01/11/state-of-south-african-political-websites">State of South African political websites</a>. Ian Gilfillan commented, bringing to my attention that South Africa's political web <a title="Political party websites revisited" href="/blog/2006/01/16/political-party-websites-revisited">wasn't any better in 2004</a> either. However, the focus of that post shifted to the <acronym title="Democratic Alliance">DA</acronym> in particular, because I successfully compromised the security of their <acronym title="Content Management System">CMS</acronym>. ;)</p>
<p>To date, over two months later, the IEC have made no discernible effort to correct this flaw. Visitors to <a href="http://www.iec.org.za">http://www.iec.org.za</a> ("www" subdomain required - <a href="/blog/2003/10/02/is-your-website-accessible-without-the-www-subdomain">WHY!?</a>) using any browser other than Internet Explorer will receive this message:</p>
<blockquote><p>Our server detected that you are using a browser or operating system (e.g. Netscape, Mozilla Firefox, Google Chrome etc.) which is currently incompatible with our website. The current website is only compatible with Microsoft Internet Explorer V4 (and upward) on the Windows operating system.</p></blockquote>
<p>In the days that followed Alistair's Tectonic post, <a title="Vulindlela - Open the Path" href="http://www.raffee.co.za">Aslam Raffee</a> (chairman of the South African Government OSS working group), Daniel Mashao (the <acronym title="Chief Technical Officer">CTO</acronym> of <a title="State IT Agency" href="http://www.sita.co.za">SITA</a>) and Helen King (Principal Advisor of <a href="http://www.shuttleworthfoundation.org">The Shuttleworth Foundation</a>) laid a complaint with the Human Rights Commission (HRC) against the IEC for excluding non-Internet Explorer users from its website. Aslam has made <a href="http://www.raffee.co.za/post/48281145/digital-apartheid">the full complaint</a> available on this blog.</p>
<p>The latest developments that made headlines today, in response to the HRC complaint, is that the IEC <a href="http://mybroadband.co.za/news/Internet/5843.html">will be spending R3 million to fix their broken website</a>. And when they say <em>broken</em>, they're referring to the fact that it was designed and developed (way back in 1998) using Microsoft's proprietary technologies - so in effect they will be redesigning and redeveloping it to support all their visitors. My response to this news <a href="http://www.tectonic.co.za/?p=3559#comments">echos what everyone else has said</a>.</p>
<p>On top of that, <a title="5 loaves, 2 fischers" href="http://kmf.tumblr.com">Karl Fischer</a> - a well-known open source advocate - launched the <a href="http://www.digitalapartheid.com/">No Firefox! No Vote!</a> campaign today:</p>
<blockquote><p>...urging Internet users to email or fax IEC chief information officer Libisi Maphanga, to demand that the organisation make its website available to all users.</p></blockquote>
<p><acronym title="Love Your Work">LYW</acronym> Karl. Visit <a href="http://digitalapartheid.com">Stop Digital Apartheid</a> to get in on the act.</p>
<p>Raoul Snyman, a fellow web developer, has published <a href="http://blog.saturnlaboratories.co.za/2008/11/04/an_open_letter_to_mr_maphanga_cio_of_the_iec.html">An Open Letter to Mr Maphanga, CIO of the IEC</a>.</p>
<h3>So where am I going with all of this?</h3>
<p>Well, regular readers of this blog will know that in the past, I had a tendency to <a href="/blog/2002/05/22/what-is-it-with-local-websites-restricting-access-to-non-ie-browsers">name</a> <a href="/blog/2002/11/06/edgars-just-imagine">and</a> <a href="/blog/2002/10/03/why-the-new-cell-c-web-site-will-harm-their-brand">shame</a> the big brand national websites that failed acceptable support for web standards (to the point that I even maintained an "<a href="/blog/2002/12/17/evangelist-hall-of-shame">Evangelism list</a>" for a while), in an effort to get them to realise and admit their shortcomings, and as a result make the appropriate changes for the benefit of their users. I doubt it made any difference, but if anything I hope it provided some insight for those who stumbled upon it.</p>
<p>Six years on, with a wide variety of modern web browsers and technologies fighting a new browser war, there sadly still exists an ignorant mindset that internet user's best interests should be disregarded in favour of designing and developing for a specific browser, platform or device. This has got to change.</p>
<h3>The IEC have become the new posterchild for the return of the evangelism list.</h3>
<p>My resolution is this: a public wiki or blog that shames (in a constructive manner) the local websites that fail an acceptable level of support for W3C web standards (ie. they're browser/platform/device incompatible), accessibility guidelines, and potentially also best practices in web design and development.</p>
<p>Alongside this list, links to local designers and developers who are accredited with providing the relevant services that meet this demand - and are willing to do it for a budget well within R3 million.</p>
<p>And for good measure, a list of sites that showcase the multitude of benefits associated with a standards-compliant, accessible and usable approach to modern web design.</p>
<p>If you like this idea and think it has the potential for good, lets hear your thoughts in the comments below, or you can <a href="/contact">contact me</a> directly. Thanks.</p>
<img src="/blog/?ak_action=api_record_view&id=984&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://coda.co.za/blog/2008/11/05/the-iec-saga-an-early-warning-to-other-national-standards-offenders/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>
