<?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; tools</title>
	<atom:link href="http://supermetricity.com/category/tools/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>From Excel to Indesign with &#8220;Data Merge&#8221;</title>
		<link>http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/</link>
		<comments>http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 14:53:14 +0000</pubDate>
		<dc:creator>laura</dc:creator>
				<category><![CDATA[production]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=1005</guid>
		<description><![CDATA[We are currently working on an extensive institutional signage project with Johns Hopkins University and Kliment Halsband Architects. The project requires over 400 production files including numerals and braille. When considering our work flow I remembered hearing about the ever helpful Data Merge tool in Indesign CS3. This tool will take hours out of manual computation [...]]]></description>
			<content:encoded><![CDATA[<p>We are currently working on an extensive institutional signage project with Johns Hopkins University and Kliment Halsband Architects. The project requires over 400 production files including numerals and braille. When considering our work flow I remembered hearing about the ever helpful Data Merge tool in Indesign CS3. This tool will take hours out of manual computation by merging your spreadsheet document into multiple pages of an Indesign document. The process is surprisingly simple and can be illustrated below:</p>
<p><a rel="attachment wp-att-1009" href="http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/datamerge1-2/"><img class="alignleft size-full wp-image-1009" src="http://supermetricity.com/wp-content/uploads/2010/03/DataMerge11.jpg" alt="" width="560" height="370" /></a></p>
<p>1. First, you open the Data Merge tool by going to Window &gt; Automation &gt; Data Merge.<br />
2. In the Data Merge drop down menu you will find the Select Data Source option. When prompted, find the spreadsheet document you want to use, but make sure it is saved in .csv or .txt format.</p>
<p><a rel="attachment wp-att-1011" href="http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/datamerge2-3/"><img class="alignleft size-full wp-image-1011" src="http://supermetricity.com/wp-content/uploads/2010/03/DataMerge22.jpg" alt="" width="560" height="340" /></a></p>
<p>3. Once you select your data source, each column title within that spreadsheet document will appear as a list in the data merge window. Next, you create a text box and position it in the area of the page you would like the data to appear &#8211; remember the current document is only a template that a merged document will be created from. Once you position your text box, activate it and select the column in the Data Merge window you would like to use.</p>
<p><a rel="attachment wp-att-1012" href="http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/datamerge3-2/"><img class="alignleft size-full wp-image-1012" src="http://supermetricity.com/wp-content/uploads/2010/03/DataMerge31.jpg" alt="" width="560" height="406" /></a></p>
<p>4. Next, I gave my text box a character style so that I can control the overall look of the signs with less manual work. It is important to set this in your template document before you merge your data.</p>
<p><a rel="attachment wp-att-1017" href="http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/datamerge4/"><img class="alignleft size-full wp-image-1017" src="http://supermetricity.com/wp-content/uploads/2010/03/DataMerge4.jpg" alt="" width="560" height="340" /></a></p>
<p>5. After you have everything set, you select Create Merged Document in the Data Merge drop down menu. This will pull up an additional menu with various options on how you want to flow the information into your merged document. Once you set your preferences, click Ok.</p>
<p><a rel="attachment wp-att-1018" href="http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/datamerge5/"><img class="alignleft size-full wp-image-1018" src="http://supermetricity.com/wp-content/uploads/2010/03/DataMerge5.jpg" alt="" width="560" height="496" /></a></p>
<p>6. Finally, your merged document will be automatically created from the template document you just made.</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2010/03/26/data-merge-from-excel-to-indesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trend: Hyperlocal Information</title>
		<link>http://supermetricity.com/2010/03/09/trend-hyperlocal-information/</link>
		<comments>http://supermetricity.com/2010/03/09/trend-hyperlocal-information/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 21:10:48 +0000</pubDate>
		<dc:creator>olaf</dc:creator>
				<category><![CDATA[business]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=959</guid>
		<description><![CDATA[Before everything became virtual, most of the things we interacted with were local. We bought books at Barnes &#38; Noble, not on Amazon, we read the NY Times, not The Huffington Post. Finding an apartment was a drag before Craigslist. Then came Dot Com and Web 2.0 and we could find every piece of information, [...]]]></description>
			<content:encoded><![CDATA[<p>Before everything became virtual, most of the things we interacted with were local. We bought books at Barnes &amp; Noble, not on Amazon, we read the NY Times, not The Huffington Post. Finding an apartment was a drag before Craigslist. Then came Dot Com and Web 2.0 and we could find every piece of information, every product and even most of our &#8220;friends&#8221; online. The <em>local</em> turned out to be irrelevant – the virtual was what we wanted. But then the world wide web became bigger and bigger.  Relevant local information got lost in the long tail. We realized that local is still important and thus the demand for hyperlocal information began to grow.</p>
<p>To see what that means, let&#8217;s have a look at three online categories that utilize hyperlocal information:</p>
<p><strong>Hyperlocal news</strong></p>
<p><a href="http://supermetricity.com/2010/03/09/trend-hyperlocal-websites/"><img class="size-full wp-image-993 alignright" title="everyblock" src="http://supermetricity.com/wp-content/uploads/2010/03/everyblock2.jpg" alt="" width="282" height="221" /></a>One of the first hyperlocal applications were local news websites, which filled in the gap the dying print industry left behind. Often these news site/ blog crossovers are specific to a certain neighborhood. There are quite a few of these blogs around in New York, such as the <a title="Goto gothamist.com" href="http://gothamist.com/" target="_blank">Gothamist</a> which is now also available in many other cities, or the <a title="Goto brownstoner.com" href="http://www.brownstoner.com/" target="_blank">Brownstoner</a>, which focuses on real estate specific news.  But lately there are more and more start-ups that offer a platform for hyperlocal information, mash-ups that gather data from different sources about a neighborhood or town. For example, <a title="Goto Everyblock.com" href="http://www.everyblock.com/" target="_blank">Everyblock</a> lets users create a newsfeed for a specific address or ZIP code and collects information such as news, photos, reviews and governmental information (e.g. crime rate). <a title="Goto Outside.in" href="http://outside.in/" target="_blank">Outside.in</a> and <a title="Goto Placeblogger.com" href="http://www.placeblogger.com" target="_blank">Placeblogger</a> offer similar services while Patch puts together sites for you and adds more categories plus an editorial process to the collection.</p>
<p><strong>Hyperlocal social networks</strong></p>
<p>Although it seems counterintuitive to build ones social network on virtual encounters, the most successful sites in this arena, Facebook and MySpace prove the contrary. However, with the ubiquitous availability of local-based services and devices (from Google Maps mash-ups to GPS enabled phones), hyperlocal social networks are beginning to grow and become more important.</p>
<p><a href="http://supermetricity.com/2010/03/09/trend-hyperlocal-websites/"><img class="alignleft size-full wp-image-992" title="gowalla" src="http://supermetricity.com/wp-content/uploads/2010/03/gowalla.jpg" alt="" width="282" height="203" /></a>The ultimate goal for any hyperlocal network should be to get people together who share a physical location, temporarily or permanently. There are few purely web-based applications such as <a title="Goto STACKD" href="http://stackd.biz/" target="_blank">STACKD</a> (a SUPERMETRIC project), which aims to connect people within and around office buildings. Most players in this game offer location-based services through mobile phone applications. The top four are <a title="Foursquare website" href="http://foursquare.com/" target="_blank">FourSquare</a>, <a title="Gowalla website" href="http://gowalla.com/" target="_blank">Gowalla</a>, <a title="Brightkite website" href="http://brightkite.com" target="_blank">BrightKite</a> and <a title="Loopt.com" href="http://www.loopt.com/" target="_blank">Loopt</a>. They all work somewhat the same: you check in at a location (e.g. a café, bar, store) and share the info with your friends (via the app, Facebook or Twitter). You can see who else is around and might get in touch. Most apps will reward check-ins with virtual gifts/ prizes which will make you climb up the ladder within your community. Some applications feel more like a game (Gowalla) where others focus on the social component (FourSquare).</p>
<p><strong>Hyperlocal advertising</strong></p>
<p>Online advertising has revolutionized the market and Google is the incarnation of this phenomenon. The method and reason for success lies in content sensitive information or ads in this case. Google found the matching algorithms to display the ads that are most relevant for a website or search engine visitor.</p>
<p><a href="http://supermetricity.com/2010/03/09/trend-hyperlocal-websites/"><img class="alignright size-full wp-image-973" title="where" src="http://supermetricity.com/wp-content/uploads/2010/03/where.jpg" alt="" width="282" height="282" /></a>In many cases local information makes an ad even more relevant. If you think about products you use and buy on a daily basis or multiple times per week or products you consume right away (food and drinks), local-based advertising adds a lot of value. In an <a title="Article on FastCompany" href="http://www.fastcompany.com/magazine/138/get-me-rewrite-hyperlocals-lost.html" target="_blank">article</a> for FastCompany, Michael Gluckstadt evaluates the hyperlocal advertising market at $100 Billion. There seems to be evidence that he might be right: DataSphere just <a title="News on DataSphere" href="http://www.xconomy.com/seattle/2010/01/05/datasphere-raises-10-8m-to-help-media-companies-manage-hyperlocal-websites-and-make-money/" target="_blank">raised $10.8 Million</a> in series B funding to expand their software offerings in this area. <a title="Where website" href="http://www.where.com/" target="_blank">Where</a> (a uLocate service) just launched a new  hypelocal ad network to connect local merchants with customers (e.g. via coupons on augmented reality apps). There seems to be a lot going on right now but the market is still young and it’s not clear what will work yet. Ultimately, services must focus on the value for users. As long as ads are fun, relevant and somewhat unobtrusive there is a true potential to become the next generation AdWords.</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2010/03/09/trend-hyperlocal-information/feed/</wfw:commentRss>
		<slash:comments>3</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>Save Layers as JPGs from Illustrator</title>
		<link>http://supermetricity.com/2009/02/11/save-layers-as-jpgs-from-illustrator/</link>
		<comments>http://supermetricity.com/2009/02/11/save-layers-as-jpgs-from-illustrator/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 21:33:55 +0000</pubDate>
		<dc:creator>Marco</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[automation]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">http://supermetricity.com/?p=13</guid>
		<description><![CDATA[This is a great script for Illustrator: it automates the export of layers into individual JPG files.
I found this at the hicksdesign blog when I was looking for a smart way to export all 87 layers of a design explorations file to make a web presentation. The standard way of dealing with this (the &#8216;Save [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_63" class="wp-caption alignleft" style="width: 258px"><img class="size-full wp-image-63" title="layerstructure" src="http://supermetricity.com/wp-content/uploads/2009/02/layerstructure.jpg" alt="How to organize the layer structure for the script" width="248" height="382" /><p class="wp-caption-text">How to organize your layer structure for the script</p></div>
<p>This is a great script for Illustrator: it automates the export of layers into individual JPG files.</p>
<p>I found this at the <a href="http://hicksdesign.co.uk/journal/illustrator-exporting-layers-to-png" target="_blank">hicksdesign blog</a> when I was looking for a smart way to export all 87 layers of a design explorations file to make a web presentation. The standard way of dealing with this (the &#8216;Save for Web&#8217; option) would have taken me ages, but after some minor adjustments (and a bit of trial and error), this is has become most favorite tool at the moment. It just saves so much time!</p>
<p>Before you go, you need a clean file set-up — the script executes an export of <em>each</em> top-level layer, including all its sub-layers. I added a feature that adds any layers named &#8216;ALWAYS&#8217; as visible on top of <em>each</em> export. This is good for keeping a browser window visible all the time in the background or a logo, or any other elements that never change throughout your layers.</p>
<p>The size of the export area is defined by a cropping mask, so make sure you have one in place  — otherwise the image will be cropped to the size of all visible elements on a layer.</p>
<p>Just throw the script in the folder Apps/Illustrator/Presets/Scripts and execute it will show up under File/Scripts.<br />
(thanks Pete for helping me with the ALWAYS feature in javaScript!)</p>
<p>Download the jsx file for the script <a href="http://supermetricity.com/wp-content/uploads/2009/02/SaveLayersAsJPGcropMaskALLWAYS.jsx.zip">here</a> as ZIP</p>
]]></content:encoded>
			<wfw:commentRss>http://supermetricity.com/2009/02/11/save-layers-as-jpgs-from-illustrator/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
