<?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>SUPERMETRIC FINDS &#187; web</title>
	<atom:link href="http://supermetricity.com/category/project/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://supermetricity.com</link>
	<description>SUPERMETRIC is an interactive design firm in New York. This is where we do our thinking. Get in touch to discuss a project. (212) 933-9235</description>
	<lastBuildDate>Wed, 18 Aug 2010 22:29:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>VIP Art Fair</title>
		<link>http://supermetricity.com/2010/08/18/vip-art-fair/</link>
		<comments>http://supermetricity.com/2010/08/18/vip-art-fair/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 21:48:36 +0000</pubDate>
		<dc:creator>sidney</dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=1185</guid>
		<description><![CDATA[
I&#8217;ve been waiting a pretty long time to write the words &#8220;press embargo lifted&#8221; since it sounds so important. Our latest project, VIP Art Fair is publicly available after nearly a year of work– sort of. The registration phase started and it&#8217;s now possible to request invitations to the week-long event that will go live [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-1191" href="http://supermetricity.com/2010/08/18/vip-art-fair/vip01-2/" target="_blank"><img class="alignnone size-full wp-image-1191" title="vip01" src="http://supermetricity.com/wp-content/uploads/2010/08/vip011.jpg" alt="" width="564" height="400" /></a></p>
<p>I&#8217;ve been waiting a pretty long time to write the words &#8220;press embargo lifted&#8221; since it sounds so important. Our latest project, <a href="http://vipartfair.com/" target="_blank">VIP Art Fair</a> is publicly available after nearly a year of work– sort of. The registration phase started and it&#8217;s now possible to request invitations to the week-long event that will go live in January.</p>
<p>We worked very closely with art dealers James and Jane Cohan and  Internet entrepreneurs Jonas and Alessandra Almgren to design and develop the first art fair to take place exclusively online. Some of the biggest names in the gallery world (Zwirner, Gagosian, White Cube) are on board and the <a href="http://fb.me/EDExReuz" target="_blank">New York Times</a> and Art Info have already covered the project.</p>
<p>We&#8217;ll discuss the thinking that went into the interface here in an upcoming post.</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2010/08/18/vip-art-fair/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Complexity and Contradiction in Site-Architecture</title>
		<link>http://supermetricity.com/2010/08/16/complexity-and-contradiction-in-site-architecture/</link>
		<comments>http://supermetricity.com/2010/08/16/complexity-and-contradiction-in-site-architecture/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 21:35:46 +0000</pubDate>
		<dc:creator>Marco</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[thoughts]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=1164</guid>
		<description><![CDATA[
A little insight behind the scenes of August here at SUPERMETRIC— while things are getting more and more sophisticated, there are moments when it feels like sanity is at stake. That&#8217;s when a day trip to the beaches of Long Island comes in handy to reset the eye, the mind, and the arms (when there&#8217;s surf).

]]></description>
			<content:encoded><![CDATA[<p><a href="http://supermetricity.com/wp-content/uploads/2010/08/VIPAF_SiteStructure-02L2.jpg"><img class="alignnone size-medium wp-image-1183" title="VIPAF_SiteStructure-02L2" src="http://supermetricity.com/wp-content/uploads/2010/08/VIPAF_SiteStructure-02L2-564x367.jpg" alt="" width="564" height="367" /></a></p>
<p>A little insight behind the scenes of August here at SUPERMETRIC— while things are getting more and more sophisticated, there are moments when it feels like sanity is at stake. That&#8217;s when a day trip to the beaches of Long Island comes in handy to reset the eye, the mind, and the arms (when there&#8217;s surf).</p>
<p><img class="alignnone size-medium wp-image-1170" title="IMG_1181" src="http://supermetricity.com/wp-content/uploads/2010/08/IMG_1181-564x421.jpg" alt="" width="564" height="421" /></p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2010/08/16/complexity-and-contradiction-in-site-architecture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What would Borges do?</title>
		<link>http://supermetricity.com/2010/02/24/what-would-borges-do/</link>
		<comments>http://supermetricity.com/2010/02/24/what-would-borges-do/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 23:44:07 +0000</pubDate>
		<dc:creator>sidney</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[thoughts]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=855</guid>
		<description><![CDATA[
Jorge Luis Borges once wrote a very brief story about map makers who, in a quest to replicate the details of the original perfectly, created a gargantuan map the same size of the country they were illustrating. I&#8217;m always struck by how difficult it is to show an image of a website one a website. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://supermetricity.com/2010/02/24/what-would-borges-do/" target="_blank"><img class="alignnone size-full wp-image-891" title="klimenthalsbandweb_alt" src="http://supermetricity.com/wp-content/uploads/2010/02/klimenthalsbandweb_alt1.jpg" alt="" width="564" height="409" /></a></p>
<p>Jorge Luis Borges once wrote a very brief story about map makers who, in a quest to replicate the details of the original perfectly, created a gargantuan map the same size of the country they were illustrating. I&#8217;m always struck by how difficult it is to show an image of a website one a website. Should I make it small enough to show at once and loose the details in the typography? Should I crop in to a detail and loose the overall impression? Here&#8217;s my newest contribution to the problem: excitingly tilted in a a constructivist 2.0 kind of way. Terrible, isn&#8217;t it.</p>
<p>Oh, by the way, take a look at the new website we designed and built for <a href="http://www.kliment-halsband.com" target="_blank">Kliment-Halsband Architects</a>. We did the first one four years ago and they came back to us to rejuvenate. That felt good. Portraits of the partners were shot by the amazing <a href="http://www.francoisdischinger.com/" target="_blank">Francois Dischinger</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2010/02/24/what-would-borges-do/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get ready for the iPad!</title>
		<link>http://supermetricity.com/2010/02/18/get-ready-for-the-ipad/</link>
		<comments>http://supermetricity.com/2010/02/18/get-ready-for-the-ipad/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 19:25:44 +0000</pubDate>
		<dc:creator>olaf</dc:creator>
				<category><![CDATA[tools]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=850</guid>
		<description><![CDATA[
The iPad is coming and whether you like it or not, whether you are under- or overwhelmed and whether you will get it or not: the iPad will be here soon! At $499 and the alleged savior of the print industry, it will most likely make as much of an impact as the iPhone did.
To [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/"><img class="alignnone size-full wp-image-851" title="ipad_GUI_PSD1" src="http://supermetricity.com/wp-content/uploads/2010/02/ipad_GUI_PSD1.jpg" alt="" width="562" height="347" /></a></p>
<p>The iPad is coming and whether you like it or not, whether you are under- or overwhelmed and whether you will get it or not: the iPad will be here soon! At $499 and the alleged savior of the print industry, it will most likely make as much of an impact as the iPhone did.</p>
<p>To help us to get ready for some iPad GUI design, we found <a title="iPad GUI PSD template" href="http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/" target="_blank">this handy PSD template</a> (via <a title="teehan+lax blog" href="http://www.teehanlax.com" target="_blank">teehan+lax</a>). It&#8217;s quite a collection (24mb) and it even has the blue cube icon that indicates a missing Flash plugin.</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2010/02/18/get-ready-for-the-ipad/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dattner Architects Monograph No.2</title>
		<link>http://supermetricity.com/2009/10/23/dattner-architects-monograph-no-2/</link>
		<comments>http://supermetricity.com/2009/10/23/dattner-architects-monograph-no-2/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 15:48:42 +0000</pubDate>
		<dc:creator>Marco</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=768</guid>
		<description><![CDATA[
About two years ago we designed a new website for Dattner Architects. The second part of the job was to help the New York firm put together their second monograph, which took considerably longer but just hit the street and we finally hold it in our hands! 
We liked the idea to create two pieces [...]]]></description>
			<content:encoded><![CDATA[<p><!--superb-slideshow=filename=dattbook.xml&#038;width=400&#038;height=300--></p>
<p>About two years ago we designed a new <a href="http://dattner.com" target="blank">website for Dattner Architects</a>. The second part of the job was to help the New York firm put together their second monograph, which took considerably longer but just hit the street and we finally hold it in our hands! </p>
<p>We liked the idea to create two pieces that would showcase the company&#8217;s work in the distinct nature of their medium, and at the same time allow them to reference each other through a mutual graphic language. Front and center, book and website refer to the wide range of public and private projects Dattner Atchitects has realized over the years — in lieu of a title, the full list of their their fields of action is stacked in large letters, filling the entire available height and marking the sections projects belong to.</p>
<p><del datetime="2009-10-24T02:21:24+00:00">Get &#8220;Dattner Architects&#8221; from amazon.</del> Funnily enough, at amazon there&#8217;s an older design of the cover showing up for the book which they took from the publisher&#8217;s catalogue (and which we really really liked because it was a little more mysterious). <a href="http://www.amazon.com/Dattner-Architects-Robyn-Beaver/dp/1864702850/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1256312259&#038;sr=1-1" target="blank">take a look&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2009/10/23/dattner-architects-monograph-no-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 New Web-Typography Tips &amp; Tricks</title>
		<link>http://supermetricity.com/2009/09/28/5-new-web-typography-tips-tricks/</link>
		<comments>http://supermetricity.com/2009/09/28/5-new-web-typography-tips-tricks/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 16:05:24 +0000</pubDate>
		<dc:creator>olaf</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=758</guid>
		<description><![CDATA[The other day I stumbled upon 50 Essential Web Typography Tutorials, Tips, Guides and Best Practices, an article on Speckyboy.com. It is quite an amazing collection of best practices for web typography. There are a few tools and tips that stand out:

Using a custom font as opposed to a system font has been a huge [...]]]></description>
			<content:encoded><![CDATA[<p>The other day I stumbled upon <a rel="bookmark" href="http://speckyboy.com/2009/08/31/50-essential-web-typography-tutorials-tips-guides-and-best-practices/">50 Essential Web Typography Tutorials, Tips, Guides and Best Practices</a>, an article on Speckyboy.com. It is quite an amazing collection of best practices for web typography. There are a few tools and tips that stand out:</p>
<p><a href="http://craigmod.com/journal/font-face/"><img class="alignnone size-full wp-image-759" title="atfontface" src="http://supermetricity.com/wp-content/uploads/2009/09/atfontface.jpg" alt="atfontface" width="564" height="136" /></a></p>
<p>Using a custom font as opposed to a system font has been a huge issue for web designers for a long time. Luckily there is <a title="SUPERMETRIC on sIFR and cufon" href="http://supermetricity.com/2009/04/09/font-rendering-sifr-cufon/">sIFR and cufon</a>, 2 methods we use to realize dynamic rendering of fonts on web sites. The latest browser generation (at least Firefox 3.5 and Safari 4) support the @font-face CSS rule which forces the font to download to the clients computer. The result is quite amazing but the results vary widely between browsers.</p>
<p>-</p>
<p><a href="http://fontjazz.com/"><img class="alignnone size-full wp-image-762" title="facelift" src="http://supermetricity.com/wp-content/uploads/2009/09/facelift.jpg" alt="facelift" width="564" height="99" /></a></p>
<p>Speaking of sIFR and cufon, there appears to be more fish in that pond: FontJazz and facelift both offer custom font rendering but in very different ways. While FontJazz appears to be a cufon clone (which appears to work on many, even old browsers), facelift renders images in real time. Not sure if I am tempted to try these approaches as cufon works pretty well for us.</p>
<p><a href="http://fontjazz.com/"><img class="alignnone size-full wp-image-763" title="fontjazz" src="http://supermetricity.com/wp-content/uploads/2009/09/fontjazz.jpg" alt="fontjazz" width="564" height="106" /></a></p>
<p>-</p>
<p><a href="http://www.csstypeset.com/"><img class="alignnone size-full wp-image-764" title="csstypeset" src="http://supermetricity.com/wp-content/uploads/2009/09/csstypeset.jpg" alt="csstypeset" width="564" height="250" /></a></p>
<p>csstypeset is a nice tool that allows you to format small snippets of text using system fonts. On the left you have a WYSIWYG editing area and to the right your CSS code is generated. Bookmark!</p>
<p>-</p>
<p><a href="http://pxtoem.com/"><img class="alignnone size-full wp-image-765" title="em" src="http://supermetricity.com/wp-content/uploads/2009/09/em.jpg" alt="em" width="564" height="250" /></a></p>
<p>Today everything is about em in CSS, no px anymore. Yeah, I know, how nerdy can it get. But seriously, this online tool helps you convert to em easily and thus enables you to create better stylesheets.</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2009/09/28/5-new-web-typography-tips-tricks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

