<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Cocoia Blog</title>
	
	<link>http://blog.cocoia.com</link>
	<description>The Cocoia Blog is the website of Sebastiaan de With, a Dutch Icon and Interface designer.</description>
	<lastBuildDate>Mon, 15 Mar 2010 14:16:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/cocoia" /><feedburner:info uri="cocoia" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Razer Mamba Giveaway</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/rgHgNSOuCN4/</link>
		<comments>http://blog.cocoia.com/2010/razer-mamba-giveaway/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 14:16:29 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Giveaways]]></category>
		<category><![CDATA[awesome]]></category>
		<category><![CDATA[giveaway]]></category>
		<category><![CDATA[mice]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[razer]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=2016</guid>
		<description><![CDATA[Razer, a manufacturer of ‘gaming’-class hardware has recently announced Mac support for their entire product line. It&#8217;s a badly kept secret that I&#8217;m a big fan of Razer&#8217;s offerings (particularly their mice), and that makes me especially happy to announce this giveaway.

To bring attention to Razer now considering the Mac platform a serious alternative to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.razerzone.com">Razer</a>, a manufacturer of ‘gaming’-class hardware has recently <a href="http://press.razerzone.com/content/view/419/101/">announced Mac support</a> for their entire product line. It&#8217;s a badly kept secret that I&#8217;m a big fan of Razer&#8217;s offerings (particularly their mice), and that makes me especially happy to announce this giveaway.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Razer-Mamba.png" alt="" title="Razer Mamba" width="508" height="352" class="alignnone size-full wp-image-2017" /></p>
<p>To bring attention to Razer now considering the Mac platform a serious alternative to Windows for gaming, I&#8217;m giving away Razer&#8217;s flagship mouse, the <a href="http://store.razerzone.com/store/razerusa/en_US/pd/productID.169418100">Mamba</a>. It&#8217;s a fantastic mouse, with wired and wireless modes (it even charges when you plug the wire in) and its design matches Mac hardware quite well. It retails for about $120.</p>
<p>And yes, you can disable that blue lighting in software. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Mamba-in-its-Dock.png" alt="" title="Mamba in its Dock" width="508" height="351" class="alignnone size-full wp-image-2019" /></p>
<p>I&#8217;m also throwing in a complimentary beta key for <a href="http://www.apb.com/">APB</a> and a  Source-engine game of your choice on Steam, like Counter-Strike: Source, Portal, Team Fortress 2 or Half-Life 2 (remember: Steam is <a href="http://www.valvesoftware.com/news.php?id=3568">coming to Mac</a> in April!). </p>
<p><a href="http://twitter.com/home?status=RT%20@Cocoia: Celebrating Razer's Mac support: Razer Mamba Giveaway. http://coc.io/cSiavS">Retweet this post</a> any time between today and Wednesday, March 17th to qualify. You should follow me on twitter <a href="http://www.twitter.com/cocoia">here</a> so I can DM you when the winners are picked. Winners will also be announced on <a href="http://www.twitter.com/cocoia">my twitter</a> and the blog April 2nd. </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/rgHgNSOuCN4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/razer-mamba-giveaway/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/razer-mamba-giveaway/</feedburner:origLink></item>
		<item>
		<title>Here, Icon Icon!</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/zbf1W2UWer4/</link>
		<comments>http://blog.cocoia.com/2010/here-file-file/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 17:34:02 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Commercial Work]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Icon Design]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[assignment]]></category>
		<category><![CDATA[commercialwork]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[herefilefile]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[icondesign]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[makingtheicon]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=1981</guid>
		<description><![CDATA[A while ago Buck Wilson, the designer in a small team of Portland-bound guys, contacted me about icon design for Here, File File!, an iPhone app that lets you connect back to your Mac from anywhere and read, view, and stream your files. As opposed to the popular Dropbox and iDisk apps, it allows full [...]]]></description>
			<content:encoded><![CDATA[<p>A while ago Buck Wilson, the designer in a small team of Portland-bound guys, contacted me about icon design for <a href="http://herefilefile.com/">Here, File File!</a>, an iPhone app that lets you connect back to your Mac from anywhere and read, view, and stream your files. As opposed to the popular Dropbox and iDisk apps, it allows full access to all the files on your Mac, instead of just a few hand-picked ones. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Here-File-File.png" alt="" title="Here File File" width="508" height="164" class="alignnone size-full wp-image-2010" /></p>
<p>I happily started working for them to make a kick-ass icon. There was an additional challenge as multiple icons were required: a Mac icon, a menubar icon, and an iPhone icon, which required a metaphorical connection between all of them. Buck mentioned they had an idea for using a doghouse for the Mac app and a dog with files on the iPhone, but I recommended against using animal motifs. Not only do we have the classic divide between ‘dog people’ and ‘cat people’ to worry about; animal motifs are just not very suitable in iPhone icons. </p>
<p><span id="more-1981"></span></p>
<p>And thus the conceptual phase began, which we kicked off with a bunch of sketches of various possible designs and metaphors that could work in the menubar, on an OS X disk image and on the iPhone. I wanted to focus primarily on the iPhone icon design, though, as this was the selling point of the application in the App Store.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Here-File-File-Concepts1.png" alt="" title="Here File File Concepts" width="508" height="358" class="alignnone size-full wp-image-2005" /></p>
<p><em>Some of the concepts for the iPhone icon.</em></p>
<p>In the end, we settled for the companion necklace metaphor. Some of the other concepts were nice, but didn&#8217;t communicate the application purpose as nicely or had so much branding value. Now the challenge was to extend the concept and develop it further so it could be expressed in a consistent way in all three usage scenarios. </p>
<p>The iPhone icon was mocked up with actual shape layers, and sent to Buck for review. Buck loved it, so I proceeded to iteratively develop it into the final icon. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Here-File-File-Iconparison.png" alt="" title="Here File File Iconparison" width="508" height="710" class="alignnone size-full wp-image-2007" /></p>
<p>Above is the full iconparison™ of the first mockup to the last proposed final version. It went through quite a few revisions until we arrived at the final version, with all its nice details that are invisible in the revision history image. The little silver beads on the necklace, for instance, reflect the pillow and pendants accordingly depending on their position in the icon. They were all hand-drawn in Photoshop, though I occasionally did a quick 3D render to check if it was all ‘right’.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/finals.png" alt="" title="All the finals" width="508" height="358" class="alignnone size-full wp-image-2009" /></p>
<p>I completed the menubar and Mac icon, just in time for the release of the app. Buck did a kick-ass job on<a href="http://herefilefile.com/"> the website</a>, using some parts from the iPhone icon&#8217;s PSD to make an awesome consistent branded look. </p>
<p>Here File File is available from <a href="http://itunes.apple.com/us/app/here-file-file/id354105568?mt=8">the App Store</a>, and while biased, I recommend getting it. It&#8217;s one of those things that can save your ass when you&#8217;re out and forgot a file.  </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/zbf1W2UWer4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/here-file-file/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/here-file-file/</feedburner:origLink></item>
		<item>
		<title>Bricky is here</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/J5UbaM3E2rc/</link>
		<comments>http://blog.cocoia.com/2010/bricky-is-here/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 15:32:18 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Personal Work]]></category>
		<category><![CDATA[blueshirt]]></category>
		<category><![CDATA[bricky]]></category>
		<category><![CDATA[buy]]></category>
		<category><![CDATA[items]]></category>
		<category><![CDATA[shirt]]></category>
		<category><![CDATA[tshirt]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=1998</guid>
		<description><![CDATA[Bricky, my shirt advocating a life without Flash on iPad and iPhone (or perhaps open video itself &#8211; or happy plugins? I guess everyone can make up their own meaning) is now ready to be delivered to your doorstep. 

Bricky is a very limited run. There will be no re-prints, so get it now. Printed [...]]]></description>
			<content:encoded><![CDATA[<p>Bricky, my shirt advocating a life without Flash on iPad and iPhone (or perhaps open video itself &#8211; or happy plugins? I guess everyone can make up their own meaning) is now <a href="http://www.buyolympia.com/q/Item=bricky-shirt">ready to be delivered to your doorstep</a>. </p>
<p><a href="http://www.buyolympia.com/q/Item=bricky-shirt"><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Bricky-is-here.png" alt="" title="Bricky is here" width="508" height="318" class="alignnone size-full wp-image-1999" /></a></p>
<p>Bricky is a very limited run. <em>There will be no re-prints</em>, so <a href="http://www.buyolympia.com/q/Item=bricky-shirt">get it now</a>. Printed once more at very high quality by the fine lads of BuyOlympia on genuine American Apparel shirts.</p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/J5UbaM3E2rc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/bricky-is-here/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/bricky-is-here/</feedburner:origLink></item>
		<item>
		<title>Design Tea</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/CosstRPx5EI/</link>
		<comments>http://blog.cocoia.com/2010/design-tea/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 15:00:07 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=1993</guid>
		<description><![CDATA[I was asked to answer a few questions from you all on the Design Tea podcast, right on the heels of Tim van Damme. 

(pardon the random image from the movie)
You can watch the whole thing here. If you do have more questions feel free to leave them in the comments. Thanks to Linebreak for [...]]]></description>
			<content:encoded><![CDATA[<p>I was asked to answer a few questions from you all on the <a href="http://labs.bylinebreak.com/designtea/">Design Tea</a> podcast, right on the heels of Tim van Damme. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/DesignTea-Me.png" alt="" title="DesignTea-Me" width="508" height="358" class="alignnone size-full wp-image-1994" /></p>
<p>(pardon the random image from the movie)</p>
<p>You can watch the whole thing <a href="http://vimeo.com/10035110">here</a>. If you do have more questions feel free to leave them in the comments. Thanks to Linebreak for having me. </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/CosstRPx5EI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/design-tea/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/design-tea/</feedburner:origLink></item>
		<item>
		<title>Being Flash Free</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/h3pUAfSvDxE/</link>
		<comments>http://blog.cocoia.com/2010/being-flash-free/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 17:54:37 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[clicktoflash]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flashfreefebruary]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[products]]></category>
		<category><![CDATA[ramble]]></category>
		<category><![CDATA[rant]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=1983</guid>
		<description><![CDATA[I tend to be harsh on Flash a lot, and I dislike it as much as the next standards-advocating (and technologically savvy) Mac user. Since I like putting my money where my mouth is, I decided to try going into February and not use Flash even once during all of its 28 days, inspired by [...]]]></description>
			<content:encoded><![CDATA[<p>I tend to be harsh on Flash a lot, and I dislike it as much as the next standards-advocating (and technologically savvy) Mac user. Since I like putting my money where my mouth is, I decided to try going into February and not use Flash even once during all of its 28 days, inspired by <a href="http://binarybonsai.com/about/">Michael Heilemann</a>&#8217;s initiative to do the same. He even <a href="http://binarybonsai.com/2010/02/02/flash-free-february/">logged his difficulties</a>, which I haven&#8217;t and won&#8217;t be doing.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/03/Fl-free.png" alt="Flash Free" title="Flash Free" width="508" height="358" class="alignnone size-full wp-image-1987" /></p>
<p>For me, the conclusion after February was clear. I missed out on a few things that annoyed me intensely. Most of the things I missed out on were videos on websites like <a href="http://ted.com">TED</a> and the <a href="http://nytimes.com">New York Times</a>. I had some catching up to do after February. With the help of <a href="http://rentzsch.github.com/clicktoflash/">ClicktoFlash</a> and Youtube and Vimeo&#8217;s HTML5 players I was able to watch most of the video content out there, but there is still a lot that you can&#8217;t watch without that little plugin. I also ‘missed out’ on a truckload of so-called ‘rich advertisements’, which I absolutely adored. </p>
<p>But the problem of going through your digital life without Flash it&#8217;s not just videos on otherwise accessible websites. Try browsing for motion design agency showreels and websites for new games without Flash. Some industries have a vested interest in Flash because it is a mature platform for graphic websites, despite advances in HTML + CSS + Javascript. And I can imagine; the Flash-less approach doesn&#8217;t only break down in some browsers, it&#8217;s simply not mature yet. Take a look at the current Macheist page. At the time of this writing, it is using 65 to 70 percent of the processing power in my early 2008 Mac Pro, equipped with eight Xeon cores. </p>
<p>Worse still, people hail these Flash-free websites as progress and the road to the future. With terrible performance and compatibility like that, I prefer Flash, despite its drawbacks and proprietary nature. Actually using these technologies and advacing the state of the art is great, but I hope it doens&#8217;t put these upcoming standards in a bad light. It&#8217;s worth noting, however, that a lot of these techniques are in their infancy. </p>
<p>I&#8217;ll be happy with a more efficient and well-performing Flash plugin for Mac, but what I want above everything is a access to the of data that is used by web plugins. It&#8217;d be great if I would&#8217;ve been able to at least view the motion agencies&#8217; showreels (which are all in Quicktime) and read a bit about games or view some screenshots without requiring a plugin. If I do want to opt into the so-called ‘rich’ web experience, I&#8217;ll use Flash, Silverlight, or Web Plugin #4512 to render blinking text and videos projected onto cubes which fall down the screen and bounce around using realistic physics. </p>
<p>Microsoft Labs is doing great things with Silverlight that aren&#8217;t possible with Javascript and modern standard-based technologies (yet?), like Pivot, which was <a href="http://www.ted.com/talks/gary_flake_is_pivot_a_turning_point_for_web_exploration.html">demonstrated at TED this year</a> (Flash video &#8211; sigh). Pivot&#8217;s data, however, for at least half of the video, is <em>the actual web</em>, built on standards and accessible to any technology. This way, if another superior technology comes by or a plugin is no longer supported, anyone can harness the power of the existing data to replicate or even improve on the functionality that we&#8217;re so accustomed to. I like that.</p>
<p>There is nobody stopping you from making an iPad or iPhone application using Core Animation which browses Wikipedia like Pivot does &#8211; try doing that with all the video that is on the internet. </p>
<p>In conclusion, I&#8217;m actually <em>happy</em> to use Flash again to get at all the content I want. I&#8217;m equally happy to have missed out on the drawbacks of Flash. While before February I was convinced Flash had no place in the world, I am now a bit more relaxed about it. Flash has its place &#8211; but we shouldn&#8217;t lose track of the real goal: making the data we want to interface with accessible regardless of the technology I have on my computer, be it a phone, tablet, or PC. </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/h3pUAfSvDxE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/being-flash-free/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/being-flash-free/</feedburner:origLink></item>
	</channel>
</rss>
