<?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>Johan Brook</title>
	<atom:link href="http://johanbrook.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://johanbrook.com</link>
	<description>is a designer and developer with taste</description>
	<lastBuildDate>Mon, 14 May 2012 11:35:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Perfection doesn&#8217;t exist</title>
		<link>http://johanbrook.com/life/perfection/</link>
		<comments>http://johanbrook.com/life/perfection/#comments</comments>
		<pubDate>Mon, 14 May 2012 11:16:47 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Life]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[creator]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[perfection]]></category>
		<category><![CDATA[philosophy]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1279</guid>
		<description><![CDATA[What is perfection? Who decides what is perfect, and when does one know when perfection is achieved? Is it even possible to achieve? Questions, questions. This post is a bit abstract and blurry, but I find the subject interesting and worth discussing. If you do creative arts, may it be graphic design, web design, or UI design, it&#8217;s easy to strive for perfection. You tweak them pixels and sacrifice sleep in order to achieve the glorious word perfection. If you are like me, you value the details and want things done thoroughly and polished. You want to get it &#8220;just right&#8221;. But does perfection exist? It&#8217;s a bit abstract and perhaps read as a whimsy and irrelevant discussion, but yet &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/life/perfection/">Read more →</a></p>]]></description>
			<content:encoded><![CDATA[<p class="ingress"><strong>What is perfection?</strong> Who decides what is perfect, and when does one know when perfection is achieved? Is it even possible to achieve? Questions, questions. This post is a bit abstract and blurry, but I find the subject interesting and worth discussing.</p>
<p>If you do creative arts, may it be graphic design, web design, or UI design, it&#8217;s easy to strive for perfection. You tweak them pixels and sacrifice sleep in order to achieve the glorious word <em>perfection</em>. If you are like me, you value the details and want things done thoroughly and polished. You want to get it &#8220;just right&#8221;. </p>
<p>But does perfection exist? It&#8217;s a bit abstract and perhaps read as a whimsy and irrelevant discussion, but yet I&#8217;m still pondering over the idea that perfection isn&#8217;t achievable by humans.</p>
<p><strong><em>Perfection is subjective and not permanent</em></strong></p>
<p>Take code as an example. There are many snippets which are said to be &#8220;perfect&#8221; and &#8220;beautiful&#8221;. They are regarded as prime examples of the genius features of <code>&lt;insert hipster programming language here&gt;</code>. But what about <strong>my</strong> idea of a perfect piece of code? We may not share the same idea of perfection.</p>
<p>Say the language designers add a nifty feature which makes this code snippet ugly and outdated. It&#8217;s not perfect anymore. Perfection, like fame, is transient and isn&#8217;t loyal to its host.</p>
<h2 id="the_eye_of_the_beholder_and_creator">The eye of the beholder and creator</h2>
<p>I mentioned different notions of perfection before. As with everything related to artsy subjects, perfection is subjective. It&#8217;s my opinion that it&#8217;s plain <em>wrong</em> to proclaim a piece of work perfect, since it&#8217;s only from your point of view (which however should be the only view that matters, but we&#8217;ll not getting into that now). </p>
<p>Should the author ever acknowledge his work&#8217;s perfection? Isn&#8217;t one suppose to always strive for further excellence and not stop at any limits?</p>
<blockquote>
<p>&#8220;Heaven is not a place, and it is not a time. Heaven is being perfect. And that isn&#8217;t flying a thousand miles an hour, or a million, or flying at the speed of light. Because any number is a limit, and perfection doesn&#8217;t have limits. Perfect speed, my son, is being there.&#8221;</p>
<footer>– Richard Bach, <a href="http://en.wikipedia.org/wiki/Jonathan_Livingston_Seagull">Jonathan Livingston Seagull</a> (great book, I strongly recommend it)</footer>
</blockquote>
<p>The quote above says <q>Heaven is being perfect</q>. It also mentions limits, which is exactly what an author creates when he or she states that <q>&#8220;My work is perfect. I&#8217;m done&#8221;</q>. Do you hear how dangerous that sounds? A piece of handcrafter art shouldn&#8217;t have limits.</p>
<h2 id="ego">Ego</h2>
<blockquote>
<p>I put too much pride and, inadvertently, too much ego into my work. Things took too long to create, and because of the amount of effort put into the work, significant changes, based on client feedback for example, were more difficult to stomach.</p>
<footer>Greg Wood, <a href="http://24ways.org/2011/designing-for-perfection">Designing for perfection</a></footer>
</blockquote>
<p>I want to highlight the &#8220;ego&#8221; part, which may diminish one&#8217;s judgement and neutrality. When you go for ultimate perfection it&#8217;s easy to take every critique … personally. As the quote says, every change (and there&#8217;s always going to be changes) could get bulky, cumbersome, and perhaps associated with a certain bitterness of the creator, since in his or her eyes the work is &#8220;perfect&#8221;.</p>
<p>An example. Some time ago I used &#8220;pixel perfect&#8221; grids and layouts for <strong>every</strong> web design mockup I created. Everything was perfectly aligned to the columns and baseline, and when the eventual changes came, it was a bit tricky to align everything correctly again. Of course it depends on the rigidity of the layout framework of your choice as well. But in my case I&#8217;ve started to work with more rough <em>proportions</em> and <em>relative measures</em> instead of column grids. It allows me to create more flexible and maintainable designs. But as always, it depends on the nature of the design.</p>
<p><strong>We are all humans.</strong> Humans change their minds about things, and nothing is set in stone. If you constantly are changing your mind, how could perfection every be achieved if it&#8217;s altered regurarly? In that case, you&#8217;ve probably fooled yourself.</p>
<p>Everything above can be applied to human behaviour as well. We often hear <q>&#8220;nobody is perfect&#8221;</q>, which is indeed true. If nobody is perfect, how can anyone create works of perfection? Shouldn&#8217;t only perfect people be able to create perfection? Weird questions, but actually interesting. </p>
<h2 id="outro">Outro</h2>
<p>Perfection can be looked upon as a <em>state of mind</em> – an ecosystem, a favourable turn of events, or simply a glass of water – pure, simple and humble. I like the idea of perfection as <strong>something that just <em>is</em></strong> – something that I can&#8217;t put words on, but just exists (perhaps without any purpose at all). </p>
<p>In the end I think it&#8217;s important to always remember that perfection is just an abstract concept or synonym for something that&#8217;s stopped evolving – reached its limits. </p>
<p>Therefore, I don&#8217;t strive for perfection – I strive for <strong>excellence</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/life/perfection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>→ Software is handcrafted</title>
		<link>http://www.scottporad.com/2012/05/06/why-do-web-sites-and-software-take-so-long-to-build-and-why-is-it-so-hard/</link>
		<comments>http://johanbrook.com/business/software-handcrafted/#comments</comments>
		<pubDate>Mon, 07 May 2012 19:53:40 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[complexity]]></category>
		<category><![CDATA[handcrafted]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1268</guid>
		<description><![CDATA[First, name one other thing in the world, he said, that is used by so many people and which is created entirely by hand? Stuff that is made by hand is hard to make, and even more hard to make well, and tends to be less sturdy than things made by machines. I hadn&#8217;t thought of this either – how all code in the software we build is handcrafted. Read the post, its arguments are true and insightful. ★ Permalink<p><a href='http://johanbrook.com/business/software-handcrafted/' title='permalink'>★ Permalink</a></p>
]]></description>
			<content:encoded><![CDATA[<blockquote><p>First, name one other thing in the world, he said, that is used by so many people and which is created entirely by hand?  Stuff that is made by hand is hard to make, and even more hard to make well, and tends to be less sturdy than things made by machines. </p></blockquote>
<p>I hadn&#8217;t thought of this either – how all code in the software we build is handcrafted. Read the post, its arguments are true and insightful.</p>
<p><a href='http://johanbrook.com/business/software-handcrafted/' title='permalink'>★ Permalink</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/business/software-handcrafted/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BDGT for iPhone</title>
		<link>http://johanbrook.com/development/ios/bdgt-for-iphone/</link>
		<comments>http://johanbrook.com/development/ios/bdgt-for-iphone/#comments</comments>
		<pubDate>Tue, 17 Apr 2012 19:58:54 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[iOS]]></category>
		<category><![CDATA[App]]></category>
		<category><![CDATA[BDGT]]></category>
		<category><![CDATA[budget]]></category>
		<category><![CDATA[economy]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[money]]></category>
		<category><![CDATA[transactions]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1259</guid>
		<description><![CDATA[Personal budgets can be difficult and tedious. When I think of the word “budget”, I instantly think of tables, pen and paper, balance, diagrams, categories, and yadi, yadi … In the end, it’s all about keeping track of transactions and comparing the total cost of these to a given goal. How is this done fast, everywhere, and easy? Our proposal: BDGT for iPhone BDGT is an iPhone app which keeps track of daily transactions and will let you overlook your flow of money. In a simple and quick interface, you’re able to add a transaction, put it in a category, and you’re done. Boom. For now: in BDGT you specify a budget which always is present and shown for you. &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/development/ios/bdgt-for-iphone/">Read more →</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>Personal budgets</strong> can be difficult and tedious. When I think of the word “budget”, I instantly think of tables, pen and paper, balance, diagrams, categories, and yadi, yadi … In the end, it’s all about keeping track of transactions and comparing the total cost of these to a given goal. How is this done fast, everywhere, and easy?</p>
<h2>Our proposal: BDGT for iPhone</h2>
<figure>
<img src="http://f.cl.ly/items/121Z2e0Y2g3d3k1r2M27/facebook_cover_photo.png" alt="BDGT" /><br />
</figure>
<p>BDGT is an iPhone app which keeps track of daily transactions and will let you overlook your flow of money. In a simple and quick interface, you’re able to add a transaction, put it in a category, and you’re done. Boom. For now: in BDGT you specify a budget which always is present and shown for you.</p>
<p>The general idea for the app is to simplify people’s everyday home economy, and help you keeping track of the flow.</p>
<p>Feel free to visit <a href="http://bdgt.me">bdgt.me</a> and follow us on Twitter (<a href="http://twitter.com/bdgtme">@BDGTme</a>), Facebook (<a href="http://www.facebook.com/pages/Bdgt/386636014682653">BDGT</a>), and Tumblr (<a href="http://blog.bdgt.me">blog.bdgt.me</a>). Feel free to ask us anything or give feedback through any of these channels. Don&#8217;t forget to sign up for the newsletter as well.</p>
<p>We hope to release further info, screenshots, and videos during the period until release.</p>
<hr />
We, the creators of BDGT, are <a href="http://tapdudes.com/">Tapdudes</a> with concept and design lead by <a href="http://twitter.com/masviken">Tomas Måsviken</a>.</p>
<p><em>Thank you!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/development/ios/bdgt-for-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>→ A word about testing code</title>
		<link>http://37signals.com/svn/posts/3159-testing-like-the-tsa</link>
		<comments>http://johanbrook.com/development/a-word-about-testing-code/#comments</comments>
		<pubDate>Thu, 12 Apr 2012 08:00:21 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[coverage]]></category>
		<category><![CDATA[ratio]]></category>
		<category><![CDATA[TDD]]></category>
		<category><![CDATA[Test Driven Development]]></category>
		<category><![CDATA[testing]]></category>
		<category><![CDATA[tests]]></category>
		<category><![CDATA[unit test]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1251</guid>
		<description><![CDATA[If you&#8217;re doing the right amount of testing, there should be a good chance, whenever you kick off a test run, that your actions for the next hour will change depending on the results of the run. If you typically don&#8217;t change your actions based on the information from the tests, then the effort spent to write tests gathering that information was wasted. Comment from the HN thread of the linked article (Permalink) David Heinemeier Hansson writes about sane amounts of software tests, which he ranted a bit about on Twitter today. I haven&#8217;t enough experience with tests yet, so I can&#8217;t give valid comments, but I&#8217;ve begun to understand what he and others are talking about thanks to a &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/development/a-word-about-testing-code/">Read more →</a></p><p><a href='http://johanbrook.com/development/a-word-about-testing-code/' title='permalink'>★ Permalink</a></p>
]]></description>
			<content:encoded><![CDATA[<blockquote>
<p>If you&#8217;re doing the right amount of testing, there should be a good chance, whenever you kick off a test run, that your actions for the next hour will change depending on the results of the run. If you typically don&#8217;t change your actions based on the information from the tests, then the effort spent to write tests gathering that information was wasted.</p>
<footer>Comment from the <a href="http://news.ycombinator.com/item?id=3828470">HN thread</a> of the linked article (<a href="http://news.ycombinator.com/item?id=3829086">Permalink</a>)</footer>
</blockquote>
<p><strong>David Heinemeier Hansson writes about</strong> sane amounts of software tests, which he ranted a bit about on Twitter today. I haven&#8217;t enough experience with tests yet, so I can&#8217;t give valid comments, but I&#8217;ve begun to understand what he and others are talking about thanks to a heavy focus on unit tests in a university course. Putting tons of time on writing tests instead of actual code seem insane to me, and David&#8217;s thoughts about having advice on what <em>not to test</em> seems legit to me (I recommend reading the comments on the <a href="http://news.ycombinator.com/item?id=3828470">Hacker News entry</a> as well).</p>
<p>In the end I think it boils down to a healthy balance, as with everything else in life.</p>
<p><a href='http://johanbrook.com/development/a-word-about-testing-code/' title='permalink'>★ Permalink</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/development/a-word-about-testing-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Device independency</title>
		<link>http://johanbrook.com/design/ux/device-independency/</link>
		<comments>http://johanbrook.com/design/ux/device-independency/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 19:57:13 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[User Experience]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[device independency]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[phone]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1243</guid>
		<description><![CDATA[One thing hit me the other day. I&#8217;ve written about sync between devices before, and now I thought about the actual physical move between them. It has sneaked up on me recently: how we use multiple devices more frequently these days. What&#8217;s interesting is how the software inside adapts to it. What I mean is how you are able to use Messages on a Mac on your desk, then suddenly decide to move over to Messages the iPad in the couch. Got to run? Bring your iPhone along. What&#8217;s cool is the fact that you&#8217;re able to continue the conversation from wherever you left off, on any of these devices. Most social media services that have apps for the three &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/design/ux/device-independency/">Read more →</a></p>]]></description>
			<content:encoded><![CDATA[<p class="ingress"><strong>One thing hit me the other day. </strong>I&#8217;ve written about <a href="http://johanbrook.com/the-internet/sync-safety/" title="Sync is about safety">sync between devices before</a>, and now I thought about the actual physical move between them. It has sneaked up on me recently: how we use multiple devices more frequently these days. What&#8217;s interesting is how the software inside adapts to it.</p>
<p>What I mean is how you are able to use Messages on a Mac on your desk, then suddenly decide to move over to Messages the iPad in the couch. Got to run? Bring your iPhone along. What&#8217;s cool is the fact that you&#8217;re able to <em>continue the conversation from wherever you left off, on any of these devices</em>. </p>
<p>Most social media services that have apps for the three big markets (desktop, tablet, mobile) are doing the same thing. It&#8217;s not over after closing Facebook or Twitter on your computer – carry on what you were doing from your phone instead<sup><a href="#p1">1</a></sup>. Services like iCloud and Dropbox make it incredibly easy to switch between devices. Apple&#8217;s iBooks is available only for the iPhone and iPad, but still manage to create a &#8220;begin where you left off&#8221; feeling, thanks to the syncing of bookmarks. The Music app, along with iTunes on the desktop, is cool since I&#8217;m able to continue listening on a podcast on my iPad right where I left off. Instapaper is a prime example as well.</p>
<p>You could call it <strong>device independency</strong>, since the content doesn&#8217;t depend on a certain device in order to function or show properly. I find it really cool to see apps and web sites just magically <em>adapt</em> to a different device and still let me access the content. The otherwise hard lines between devices are starting to blur out when it comes to content.</p>
<p><strong>When building stuff,</strong> in my case websites, I think it&#8217;s important to have this in mind when doing responsive design. How people move between devices, and what users want to do with the website on each device. This is getting important since we&#8217;ve got more and more devices (and screen sizes!) to build for. </p>
<p>When true device independency is achieved, it&#8217;s really a tremendous joy to use a product. Let me float smoothly and seamlessly between devices while using your product, and I&#8217;ll be happy.</p>
<p><small id="p1">1. However, many timeline based services as Twitter still have to fix the &#8220;begin where I left off&#8221; issue – to sync the last read item when switching devices. <a href="http://tweetmarker.net/">Tweetmarker</a> has solved this for tweets.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/design/ux/device-independency/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>→ I&#8217;m apparently a unicorn</title>
		<link>http://thenextweb.com/dd/2012/03/31/why-cant-startups-find-designers/</link>
		<comments>http://johanbrook.com/business/unicorn/#comments</comments>
		<pubDate>Sun, 01 Apr 2012 08:16:27 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[generalists]]></category>
		<category><![CDATA[hybrid]]></category>
		<category><![CDATA[unicorns]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1230</guid>
		<description><![CDATA[If you’re looking for a designer who can come up with your identity, design your site, create UIs with great user experience for your web and mobile apps, and on top of that code his or her work in HTML/CSS (and why not throw in Javascript in the mix!), then I’m sorry to inform you that you’re hunting unicorns. Sacha Greif – The Next Web, 2012 Follow the linked article above and read about why startups today can&#8217;t find decent designers. Further down the article I think the author pinpoints two issues: Companies want &#8220;unicorn designers/developers&#8221;, &#8220;ninjas&#8221;, or &#8220;rockstars&#8221;, or &#60;insert corny brogrammer term here&#62;. Their demands are set too high. Let younger guys and girls in. There are two &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/business/unicorn/">Read more →</a></p><p><a href='http://johanbrook.com/business/unicorn/' title='permalink'>★ Permalink</a></p>
]]></description>
			<content:encoded><![CDATA[<blockquote><p>If you’re looking for a designer who can come up with your identity, design your site, create UIs with great user experience for your web and mobile apps, and on top of that code his or her work in HTML/CSS (and why not throw in Javascript in the mix!), then I’m sorry to inform you that you’re hunting unicorns.</p>
<footer class="vcard"><a href="http://thenextweb.com/author/sachagreif/" class="fn url">Sacha Greif</a> – The Next Web, <time datetime="2012-04-01" title="April 1st, 2012" pubdate>2012</time></footer>
</blockquote>
<p>Follow the linked article above and read about why startups today can&#8217;t find decent designers. Further down the article I think the author pinpoints two issues:</p>
<ul>
<li>Companies want &#8220;unicorn designers/developers&#8221;, &#8220;ninjas&#8221;, or &#8220;rockstars&#8221;, or <em>&lt;insert corny brogrammer term here&gt;</em>.</li>
<li>Their demands are set too high. Let younger guys and girls in.</li>
</ul>
<p><strong>There are two sides of the designer-developer hybrid part.</strong> In the web world front-end code and design are so close together these days, and I think it&#8217;s wrong and a mistake to focus on only one of those two. Sure: you could get by, but wouldn&#8217;t it be boring not to be able to implement your own designs? Or never be able to create something nice for your own without, say Twitter&#8217;s Bootstrap?</p>
<p>In the native world where the &#8220;front-end&#8221; code generally is a bit heavier and hard-core, I can see how designers really are designers, and developers are developers (if you can do both: awesome!). Personally I think it&#8217;s easier to do both code and design in the web world.</p>
<p>The article says there are few &#8220;unicorn&#8221; designers/developers, e.g. hybrids. For me it&#8217;s a matter of interest and a never ending thirst of knowledge: I want to learn advanced Javascript patterns as I read about typography and grid techniques.</p>
<p>Unicorns <strong>do</strong> exist! How to become one? Never stop moving. If you are one? Consider yourself lucky, and start choosing your next employer with care.</p>
<hr />
<p><strong>Also,</strong> read the <a href="http://news.ycombinator.com/item?id=3781733">Hacker News comments</a> on the linked article. I&#8217;ve also written related posts about designer-developer hybrids: </p>
<ul>
<li><a href="http://johanbrook.com/business/generalist-specialists/" title="Generalist specialists">Generalist specialists</a></li>
<li><a href="http://johanbrook.com/development/staying-hungry-and-evolving-with-new-technologies/" title="Staying hungry and evolving with new technologies">Staying hungry and evolving with new technologies</a></li>
</ul>
<p><a href='http://johanbrook.com/business/unicorn/' title='permalink'>★ Permalink</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/business/unicorn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sync is about safety</title>
		<link>http://johanbrook.com/the-internet/sync-safety/</link>
		<comments>http://johanbrook.com/the-internet/sync-safety/#comments</comments>
		<pubDate>Mon, 26 Mar 2012 07:43:35 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[The internet]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[Dropbox]]></category>
		<category><![CDATA[iCloud]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[sync]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1221</guid>
		<description><![CDATA[It seems cloud sync is the next thing these days. Having everything available anywhere is almost expected of respected apps and services. Remember a few years ago when we had to manually plugin in and out the phones out of the computer in order to sync the contacts? Or, when we couldn&#8217;t sync contacts to the computer at all? The cloud is getting more mature. Dropbox was for me the first service which gave me a &#8220;Whoa&#8221; moment. Having files around on your harddrive, and visible in a web interface, and automatically synced to any other computers (there were no devices back then) was huge. Apple&#8217;s iCloud is becoming an invisible way of syncing user data and files. MobileMe was &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/the-internet/sync-safety/">Read more →</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>It seems cloud sync</strong> is <em>the</em> next thing these days. Having everything available anywhere is almost expected of respected apps and services. Remember a few years ago when we had to manually plugin in and out the phones out of the computer in order to sync the contacts? Or, when we couldn&#8217;t sync contacts to the computer at all?</p>
<p>The cloud is getting more mature. Dropbox was for me the first service which gave me a &#8220;Whoa&#8221; moment. Having files around on your harddrive, <strong>and</strong> visible in a web interface, <strong>and</strong> automatically synced to any other computers (there were no devices back then) was huge. Apple&#8217;s iCloud is becoming an invisible way of syncing user data and files. MobileMe was quite a misstep, but it&#8217;s clear that Apple is going for iCloud at full speed now. With iCloud, files &#8220;just exist&#8221; &#8211; you don&#8217;t even have to &#8220;sync&#8221; them (however, I prefer the use of the term for now). Google is okay at syncing stuff, but Apple&#8217;s way of syncing contacts and calendar events feels better to use with Apple&#8217;s eco system. Sure, Google&#8217;s stuff is widely supported by other services, but I remember things have always felt a bit hacky to perform (once I had to switch language to English in order to sync multiple Google calendars to my iPhone).</p>
<p><strong>My view on &#8220;syncing&#8221; and &#8220;cloud computing&#8221;</strong> is all about safety, in the sense of that &#8220;I can put this file here and be sure of that I&#8217;ll be able to access it from any other device&#8221;. That was what Dropbox did: I was in a hurry and put a document in my Dropbox, and could safely continue with it from another computer. With iCloud, I&#8217;m able to write text in one app (currently iA Writer) and trust iCloud to make it show up on my iPad and iPhone<sup><a href="#p1">1</a></sup>. In my daily life, manually syncing everything would be a huge pain. I gather <strong>a lot</strong> of information every day in lectures, meetings, and group projects. Making everything available to me and everybody else just wouldn&#8217;t work without Dropbox, Google Docs, Basecamp, GitHub, et al.</p>
<p>In a way this is how the web really should work. Up until now, the devices of the internet have been big, clunky computers. Same kind of input, interaction and display ratios. Now, the member of the web includes tablets and smartphones: why shouldn&#8217;t my data be available for them to access? This is in line with the philosphy of responsive web design. It&#8217;s interesting to watch the web make computers and devices barely &#8220;consumers&#8221; of data. They&#8217;re not thin clients, but heavy clients in the sense that more work is done on the client and the server just syncs everything.</p>
<hr />
<p>The cloud <em>is</em> a buzz word, sure, but perhaps because it&#8217;s important. Over the air sync has moved from being a gimmick, a &#8220;feature&#8221;, to something you would expect from a service. Don&#8217;t lock my data in if you don&#8217;t have to! Let me access it from whatever screen I want to! Let me know it&#8217;s safe to just throw in my stuff in this bucket, and have it showing up when I open the bucket next time.</p>
<p id="p1"><small>1. There&#8217;s no web interface for iCloud stuff (yet), but the upcoming OS X Mountain Lion will have a deep iCloud intergration. Screenshots from the developer preview show an iCloud file manager à la Finder.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/the-internet/sync-safety/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>→ &#8220;Stop solving problems you don&#8217;t have&#8221;</title>
		<link>http://www.rachelandrew.co.uk/archives/2012/03/21/stop-solving-problems-you-dont-yet-have/</link>
		<comments>http://johanbrook.com/development/frameworks/problems-you-dont-have/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 08:15:00 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[bloat]]></category>
		<category><![CDATA[Boilerplate]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Minimalism]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1213</guid>
		<description><![CDATA[Rachel Andrew on adding bloat and more code in the very beginning of a project, since you might need it. Got to the post via Roger Johansson&#8217;s link titled Use only what you need, which I recommend. I&#8217;m indeed interested in reading about new techniques and ways of setting up new web projects as smooth as possible, but as I&#8217;ve &#8220;grown older&#8221; I haven&#8217;t tried out every obscure boilerplate out there. They say Hell is other people&#8217;s code, and it&#8217;s indeed true with HTML and CSS. Those technologies are a huge part of what I do, and some frameworks and boilerplates feels awkward to use. It&#8217;s a different case with backend code libraries, which act like black boxes where you &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/development/frameworks/problems-you-dont-have/">Read more →</a></p><p><a href='http://johanbrook.com/development/frameworks/problems-you-dont-have/' title='permalink'>★ Permalink</a></p>
]]></description>
			<content:encoded><![CDATA[<p><strong>Rachel Andrew</strong> on adding bloat and more code in the very beginning of a project, since you <em>might</em> need it. Got to the post via <a href="http://www.456bereastreet.com/archive/201203/use_only_what_you_need/">Roger Johansson&#8217;s link</a> titled <cite>Use only what you need</cite>, which I recommend.</p>
<p>I&#8217;m indeed interested in reading about new techniques and ways of setting up new web projects as smooth as possible, but as I&#8217;ve &#8220;grown older&#8221; I haven&#8217;t tried out every obscure boilerplate out there. They say <q>Hell is other people&#8217;s code</q>, and it&#8217;s indeed true with HTML and CSS. Those technologies are a huge part of what I do, and some frameworks and boilerplates feels awkward to use. It&#8217;s a different case with backend code libraries, which act like black boxes where you use to interface with something.</p>
<p><strong>To me, a boilerplate for a project</strong> should be personal and tailored. I&#8217;ve before made the mistake of using my own huge boilerplate which included the latest and greatest HTML5 templates, CSS framework written in SCSS, and some custom Javascript fixes. Everytime I started off a new project I had to change, remove or add stuff. No project is thus the same.</p>
<p>Nowadays I add stuff (polyfills, shims, fixes, Javascript) as I go – when I <em>need</em> it.</p>
<p><small>I actually don&#8217;t like Twitter&#8217;s Bootstrap at all</small></p>
<p><a href='http://johanbrook.com/development/frameworks/problems-you-dont-have/' title='permalink'>★ Permalink</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/development/frameworks/problems-you-dont-have/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>→ Coffee and free software</title>
		<link>http://raganwald.posterous.com/the-freedom-to-drink-coffee</link>
		<comments>http://johanbrook.com/development/coffee-and-free-software/#comments</comments>
		<pubDate>Mon, 12 Mar 2012 19:35:09 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Coffee]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[OSS]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1208</guid>
		<description><![CDATA[The hippie is free and you are free. The hippie hasn&#8217;t shut down the big chains, but that isn&#8217;t his goal. His goal is to sleep at night, comfortable that he has made choices compatible with his personal beliefs and that he has given other people the freedom to make choices compatible with their own personal beliefs. I can think of no greater definition of freedom. A gem. I love the ending paragraph quoted above. ★ Permalink<p><a href='http://johanbrook.com/development/coffee-and-free-software/' title='permalink'>★ Permalink</a></p>
]]></description>
			<content:encoded><![CDATA[<blockquote><p>The hippie is free and you are free. The hippie hasn&#8217;t shut down the big chains, but that isn&#8217;t his goal. His goal is to sleep at night, comfortable that he has made choices compatible with his personal beliefs and that he has given other people the freedom to make choices compatible with their own personal beliefs.</p>
<p>I can think of no greater definition of freedom.</p>
</blockquote>
<p>A gem. I love the ending paragraph quoted above.</p>
<p><a href='http://johanbrook.com/development/coffee-and-free-software/' title='permalink'>★ Permalink</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/development/coffee-and-free-software/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Great articles about design, code, and life</title>
		<link>http://johanbrook.com/resources/articles/</link>
		<comments>http://johanbrook.com/resources/articles/#comments</comments>
		<pubDate>Sat, 10 Mar 2012 09:33:13 +0000</pubDate>
		<dc:creator>Johan</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[articles]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[inspiring]]></category>
		<category><![CDATA[posts]]></category>
		<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://johanbrook.com/?p=1192</guid>
		<description><![CDATA[That web designers and developers share their ideas, tools and techniques is vital and one of the wonders of the modern day internet. So much knowledge, inspiration, and experience is passed on from one and another – may it be with blogs, tweets, forum posts, or post comments. I think it&#8217;s an incredible phenomenon and what&#8217;s driving the web forward: developing an idea, share it, discuss it, get feedback. I will in this post discuss some of the articles I find really interesting, smart, or just plain good read. Responsive Web Design by Ethan Marcotte http://www.alistapart.com/articles/responsive-web-design/ What to say about this ground breaking article by Mr. Marcotte? Well, it will surely go down in the annals to our grandchildren as the &#8230; <p class="read-more-container"><a class="read-more" href="http://johanbrook.com/resources/articles/">Read more →</a></p>]]></description>
			<content:encoded><![CDATA[<p class="ingress"><strong>That web designers and developers</strong> share their ideas, tools and techniques is vital and one of the wonders of the modern day internet. So much knowledge, inspiration, and experience is passed on from one and another – may it be with blogs, tweets, forum posts, or post comments. I think it&#8217;s an incredible phenomenon and what&#8217;s driving the web forward: developing an idea, share it, discuss it, get feedback. I will in this post discuss some of the articles I find really interesting, smart, or just plain good read.</p>
<h2><cite>Responsive Web Design</cite> <small class="heading-detail">by Ethan Marcotte</small></h2>
<p><a href="http://www.alistapart.com/articles/responsive-web-design/">http://www.alistapart.com/articles/responsive-web-design/</a></p>
<p>What to say about this ground breaking article by Mr. Marcotte? Well, it will surely go down in the annals to our grandchildren as the one article that spawned a shift in paradigms. I remember when I first read it: I found the result very cool, but it took some effort for me to wrap my head around the techniques (the source code). Nevertheless, responsive web design is now a global &#8220;movement&#8221; (or whatever) which is becoming a standard way of building web sites among respected designers and developers. Thanks Ethan!</p>
<h2><cite>The secret law of page harmony</cite> <span class="heading-detail">by Alex Charchar</span></h2>
<p><a href="http://retinart.net/graphic-design/secret-law-of-page-harmony/">http://retinart.net/graphic-design/secret-law-of-page-harmony/</a></p>
<p>I could have just linked to Retinart.net, which is where Alex Charchar writes deep and thoughtful articles about graphic design, typography, and layout. They are inspiring and do what a good article should do: grow a seed of thought in its reader. <cite>The secret law of page harmony</cite> is especially a good read, since it made me think about layout, modules, and ratios in a new way.</p>
<h2><cite>Rethinking CSS grids</cite> <span class="heading-detail">by Mark Boulton</span></h2>
<p><a href="http://www.markboulton.co.uk/journal/comments/rethinking-css-grids">http://www.markboulton.co.uk/journal/comments/rethinking-css-grids</a></p>
<p>Mark Boulton (the King of Grids) is writing about how he should model a new grid module in CSS, i.e. how the syntax of defining columns, gutters and everything should work. Mr. Boulton is also writing a <a href="http://www.fivesimplesteps.com/">book</a> on grid systems for the web, as well as releasing a tool – <a href="http://johanbrook.com/design/css/gridset/" title="Gridset – create advanced grid systems on the web">Gridset</a> – for working with grids online. </p>
<h2><cite>The design of HTML5</cite> <span class="heading-detail">by Jeremy Keith</span></h2>
<p><a href="http://adactio.com/articles/1704/">http://adactio.com/articles/1704/</a></p>
<p>A transcription of one of Jeremy Keith&#8217;s great talks. Recommended.</p>
<h2><cite>To hell with bad devices: Responsive web design and web standards</cite> <small class="heading-detail">by Marc Drummond</small></h2>
<p><a href="http://marcdrummond.com/web-standards/2011/06/20/hell-bad-devices-responsive-web-design-and-web-standards">http://marcdrummond.com/web-standards/2011/06/20/hell-bad-devices-responsive-web-design-and-web-standards</a></p>
<p>Essential reading about responsive web design, mobile, and all. </p>
<h2><cite>Native vs. web apps</cite> <span class="heading-detail">by Faruk Ateş</span></h2>
<p><a href="http://farukat.es/journal/2011/03/537-native-vs-web-apps">http://farukat.es/journal/2011/03/537-native-vs-web-apps</a></p>
<p>Ambitious post which sums up the &#8220;Native vs. web apps&#8221; discussion quite well. I have come to the opinion that web apps should not try to mimic native apps in everything. Creating a native looking iOS for instance, will force you to squeeze water from a rock in order to duplicate every UI detail in the OS&#8217;s look and feel, which took Apple themselves a good period of time (and they wrote it in native code!). I&#8217;m talking about view transitions, touch responsiveness, and general UX. You just <em>know</em> when you are using a web app which is trying so hard to be native. Please don&#8217;t. Use the web&#8217;s strengths, and make web apps that are built for the web.</p>
<h2><cite>The graphing calculator story</cite> <span class="heading-detail">by Ron Avitzur</span></h2>
<p><a href="http://www.pacifict.com/Story/">http://www.pacifict.com/Story/</a></p>
<p>A post about an undercover project inside Apple (!), which is very interesting. </p>
<h2><cite>Tom Williams: Hired by Apple at 14</cite> <span class="heading-detail">by Derek Sivers</span></h2>
<p><a href="http://sivers.org/tom-williams">http://sivers.org/tom-williams</a></p>
<p>A story about strong will, entrepreneurship, and that anything really is possible.</p>
<hr />
<p>Perhaps I have forgotten some of the gems I have read, but in that case I will update this post. It&#8217;s tricky to go back in time and try to remember all the good stuff you have read. I really should try start using a link collecting service &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://johanbrook.com/resources/articles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  johanbrook.com/feed/ ) in 0.36496 seconds, on May 17th, 2012 at 8:17 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on May 17th, 2012 at 9:17 pm UTC -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<!-- Quick Cache Is Fully Functional :-) ... A Quick Cache file was just served for (  johanbrook.com/feed/ ) in 0.00030 seconds, on May 17th, 2012 at 9:00 pm UTC. -->
