<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>Interactive Flash Designer that likes art, pop surrealism, photography, , virtual toys, robots (the cute ones).</description><title>simurai</title><generator>Tumblr (3.0; @simurai)</generator><link>http://simurai.com/</link><item><title>Organ is my first tumblr theme. See the demo!
Well, it’s...</title><description>&lt;img src="http://26.media.tumblr.com/tumblr_kz2k8zNWPJ1qz72boo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;b&gt;Organ&lt;/b&gt; is my first &lt;b&gt;tumblr theme&lt;/b&gt;. See the &lt;a title="Organ tumblr theme" href="http://organ-theme.tumblr.com/" target="_blank"&gt;demo&lt;/a&gt;!&lt;/p&gt;
&lt;p&gt;Well, it’s more a CSS experiment that doesn’t use any JavaScript for the animation. Make sure you test it in Safari/Chrome.&lt;/p&gt;
&lt;p&gt;You can use this theme on your own tumblr blog, but keep its limitations in mind and at the moment it only supports picture posts: &lt;a href="http://files.simurai.com/themes/organ/organ-theme.txt" target="_blank"&gt;Download theme&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Credits: Background pattern by &lt;a title="Patterns" href="http://www.squidfingers.com/patterns/" target="_blank"&gt;Squidfingers&lt;/a&gt;.&lt;/p&gt;</description><link>http://simurai.com/post/439012003</link><guid>http://simurai.com/post/439012003</guid><pubDate>Wed, 10 Mar 2010 06:00:00 -0800</pubDate><category>lab</category><category>CSS</category><category>tumblr</category></item><item><title>FITC Amsterdam 2010 was my first “big” Flash...</title><description>&lt;img src="http://28.media.tumblr.com/tumblr_kykf1cYMoO1qz72boo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a title="FITC Amsterdam 2010" href="http://www.fitc.ca/events/about/?event=101" target="_blank"&gt;FITC Amsterdam 2010&lt;/a&gt; was my first “big” Flash conference I attended. So far I just knew some of the big names from their blogs and websites, so it was great see and listen to them in person.&lt;/p&gt;
&lt;p&gt;ps. The picture above is from &lt;a title="ISO50" href="http://blog.iso50.com/" target="_blank"&gt;ISO50&lt;/a&gt;’s session.&lt;/p&gt;</description><link>http://simurai.com/post/418009654</link><guid>http://simurai.com/post/418009654</guid><pubDate>Tue, 23 Feb 2010 00:00:00 -0800</pubDate><category>FITC</category><category>Flash</category></item><item><title>The World is moving to HTML 5</title><description>&lt;a href="http://richardleggett.co.uk/blog/index.php/2010/02/01/the-world-is-moving-to-html5"&gt;The World is moving to HTML 5&lt;/a&gt;: &lt;p&gt;One of the best posts about this whole “&lt;b&gt;Flash vs HTML5&lt;/b&gt;” argument that started after Apple’s iPad announcement.&lt;/p&gt;</description><link>http://simurai.com/post/365658358</link><guid>http://simurai.com/post/365658358</guid><pubDate>Mon, 01 Feb 2010 13:42:54 -0800</pubDate><category>Flash</category><category>HTML5</category></item><item><title>The Magic Mirror is just a little demo. It’s still not...</title><description>&lt;img src="http://26.media.tumblr.com/tumblr_kwwtvtyWW41qz72boo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;b&gt;The Magic Mirror&lt;/b&gt; is just a &lt;a title="The Magic Mirror" href="http://lab.simurai.com/magicmirror/" target="_blank"&gt;little demo&lt;/a&gt;. It’s still not complete. The idea is to add Facebook-Connect so it would know what kind of [spoiler-alert “product”] to show, personalized on your gender, age and so on..&lt;/p&gt;
&lt;p&gt;I’m also not sure if there is a company that would want to &lt;b&gt;make fun&lt;/b&gt; of their clients (Dove is just used as an example). So this might just remain a little lab demo.&lt;/p&gt;
&lt;p&gt;Note: If you can’t see yourself in the mirror after confirming in the camera settings, just right-click and pick the right webcam driver.&lt;/p&gt;</description><link>http://simurai.com/post/356184484</link><guid>http://simurai.com/post/356184484</guid><pubDate>Wed, 27 Jan 2010 06:35:53 -0800</pubDate><category>lab</category><category>Flash</category><category>webcam</category></item><item><title>Playing around with After Effects. It kinda looks like Darth...</title><description>&lt;object type="application/x-shockwave-flash" width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=8671547&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF"&gt;&lt;param name="quality" value="best" /&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="scale" value="showAll" /&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8671547&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF" /&gt;&lt;/object&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Playing around with &lt;b&gt;After Effects&lt;/b&gt;. It kinda looks like Darth Vader.&lt;/p&gt;</description><link>http://simurai.com/post/328846412</link><guid>http://simurai.com/post/328846412</guid><pubDate>Mon, 11 Jan 2010 07:20:53 -0800</pubDate><category>media</category><category>video</category></item><item><title>Happy to announce that I joined refunk in Amsterdam.</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_kvn8in0jRn1qz72boo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Happy to announce that I joined &lt;a title="refunk" href="http://www.refunk.com" target="_blank"&gt;refunk&lt;/a&gt; in Amsterdam.&lt;/p&gt;</description><link>http://simurai.com/post/313597727</link><guid>http://simurai.com/post/313597727</guid><pubDate>Mon, 04 Jan 2010 00:00:00 -0800</pubDate></item><item><title>"Happy 2010"</title><description>“Happy 2010”</description><link>http://simurai.com/post/311118428</link><guid>http://simurai.com/post/311118428</guid><pubDate>Fri, 01 Jan 2010 00:00:00 -0800</pubDate></item><item><title>Video</title><description>&lt;object type="application/x-shockwave-flash" width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=4749536&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF"&gt;&lt;param name="quality" value="best" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="scale" value="showAll" /&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4749536&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF" /&gt;&lt;embed src="http://www.vimeo.com/moogaloop.swf?clip_id=4749536&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br/&gt;&lt;br/&gt;</description><link>http://simurai.com/post/307865592</link><guid>http://simurai.com/post/307865592</guid><pubDate>Wed, 30 Dec 2009 03:35:21 -0800</pubDate></item><item><title>Avatar! If you believe the hype about James Cameron’s new...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_kv07iuweeV1qz72boo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Avatar! If you believe the hype about &lt;b&gt;James Cameron&lt;/b&gt;’s new movie &lt;b&gt;Avatar&lt;/b&gt;, then it’s gonna change how films are made. I haven’t seen it yet, but soon I will. Hopefully in 3D.&lt;/p&gt;
&lt;p&gt;Above you see Jake Sully’s Avatar and me. Had to stretch my face and squeeze his to kinda match the proportions.&lt;/p&gt;</description><link>http://simurai.com/post/293333246</link><guid>http://simurai.com/post/293333246</guid><pubDate>Mon, 21 Dec 2009 05:16:06 -0800</pubDate></item><item><title>The Future Post</title><description>&lt;p&gt;Sometimes when I write a new post I wish I could set the post date in the &lt;b&gt;future&lt;/b&gt;. Why does everything have to be in the past? When I write about an upcoming event, visitors will see it too early and when the event get’s closer that post is already buried with new ones.&lt;/p&gt;
&lt;p&gt;As an &lt;b&gt;example&lt;/b&gt;, let’s say I plan to attend Chirp, the Twitter Developer Conference. I probably post about it when I first find out about it, or when I get my ticket and maybe after the event already happened. But Nobody will see it right before the event occurs!!&lt;/p&gt;
&lt;p&gt;Below a quick example:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_kuk0paD6SX1qz764u.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;The “future posts” appear above normal posts for an easy glance what’s coming up. After the set time passed, a post would fall below the &lt;b&gt;NOW&lt;/b&gt; line and you could even update it with news from the event.&lt;/p&gt;
&lt;p&gt;A &lt;a title="tumblr" href="http://www.tumblr.com" target="_blank"&gt;tumblr&lt;/a&gt; theme could look like this:&lt;/p&gt;
&lt;pre&gt;{block:FuturePosts} ... {/block:FuturePosts}
&lt;div id="now"&gt;NOW&lt;/div&gt;
{block:Posts} ... {/block:Posts}&lt;/pre&gt;
&lt;p&gt;Actually any kind of stream with chronological posts could use it, even Twitter or Facebook statuses. It would kinda be like a &lt;b&gt;public calendar&lt;/b&gt;. Let’s see.&lt;/p&gt;</description><link>http://simurai.com/post/283589430</link><guid>http://simurai.com/post/283589430</guid><pubDate>Mon, 14 Dec 2009 12:59:00 -0800</pubDate><category>_fullimg</category><category>blog</category></item><item><title>Tumblr Mosaic Viewer</title><description>&lt;a href="http://tmv.proto.jp/#id=simurai&amp;imageSize=250"&gt;Tumblr Mosaic Viewer&lt;/a&gt;: &lt;p&gt;This is pretty cool. Let’s you view all my content in a nice mosaic.&lt;/p&gt;</description><link>http://simurai.com/post/266394438</link><guid>http://simurai.com/post/266394438</guid><pubDate>Wed, 02 Dec 2009 08:01:00 -0800</pubDate></item><item><title>Casa Garvera</title><description>&lt;a href="http://casagarvera.ch"&gt;Casa Garvera&lt;/a&gt;: &lt;p&gt;A quick and simple site for a friend. He is selling his house in the beautiful Swiss Alps.&lt;/p&gt;</description><link>http://simurai.com/post/298476763</link><guid>http://simurai.com/post/298476763</guid><pubDate>Sun, 29 Nov 2009 00:00:00 -0800</pubDate></item><item><title>acryliccowboy:

Machinarium is a point-and-click adventure game...</title><description>&lt;img src="http://29.media.tumblr.com/tumblr_kt6x5jyjO11qzabaeo1_r2_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://log.acryliccowboy.com/post/245872771/machinarium" target="_blank"&gt;acryliccowboy&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;a href="http://machinarium.net/" target="_blank"&gt;Machinarium&lt;/a&gt; is a point-and-click adventure game from indie Czech developers &lt;a href="http://www.amanitadesign.com/" target="_blank"&gt;Amanita&lt;/a&gt;. From the gorgeous hand drawn illustration and animation, to the refreshing soundtrack, Machinarium is &lt;i&gt;abso-fucking-lutely&lt;/i&gt; beautiful.&lt;/p&gt;
&lt;p&gt;With a &lt;a href="http://machinarium.net/demo/" target="_blank"&gt;free demo&lt;/a&gt; available online it’s hard not to be be captivated by it’s charm. (via &lt;a href="http://samwieck.tumblr.com/" target="_blank"&gt;Sam Wieck&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;</description><link>http://simurai.com/post/259363521</link><guid>http://simurai.com/post/259363521</guid><pubDate>Fri, 27 Nov 2009 02:33:03 -0800</pubDate></item><item><title>"Can you re-upload the photos on my site? I think they are fading from so many people clicking on..."</title><description>“Can you re-upload the photos on my site? I think they are fading from so many people clicking on them.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;(via &lt;a href="http://clientsfromhell.tumblr.com/" target="_blank"&gt;clientsfromhell&lt;/a&gt;)&lt;/em&gt;</description><link>http://simurai.com/post/258276946</link><guid>http://simurai.com/post/258276946</guid><pubDate>Thu, 26 Nov 2009 06:25:53 -0800</pubDate></item><item><title>Passing a lighthouse.</title><description>&lt;img src="http://30.media.tumblr.com/tumblr_kto7wje1on1qz72boo5_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://30.media.tumblr.com/tumblr_kto7wje1on1qz72boo4_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://27.media.tumblr.com/tumblr_kto7wje1on1qz72boo3_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://26.media.tumblr.com/tumblr_kto7wje1on1qz72boo2_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://26.media.tumblr.com/tumblr_kto7wje1on1qz72boo1_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;p&gt;Passing a lighthouse.&lt;/p&gt;</description><link>http://simurai.com/post/256997569</link><guid>http://simurai.com/post/256997569</guid><pubDate>Wed, 25 Nov 2009 07:19:00 -0800</pubDate><category>media</category><category>photo</category><category>Japan</category></item><item><title>Typekit</title><description>&lt;a href="http://typekit.com/colophons/cug1atk"&gt;Typekit&lt;/a&gt;: &lt;p&gt;Typekit has launched! I used it for the top navigation, the titles and text posts.&lt;/p&gt;</description><link>http://simurai.com/post/247751048</link><guid>http://simurai.com/post/247751048</guid><pubDate>Tue, 17 Nov 2009 16:12:58 -0800</pubDate><category>font</category></item><item><title>This is the new Design Process: Skipping Wireframes and...</title><description>&lt;object type="application/x-shockwave-flash" width="400" height="224" data="http://vimeo.com/moogaloop.swf?clip_id=7616288&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF"&gt;&lt;param name="quality" value="best" /&gt;&lt;param name="allowscriptaccess" value="always" /&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="scale" value="showAll" /&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7616288&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF" /&gt;&lt;embed src="http://www.vimeo.com/moogaloop.swf?clip_id=7616288&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="224"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;This is the new &lt;b&gt;Design Process&lt;/b&gt;: Skipping Wireframes and Photoshop comps! Well, sort of.. This video shows all the different design steps needed to create the &lt;a title="Shitty Day" href="http://shittyday.simurai.com/" target="_blank"&gt;Shitty Day&lt;/a&gt; site, from start to finish. As you can see, I tried to implement some principles I picked up some day:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a title="Getting Real" href="http://gettingreal.37signals.com/" target="_blank"&gt;Getting Real&lt;/a&gt;: Create a working prototype first, worry about Design later.&lt;/li&gt;
&lt;li&gt;Design from the &lt;b&gt;inside-out&lt;/b&gt; (can’t remember the link): Concentrate first on the content (Tweets), then the things around it.&lt;/li&gt;
&lt;li&gt;
&lt;a title="KISS" href="http://en.wikipedia.org/wiki/KISS_principle" target="_blank"&gt;KISS&lt;/a&gt;: Keep it simple..&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;So, where are all the wireframes and Photoshop comps? They got skipped..!! no wait.. actually you could say that the wireframe (basic layout at the beginning) and the Photoshop comp got created straight in &lt;b&gt;HTML&lt;/b&gt;. And once it was all done.. Boom.. the whole project was done!&lt;/p&gt;
&lt;p&gt;It all seems pretty easy, but I think this process works only for smaller simple apps, micro sites, promotions and so.. For bigger and more complex projects, the traditional approach might still be better.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Credits&lt;/b&gt;: The Shitty song is from &lt;a title="28ifdarlo" href="http://www.myspace.com/28ifdarlo" target="_blank"&gt;28if..&lt;/a&gt;&lt;/p&gt;</description><link>http://simurai.com/post/244131639</link><guid>http://simurai.com/post/244131639</guid><pubDate>Sat, 14 Nov 2009 16:11:00 -0800</pubDate><category>blog</category><category>video</category></item><item><title>Shitty Day is a side project I created just for fun. It searches...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_kt0boy6mPv1qz72boo1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;b&gt;Shitty Day&lt;/b&gt; is a side project I created just for fun. It searches for Tweets from people that write about their shitty day. The results can be seen in a fun way (toilet paper roll) and users get encouraged to send back some love. You might even could argue that it will have a therapeutic effect (you’re not alone with your shitty day).&lt;/p&gt;
&lt;p&gt;First I intended doing everything in Flash, but then I thought it’s a good chance to play around with some &lt;b&gt;CSS3&lt;/b&gt;, &lt;b&gt;jQuery&lt;/b&gt; and the &lt;b&gt;Twitter API&lt;/b&gt;. And a lot of fixed PNGs to let only the paper roll scroll. Watch the &lt;a title="Making of Shitty Day" target="_self" href="http://simurai.com/244131639"&gt;making of&lt;/a&gt; video.&lt;/p&gt;
&lt;p&gt;&lt;a title="Shitty Day" href="http://shittyday.simurai.com" target="_blank"&gt;Visit Site&lt;/a&gt;&lt;/p&gt;</description><link>http://simurai.com/post/241642811</link><guid>http://simurai.com/post/241642811</guid><pubDate>Thu, 12 Nov 2009 09:38:00 -0800</pubDate><category>portfolio</category><category>HTML</category><category>CSS</category></item><item><title>Here a short video showing the making (actually cutting) of my...</title><description>&lt;object type="application/x-shockwave-flash" width="400" height="225" data="http://vimeo.com/moogaloop.swf?clip_id=7470895&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF"&gt;&lt;param name="quality" value="best" /&gt;&lt;param name="allowfullscreen" value="true" /&gt;&lt;param name="scale" value="showAll" /&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7470895&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF" /&gt;&lt;/object&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Here a short video showing the making (actually cutting) of my new &lt;a title="Moo MiniCards" target="_self" href="http://simurai.com/234892254"&gt;business cards&lt;/a&gt;.&lt;/p&gt;</description><link>http://simurai.com/post/234950991</link><guid>http://simurai.com/post/234950991</guid><pubDate>Fri, 06 Nov 2009 05:43:00 -0800</pubDate><category>media</category><category>design</category><category>print</category><category>simurai</category></item><item><title>I just got the new Moo MiniCards. YAY! When they arrive in the...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_ksos7vevWg1qz72boo1_400.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://28.media.tumblr.com/tumblr_ksos7vevWg1qz72boo2_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://27.media.tumblr.com/tumblr_ksos7vevWg1qz72boo3_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://28.media.tumblr.com/tumblr_ksos7vevWg1qz72boo4_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;p&gt;I just got the new &lt;a title="Moo MiniCards" href="http://uk.moo.com/en/products/minicards.php" target="_blank"&gt;Moo MiniCards&lt;/a&gt;. YAY! When they arrive in the shiny box, they are actually still not finished.. Just by cutting off the edges it looks like the card got shifted from a samurai sword cut. Yes, the inspiration comes from the &lt;a title="Samurai Vodka" target="_self" href="http://simurai.com/193097708"&gt;Samurai Vodka&lt;/a&gt; design.&lt;/p&gt;
&lt;p&gt;Watch the making-of.. ahh.. no.. cutting-of &lt;a title="Watch Video" target="_self" href="http://simurai.com/234950991"&gt;video&lt;/a&gt;.&lt;/p&gt;</description><link>http://simurai.com/post/234892254</link><guid>http://simurai.com/post/234892254</guid><pubDate>Fri, 06 Nov 2009 04:04:00 -0800</pubDate><category>design</category><category>print</category><category>simurai</category><category>media</category></item></channel></rss>
