Vous êtes sur la page 1sur 8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head profile="http://www.w3.

org/2006/03/hcard"> <title>MetaLab: Re:DESIGN - Musings on design, business &amp; the ampers and</title> <!-- Design by MetaLab / www.metalabdesign.com --> <!-- tumblr things --> <!-- Meta Tags --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="Description" content="MetaLab is an interface design agency that creates eye-catching web applications and interfaces." /> <meta name="Keywords" content="interface design, web interface design, m etalab, metalab design, web design, web app design, interface design agency, int erface design studio, ui design, icon design, ruby on rails, web apps, andrew wi lkinson, ballpark" /> <meta name="Copyright" content="Copyright 2010 MetaLab Design Ltd." /> <!-- Favicon --> <link rel="shortcut icon" href="http://s3.amazonaws.com/metalab-tumblr/i mages/favicon.ico" type="image/x-icon" /> <!-- CSS Styles --> <link rel="stylesheet" href="http://s3.amazonaws.com/metalab-tumblr/css/ main.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="http://s3.amazonaws.com/metalab-tumblr/css/ ie7.css" type="text/css" media="screen, projection" />

<!-- Javascript --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://s3.amazonaws.com/metalab-tumb lr/js/blog.js"></script> <!-- Syndication --> <link rel="alternate" type="application/rss+xml" title="RSS" href="http: //feeds2.feedburner.com/metalabredesign" /> <link rel="alternate" type="application/atom+xml" title="Atom" href="htt p://feeds2.feedburner.com/metalabredesign" /> <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery = = 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http:// ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var _ _noconflict = true; }

var IE6UPDATE_OPTIONS = { icons_path: "http://www.metalabdesign.com/templa te/ie6update/images/" } </script> <script type="text/javascript" src="http://www.metalabdesign.com /template/ie6update/ie6update.js"></script> <![endif]--> </head> {block:IndexPage} <body id="page-blog" class="index-page">{/block:IndexPage} {block:PermalinkPage}{block:Posts} {block:Text} <body id="page-blog" class="permalink text">{/block:Text} {block:Quote} <body id="page-blog" class="permalink quote">{/block:Quote} {block:Photo} <body id="page-blog" class="permalink photo">{/block:Photo} {/block:Posts}{/block:PermalinkPage} <div id="header"> <div class="column"> <h1><a href="http://www.metalabdesign.com">MetaLab</a></ h1> <ul id="topnav"> <li class="home" ><a href="http://www.metalabdes ign.com/">Home</a></li> <li class="about"><a href="http://www.metalabdes ign.com/about-us/">About Us</a></li> <li class="blog" ><a href="http://blog.metalabde sign.com">Blog</a></li> <li class="contact"><a href="mailto:contact@meta labdesign.com">Contact</a></li> </ul> </div> </div><!-- #header --> <div id="main"> <div id="blog-top"> <h2><a href="http://blog.metalabdesign.com">Re:Design</a ></h2> <h3>Musings on design, business &amp; the ampersand.</h3 > </div><!-- #blog-top --> <div id="blog-main"> <div id="posts"> {block:Posts} {block:Text} <div class="post text"> <h3><a href="{Permalink}" class="boldfix ">{title}</a><b></b></h3> <div class="post-body"> {Body} <div class="post-meta"> <div class="left"> {block:HasTags} {block:Tags} <span class="pos t-author">{Tag}</span> {/block:Tags}

{/block:HasTags} <span class="pos t-date"><!-- / -->{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</span> </div> <a href="{Permalink}#dis qus_thread" class="post-comments dsq-comment-count">0 Comments</a> </div> </div><!-- .post-body --> </div><!-- .post --> <div class="disqus-comments"> <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/ forums/metalabblog/embed.js"></script><noscript><a href="http://disqus.com/forum s/metalabblog/?url=ref">View the discussion thread.</a></noscript><a href="http: //disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disq us">Disqus</span></a>{/block:Permalink} </div><!-- .disqus-comments --> {/block:Text} {block:Link} {/block:Link} {block:Chat} {/block:Chat} {block:Audio} {/block:Audio} {block:Video} <div class="post video"> <div class="vid-container"> <div class="vid-wrap"> {Video-500} </div> </div> <div class="vid-container-bottom"> </div> {block:Caption} <div class="post-body"> {Caption} <div class="post-meta"> <div class="left"> {block:HasTags} {block:Tags} <span class="post-author ">{Tag}</span> {/block:Tags} {/block:HasTags} <span class="post-date"> <!-- / -->{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</span> </div> <a href="{Permalink}#disqus_thre ad" class="post-comments dsq-comment-count">0 Comments</a> </div> </div><!-- .post-body -->

{/block:Caption} </div><!-- .post --> <div class="disqus-comments"> <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/ forums/metalabblog/embed.js"></script><noscript><a href="http://disqus.com/forum s/metalabblog/?url=ref">View the discussion thread.</a></noscript><a href="http: //disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disq us">Disqus</span></a>{/block:Permalink} </div><!-- .disqus-comments --> {/block:Video}

{block:Quote} <div class="post quote"> <div class="quote-container boldfix"> {Quote} </div> <div class="post-meta"> <div class="left"> <!-- <span class ="post-author">{PostAuthorName}</span>--> <span class="pos t-date"><!-- / -->{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</span> </div> {block:Source}<span clas s="quote-author">{Source}</span>{/block:Source} <br class="clear" /> </div> </div><!-- .post --> {/block:Quote} {block:Photo} <div class="post photo {block:Caption} hascaptio n{/block:Caption}"> <div class="photo-container"> {LinkOpenTag}<img src="{PhotoURL -500}" alt="{PhotoAlt}"/>{LinkCloseTag} </div> <div class="photo-container-bottom"> {block:Caption}<h3>{Caption}</h3 >{/block:Caption} </div> </div><!-- .post --> {/block:Photo} {/block:Posts} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) {

query += 'url' + i + '=' + encodeURIComponent(links[i].href) + ' &'; } } document.write('<script charset="utf-8" type="text/javascript" src="http ://disqus.com/forums/metalabblog/get_num_replies.js' + query + '"></' + 'script> '); })(); //]]> </script>

<div id="pagination-links"> </div> </div><!-- #posts --> <div id="blog-sidebar"> <div class="cont ainer"> <div id="about"> <h2>About Metalab</h2> <hr /> <img src="http://s3.amazonaws.co m/metalab-tumblr/images/blog-about-icon.png" alt="Metalab" /> <p>Hi. We're an interface design firm that creates simple, fast, hyper-usable interfaces. <a href="http://www.me talabdesign.com/about-us/">Learn More</a></p> <br class="clear" /> </div><!-- #about --> <hr /> <h2>Our Projects</h2> <hr /> <ul id="sidebar-projects"> <li> <img src="http://s3.amaz onaws.com/metalab-tumblr/images/blog-sidebar-project-ballpark.png" alt="Ballpark " /> <h3> <a href="http:// www.getballpark.com" rel="external"> Ballpark <span>Online inv oicing done right<span> </a> </h3> <a class="main-link" hre f="http://www.getballpark.com" rel="external">Visit Ballpark</a> <div class="clear"></div > <div class="bottom"></di v> </li> <li> <img src="http://s3.amaz onaws.com/metalab-tumblr/images/blog-sidebar-project-pixelunion.png" alt="Ballpa rk" />

<h3> <a href="http:// www.pixelunion.net" rel="external"> Pixel Union <span>Premium Tu mblr themes<span> </a> </h3> <a class="main-link" hr ef="http://www.pixelunion.net" rel="external">Visit Pixel Union</a> <div class="clear"></div > <div class="bottom"></di v> </li> <li> <img src="http://s3.amaz onaws.com/metalab-tumblr/images/blog-sidebar-project-novltee.png" alt="Novltee" /> <h3> <a href="http:// www.novltee.net" rel="external"> Novltee <span>Funny T-Sh irts<span> </a> </h3> <a class="main-link" hr ef="http://www.novltee.com" rel="external">Visit Novltee</a> <div class="clear"></div > <div class="bottom"></di v> </li> <li> <img src="http://s3.amaz onaws.com/metalab-tumblr/images/blog-sidebar-project-transmissions.png" alt="Tra nsmissions" /> <h3> <a href="http:// www.transmissionapps.net" rel="external"> Transmissions <span>37signals companion apps<span> </a> </h3> <a class="main-link" hr ef="http://www.transmissionapps.com/" rel="external">Visit Transmissions</a> <div class="clear"></div > <div class="bottom"></di v> </li> </ul> <div id="search"> <form action="/search" method="g

et"> <input id="search-input" type="text" value="Search" name="keywords" onclick="this.value='';"/> <input id="search-button" type="submit" value="Search"/> </form> </div><!-- #search --> <div class="container-bottom"></div> </div><!-- .container --> <div id="rss-widget"> <span id="feed-count" class="boldfix"> <script src="http://metalabdesign.com/tu mblr-blog/feedburner.php" type="text/javascript"></script> </span> <a href="http://feeds2.feedburner.com/me talabredesign">RSS Feed</a> </div><!-- #rss-widget --> <a href="http://twitter.com/MetaLab" id="twitter -link">Follow us on Twitter</a> </div><!-- #blog-sidebar --> <br class="clear" /> </div><!-- #blog-main --> <div id="blog-bottom"> {block:Pagination} <div id="blog-nav"> {block:PreviousPage} <a href="{PreviousPage}" id ="back">Back</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}" id="next" >Next</a>{/block:NextPage} </div> {/block:Pagination} </div><!-- #blog-bottom --> </div><!-- #main --> <div id="footer"> <div id="bottom-bar"> <div id="left"> <h4>Interested in working with us?</h4> <a href="mailto:contact@metalabdesign.com" class ="button-get-in-touch">Get In Touch</a> </div><!-- #left --> <div id="right"> <form id="newsletter-form" action="http://metala b.createsend.com/t/r/s/hrihuj/" method="post"> <p>Keep up-to-date on what we're up to</ p> <input id="email-address" type="text" va lue="Join our newsletter" name="cm-hrihuj-hrihuj" onclick="this.value='';" /> <input id="submit" type="submit" value=" go" name="commit"/> </form> </div><!-- #right --> </div><!-- #bottom-bar --> </div> <!-- #footer --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "htt

p://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga. js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-134258-21"); pageTracker._trackPageview(); } catch(err) {}</script> <script src="http://static.getclicky.com/js" type="text/javascript"></script> <script type="text/javascript">clicky.init(192308);</script> <noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com /192308ns.gif" /></p></noscript> </body> </html>