<?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>Helloewy: A blog from Loewy Design &#187; Marc Acosta</title>
	<atom:link href="http://www.loewy.com/author/marc/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.loewy.com</link>
	<description>The blog of Loewy Design</description>
	<lastBuildDate>Wed, 18 Aug 2010 14:27:37 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Monocle Smile</title>
		<link>http://www.loewy.com/monocle-smile/</link>
		<comments>http://www.loewy.com/monocle-smile/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 17:30:28 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Online Strategy]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=923</guid>
		<description><![CDATA[
A social media strategy is almost a requirement at this point for any commercial brand. For most, the common combination of a Twitter and Facebook account fed with frequent posts is   usually enough. With every tweet your followers are reminded of your existence, and   if you are lucky enough, they may [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-894" title="Old Spice" src="http://www.loewy.com/wp-content/uploads/2010/07/blog_old_spice_0610.jpg" alt="Old Spice" width="519" height="305" /></p>
<p>A social media strategy is almost a requirement at this point for any commercial brand. For most, the common combination of a Twitter and Facebook account fed with frequent posts is   usually enough. With every tweet your followers are reminded of your existence, and   if you are lucky enough, they may even click through to any links you provide. But   harnessing the power of social media in a carefully orchestrated   campaign utilizing all the major platforms? That&#8217;s an entirely different proposition &#8211; and quite a feat if it can be pulled off. Despite the challenge, that&#8217;s exactly what the creative team behind Old Spice did.</p>
<p><span id="more-923"></span></p>
<p>During the week of July 12th, the incredible creatives at Wieden+Kennedy managed to harness the freakishly strong power of social media to create one of  the most memorable ad campaigns the Internet has seen  yet. Over the  course of two days, the team fielded questions from all over the Internet, and responded by writing and filming 87 short YouTube videos.</p>
<h2>The right material for the job</h2>
<p>If your target market intersects with the user base of your choice of social media platforms, there&#8217;s a direct connection to the walls and feeds of millions of potential customers that is just waiting to be made.</p>
<p>In case you are not already familiar with the Old Spice ads staring Isaiah Mustafa, they originally aired during the 2010 Super Bowl and later during the Winter Olympics. The <a href="http://www.youtube.com/watch?v=owGykVbfgUE" target="_blank">first commercial</a> shot with its mix of quick shots, random imagery and deadpan delivery  proved to have the right recipe for viral Internet success resulting in  over 16 million views on YouTube. By mid-July the “Old Spice guy” was already something of a household name in the dysfunctional households of various Internet communities. As a result,  when a call was put out on Old Spice&#8217;s Twitter and Facebook pages for people to ask the Old Spice guy questions (you could basically ask him anything) word spread pretty fast, resulting in lots of submissions, giving the writers plenty of source material to riff on. Once received, the questions were sorted through and ranked for effectiveness, and a script was quickly written and filmed, resulting in a short and usually very funny YouTube clip.</p>
<h2>The plan comes together</h2>
<p>People soon realized what was going on &#8211; that there was a direct line to the Old Spice guy and that he might say your name and do something really weird in a widely viewed, personalized video. From there things really got rolling. Soon, such celebrities as <a href="http://www.youtube.com/watch?v=-oElH6M_5i4" target="_blank">Alyssa Milano</a>, <a href="http://www.youtube.com/watch?v=dfqlVi5DGuo" target="_blank">Rose McGowan</a> and <a href="http://www.youtube.com/watch?v=J8Bli13rO9A" target="_blank">George Stephanopoulos</a>, bloggers, and other specialty websites (with decent-sized communities, of course, to keep the buzz going) like <a href="http://www.youtube.com/watch?v=ive3vXv-XRk" target="_blank">Perez Hilton</a>, G4TV&#8217;s Kevin Pereira (embedded below), gadget blog <a href="http://www.youtube.com/watch?v=sT-jJgwSCZc" target="_blank">Gizmodo</a> and <a href="http://www.youtube.com/watch?v=igb54W085z0" target="_blank">the Huffington Post</a> started asking questions. The resulting video responses were linked on traffic driving  sites  such as Digg and Reddit. And having the Old Spice guy respond directly to <a href="http://www.youtube.com/watch?v=-8JsvwUcok0" target="_blank">a Reddit user</a> and to Digg founder <a href="http://www.youtube.com/watch?v=O44C765UiMw" target="_blank">Kevin Rose</a> didn&#8217;t hurt either in getting that to happen.</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="520" height="320" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/js9d48G9HSI&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="520" height="320" src="http://www.youtube.com/v/js9d48G9HSI&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>But the great thing was that the videos didn’t have to feature a celebrity to be funny. Seemingly random users provided material that was just as good. And, like anybody who takes a photo with a celebrity or gets an autograph, they want to share it with everybody. Famous or not, when people received personalized videos, they ran back to their community of choice and posted them, further spreading the word.</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="520" height="320" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/ZzxZRKIi1Fs&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="520" height="320" src="http://www.youtube.com/v/ZzxZRKIi1Fs&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<h2>The payoff</h2>
<p>So by targeting high profile Internet figures, individual websites and users known only deep within their respective communities, the Old Spice guy responded to <strong>the entire internet</strong>. And apparently the whole stunt has paid off. <a href="http://www.adweek.com/aw/content_display/news/agency/e3i3639278d2189e4efd2b8ab7d46542e93" target="_blank">As noted in Adweek</a> &#8220;According to Nielsen data provided by Old Spice, overall sales for  Old  Spice body-wash products are up 11 percent in the last 12 months;  up 27  percent in the last six months; up 55 percent in the last three  months;  and in the last month, with two new TV spots and the online  response  videos, up a whopping 107 percent.&#8221;</p>
<p>Google CFO Patrick Pichette even <a href="http://techcrunch.com/2010/07/15/google-old-spice/" target="_blank">weighed in on the campaign</a> noting that  “It just gives you a  glimpse of where the world is going”. Well the world may be going in that direction but how long will it take until people learn to tune it out as they have banner ads and television commercials? Will people allow the occasional weaving of marketing with their entertainment, or will they smell a sales pitch a mile away? Too bad the Old Spice guy isn&#8217;t taking any more questions&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/monocle-smile/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cyber monday everyday</title>
		<link>http://www.loewy.com/cyber-monday-everyday/</link>
		<comments>http://www.loewy.com/cyber-monday-everyday/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 20:28:42 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Online Strategy]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=729</guid>
		<description><![CDATA[
Black Friday &#38; Cyber Monday may have come and gone but the spending season has just begun and if you have an iPhone, as nightmarish as it may seem, every minute of every day can be Cyber WhateverDay. 
Like the DVR did away with having to clear your schedule to make it home to watch [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.loewy.com/cyber-monday-everyday/"><img class="size-full wp-image-743 alignnone" title="mobile shopping image" src="http://www.loewy.com/wp-content/uploads/2009/12/blog_black_fri_1209.jpg" alt="mobile shopping" width="519" height="305" /></a></p>
<p>Black Friday &amp; Cyber Monday may have come and gone but the spending season has just begun and if you have an iPhone, as nightmarish as it may seem, every minute of every day can be Cyber WhateverDay. <span id="more-729"></span></p>
<p>Like the DVR did away with having to clear your schedule to make it home to watch your favorite show at 9PM, dedicated shopping apps can let you shop whenever you feel like it without having to rush home to your laptop or even worse – the store.</p>
<h2><img class="alignleft size-full wp-image-732" style="vertical-align: middle;" title="app_amazon" src="http://www.loewy.com/wp-content/uploads/2009/12/app_amazon.png" alt="app_amazon" width="50" height="50" /> Amazon Mobile</h2>
<p>With about a year on the competition, <a title="Download in the Apple App Store" href="http://itunes.apple.com/us/app/amazon-mobile/id297606951?mt=8" target="_blank">Amazon Mobile</a> has had some time to refine what was an already great app last holiday season. Being able to see an item in a b&amp;m store, look it up on Amazon, find a better price and purchase it before you even make it back to your car is a pretty cool experience.</p>
<h2><img class="alignleft size-full wp-image-733" style="vertical-align: middle;" title="app_best_buy" src="http://www.loewy.com/wp-content/uploads/2009/12/app_best_buy.png" alt="app_best_buy" width="50" height="50" /> Best Buy</h2>
<p><a title="Download in the Apple App Store" href="http://itunes.apple.com/us/app/best-buy/id314855255?mt=8" target="_blank">Best Buy’s app</a> provides great interaction with their physical stores by allowing you to search inventory and reserve an item at a location close to you. I did find that I had to jump through as many hoops as I would have to on the desktop to actually place an order, which is something that the Amazon app managed to avoid. But still, being able to browse the weekly ad and see what they have on sale saves you a little time digging through the newspaper and a bunch of time actually going to the store.</p>
<h2><img class="alignleft size-full wp-image-734" style="vertical-align: middle;" title="app_target" src="http://www.loewy.com/wp-content/uploads/2009/12/app_target.png" alt="app_target" width="50" height="50" /> Target</h2>
<p>The <a title="Download in the Apple App Store" href="http://itunes.apple.com/us/app/target/id297430070?mt=8" target="_blank">Target app</a> has the most limited purchasing options of the three. You can browse anything in the store and like the Best Buy app, see the weekly ad deals, but if you want to purchase an item, you are kicked over to the full-flavor html site which really defeats the whole purpose of mobile shopping. The coolest thing the Target app does though is allow you to set your local store and not only will it tell you if an item is in stock &#8211; it will tell you what aisle you can find it in.</p>
<p>Mobile shopping is still in it’s infancy but the experience is really beginning to take shape. Already there are expectations forming of just how the experience should work and it’s interesting to see all the major players take a stab to see what works.</p>
<p>For b&amp;m stores, location awareness, stock checking and item reservation are a must because they save customers time and pull customers into the store. For online-only stores, robust personalization options and one-click purchasing (or as close as you can get to it) are important to recreating the impulse purchase, press-a-button-and-get-it experience that has worked so well for Apple&#8217;s iTunes and AppStore.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/cyber-monday-everyday/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Movin&#8217; on up</title>
		<link>http://www.loewy.com/movin-on-up/</link>
		<comments>http://www.loewy.com/movin-on-up/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 17:53:38 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Announcement]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=663</guid>
		<description><![CDATA[


We may have only moved up one floor but a lot has changed. We tried to document as much of the design and construction process as we could and created a video to share with you. Check it out&#8230; 
When sending us mail, delivering pizzas or just dropping by to say hello, please note our [...]]]></description>
			<content:encoded><![CDATA[<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="520" height="320" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/p1cKL17uvfQ&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="520" height="320" src="http://www.youtube.com/v/p1cKL17uvfQ&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>We may have only moved up one floor but a lot has changed. We tried to document as much of the design and construction process as we could and created a video to share with you. Check it out&#8230; <span id="more-663"></span></p>
<p>When sending us mail, delivering pizzas or just dropping by to say hello, please note our new suite number and update your address book:</p>
<table border="0">
<tbody>
<tr>
<td style="border:1px solid #4f678f; padding:15px;">555 Broadhollow Road, Suite <strong>300</strong><br />
 Melville, NY 11747</td>
</tr>
</tbody>
</table>
<p>So stop by if you&#8217;re in the neighborhood. In related news, we also have a new phone system. Our main number is still 631-249-2429 but it now goes to one of those fancy menu systems everybody loves so much. If you want to reach David or any of our other staff directly please use the following extensions:</p>
<table style="width: 250px; height: 150px;" border="0">
<tbody>
<tr>
<td style="border:0px;">David Loewy</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7011</td>
</tr>
<tr>
<td style="border:0px;">Marc Acosta</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7012</td>
</tr>
<tr>
<td style="border:0px;">Donald May</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7013</td>
</tr>
<tr>
<td style="border:0px;">Selina Nanoo</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7014</td>
</tr>
<tr>
<td style="border:0px;">Matt Kaye</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7015</td>
</tr>
<tr>
<td style="border:0px;">Jenna Chamra</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7016</td>
</tr>
<tr>
<td style="border:0px;">LeAnna Weller Smith</td>
<td style="border:0px; border-left:1px solid #4f678f; padding-left:15px;">x7017</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/movin-on-up/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>A dark cloud on the horizon</title>
		<link>http://www.loewy.com/a-dark-cloud-on-the-horizon/</link>
		<comments>http://www.loewy.com/a-dark-cloud-on-the-horizon/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 16:58:51 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Online Strategy]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[cloud computing]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=632</guid>
		<description><![CDATA[
The relentless commercials for remote backup almost had me convinced to retire my arcane system of external usb drives and cases of DVDs on my bookshelf. Then a couple of weeks ago that little bit of doubt I was feeling became a reality for users of the T-Mobile Sidekick when a server failure at Microsoft’s [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.loewy.com/a-dark-cloud-on-the-horizon/"><img src="http://www.loewy.com/wp-content/uploads/2009/10/blog_cloud_1009.jpg" border="0" alt="A dark cloud on the horizon" width="519" height="305" /></a></p>
<p>The relentless commercials for remote backup almost had me convinced to retire my arcane system of external usb drives and cases of DVDs on my bookshelf. Then a couple of weeks ago that little bit of doubt I was feeling became a reality for users of the T-Mobile Sidekick when a server failure at Microsoft’s Danger division left them holding a dataless hunk of plastic. Sidekicks rely on the servers at Danger to store things like contacts, photographs, notes, to-do-lists and other important user data. Sidekick users could do little but wait for Microsoft to restore the data. The interruption was so bad that T-Mobile temporarily stopped selling Sidekicks.</p>
<p><span id="more-632"></span></p>
<p>Periodic outages of cloud based services are to be expected but you would never guess that with the dependency that many of us have on them. Take Gmail for instance &#8211; when it goes down for even a minute people <a href="http://search.twitter.com/search?q=gmail+down" target="_blank">freak out</a>. (Hopefully <a href="http://www.wired.com/epicenter/2009/08/twitter-apparently-down/" target="_blank">Twitter is available</a> for you to see that link.) Now imagine if your Gmail account just goes poof one day. Unlikely, but many of us would be crushed because backing up Gmail is just not something people do and as a result, our only copy of some of our most important information is in the hands of Google. And that’s the real crux of the problem &#8211; the instant gratification of not having to worry about physical media backup is at odds with the long term realization that our important data is in the hands of others. Is the Sidekick issue a hint of what’s to come? Are we doomed to an event of large scale data loss?</p>
<p>We’ve been trained that backing up our data is our responsibility, and I may feel like I am doing the responsible thing by utilizing a remote backup service as a safety net in case of fire or theft, but it’s looking like I may have to start &#8211; you guessed it &#8211; <a href="http://www.infoworld.com/d/adventures-in-it/should-i-back-data-stored-in-cloud-361" target="_blank">backing up my online data</a> to physical media in my home. Think of the absurdity of remotely backing up my data to Carbonite for example and re-backing that up to over a hundred DVDs. Anybody looking for a job as a professional backer-upper?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/a-dark-cloud-on-the-horizon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introducing&#8230; Verdana?</title>
		<link>http://www.loewy.com/introducing-verdana/</link>
		<comments>http://www.loewy.com/introducing-verdana/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 17:11:32 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=433</guid>
		<description><![CDATA[
The outrage has been amusing to say the least and the vehicles for protest are the usual suspects: blog postings, twitter updates – even petitions … no we&#8217;re not talking about health care… we&#8217;re talking about something much more serious – typefaces! Specifically, Ikea&#8217;s recent decision to switch from using Futura, a classic typeface that [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.loewy.com/introducing-verdana/"><img src="http://www.loewy.com/wp-content/uploads/2009/09/blog_ikea_0909.jpg" alt="Introducing... Verdana?" title="Introducing... Verdana?" width="519" height="305" class="aligncenter size-full wp-image-435" border="0" /></a></p>
<p>The outrage has been amusing to say the least and the vehicles for protest are the usual suspects: <a href="http://www.idsgn.org/posts/ikea-says-goodbye-to-futura/">blog postings</a>, <a href="http://search.twitter.com/search?q=ikea+verdana">twitter updates</a> – even <a href="http://www.petitiononline.com/IKEAVERD/petition.html">petitions</a> … no we&rsquo;re not talking about health care… we&rsquo;re talking about something much more serious – typefaces! Specifically, Ikea&rsquo;s recent decision to switch from using Futura, a classic typeface that they have successfully used for 50 years, to Verdana, a font designed for Microsoft back in 1996. <span id="more-433"></span></p>
<p>While I understand the reaction and where it originates from (Verdana was originally designed for on screen viewing, improving readability at small sizes) for me, seeing Verdana in print is just… weird. It&rsquo;s as if the real font wasn&rsquo;t present when the catalog went to press and we wound up with a system default in its place. </p>
<p>What ultimately matters though isn&rsquo;t designer opinions, but customer reaction and any changes in brand perception. Currently, the public&rsquo;s perception of the Ikea brand is a half-empty, half-full kind of thing. Some see it as a refined brand that understands and values design. Others see it as cheap utilitarian furniture that you use to furnish a dorm room or first apartment. It&rsquo;s this contradiction that contributes to Ikea&rsquo;s wide appeal. </p>
<p>With this almost perfect balance of form and function, the choice of Verdana can be seen as tipping the scales too much into the utilitarian camp. The <a href="http://www.google.com/hostednews/ap/article/ALeqM5geYlBYTlLIO5k6bVAzQxh7CHbcxQD9ADD4480">official word</a> from Ikea spokeswoman Camilla Meiby seems to indicate that this was the reasoning behind the decision, <em>&ldquo;Verdana is a simple, cost-effective font which works well in all media and languages&rdquo;</em>.  This is definitely understandable considering that the Ikea catalogue is produced in in 27 languages for 35 countries (55 editions total).</p>
<p>This will be interesting to watch as it unfolds. Will Ikea <a href="http://www.nytimes.com/2009/02/23/business/media/23adcol.html">pull a Tropicana</a> and revert to Futura or will they stick it out? One thing&rsquo;s for certain, it will not be decided by designers, it&rsquo;s all up to Ikea&rsquo;s customers. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/introducing-verdana/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing with CSS3</title>
		<link>http://www.loewy.com/designing-with-css3/</link>
		<comments>http://www.loewy.com/designing-with-css3/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 16:17:49 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=322</guid>
		<description><![CDATA[
Although CSS3 is still officially in the works, the recent releases of Safari and Firefox have given us a few new CSS tools to experiment with. Designers may specifically be interested in the following features that accomplish with a few lines of code, things that we would normally do with graphics. 
Custom Typefaces
Being able to [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-310" title="Designing With CSS3" src="http://www.loewy.com/wp-content/uploads/2009/08/blog_css_0809.jpg" alt="Designing With CSS3" width="519" height="305" /></p>
<p>Although CSS3 is still officially in the works, the recent releases of Safari and Firefox have given us a few new CSS tools to experiment with. Designers may specifically be interested in the following features that accomplish with a few lines of code, things that we would normally do with graphics. <span id="more-322"></span></p>
<h2>Custom Typefaces</h2>
<p>Being able to use whatever font we feel like using in a web layout is a pretty much a designer’s dream come true. In the past the only way to do that and make sure that users see it was to create graphics for the pieces of text that you wanted rendered in a particular font. As more browsers include the @font-face property, that should hopefully change. Luckily the inclusion of the <code>@font-face</code> property in Firefox 3.5 now opens up font embedding to a much larger audience.</p>
<p>Using it is pretty simple. First you  define the name of the font family and point it to the location of the font file. At this time <em>.ttf</em> and <em>.otf</em> are supported:</p>
<p><code>@font-face {<br />
font-family: PrettyFont;<br />
src: url(fonts/PrettyFont.ttf);<br />
}</code></p>
<p>Then you just use the above font-family name in your document as you normally would:</p>
<p><code>p {<br />
 font-family: PrettyFont, Arial, sans-serif;<br />
 }</code></p>
<p><!--start example 1--></p>
<style>
@font-face {  
font-family: Wendy; 
src: url(/blog/wp-content/themes/helloewy/fonts/WendyLPStd-Bold.otf);  
} 
.fontembed { 
font-family: Wendy, Arial, sans-serif; 
font-size: 35px; 
} 
</style>
<div align="center">
<div class="fontembed">This is a test.</div>
<p><em>Live example &#8211; will only be visible on browsers that support @font-face</em></p>
<p><img title="Font embed example" src="http://www.loewy.com/wp-content/uploads/2009/08/fontembed.png" alt="This is a test." width="136" height="27" /></p>
<p><em>Reference image &#8211; This is what the above should look like</em></p>
</div>
<p><!-- end example 1--></p>
<p>As always, plan on a fallback incase your users are on an older browser. In this case if the user is using an older browser they will see paragraph text in Arial.</p>
<h2>Drop Shadows</h2>
<p>I’m pretty sure a book can be written on the history of the drop shadow. Back in the day, designers used to create drop shadows on objects and type by adding a separate layer behind an object and adding some blur. Later versions of PhotoShop made this easier with some built in tools, but all this meant to your site designs was more graphic files and longer download times. The <code>box-shadow</code> and <code>text-shadow</code> properties now allow you to do this all with a line of code to either a box or a piece of text.</p>
<p><code>div {<br />
 box-shadow: 2px 2px 3px #CCC;<br />
 }</code></p>
<p><code>h1 {<br />
 text-shadow: 2px 2px 3px #CCC;<br />
 }</code></p>
<p>What this does is place a  2px to the right, 2px down, add 3px of blur and color it a light gray (#CCC). The best part is that your text stays selectable and can be increased or decreased in size using your browsers built in text sizing function.</p>
<p><!--start example 2--></p>
<style>
.boxtextshadow {
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	text-shadow: 2px 2px 5px #000;
	border: 2px solid #FFF;
	background-color: #12294e;
	width: 200px;
	padding: 10px;
	color: #fff;
	font-size: 20px; 
 }
</style>
<div align="center">
<div class="boxtextshadow">This is a test.</div>
<p><br class="spacer_" /></p>
<p><em>Live example &#8211; will only be visible on browsers that support box and text shadows</em></p>
<p><img title="Box &#038; text shadow example" src="http://www.loewy.com/wp-content/uploads/2009/08/boxtextshadow.png" alt="This is a test." width="239" height="70" /></p>
<p><br class="spacer_" /></p>
<p><em>Reference image &#8211; This is what the above should look like</em></p>
</div>
<p><!-- end example 2--></p>
<h2>Rounded Corners</h2>
<p>Another feature that is sure to be useful (web apps come to mind) is the border-radius property. What this does is round the corners on boxes – a feature that previously required a lot of markup and graphics to create. Now you can do it easily with:</p>
<p><code>div {<br />
 border-radius: 8px;<br />
 }</code></p>
<p>This will round the corners of a box with 8px radius.</p>
<p><!--start example 3--></p>
<style>
.roundedcornerbox {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFF;
	background-color: #12294e;
	width: 200px;
	padding: 10px;
	color: #fff;
	font-size: 20px; 
 }
</style>
<div align="center">
<div class="roundedcornerbox">This is a test.</div>
<p><br class="spacer_" /></p>
<p><em>Live example &#8211; will only be visible on browsers that support border radius</em></p>
<p><img title="border-radius example" src="http://www.loewy.com/wp-content/uploads/2009/08/borderradius.png" alt="This is a test." width="225" height="49" /></p>
<p><br class="spacer_" /></p>
<p><em>Reference image &#8211; This is what the above should look like</em></p>
</div>
<p><!-- end example 3--></p>
<p>The nice thing about using these new features is the savings on extra graphics and code and simplifying your stylesheets and preserving the underlying text. All of these features degrade nicely on older browsers too.  That being said, remember that CSS3 is still not fully supported on all browsers so be sure to test thoroughly. But Remember… with great power comes great responsibility! There may be a temptation to go over the top so please&#8230; use these sparingly <img src='http://www.loewy.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/designing-with-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A question of mobility</title>
		<link>http://www.loewy.com/a-question-of-mobility/</link>
		<comments>http://www.loewy.com/a-question-of-mobility/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 14:00:12 +0000</pubDate>
		<dc:creator>Marc Acosta</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Online Strategy]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Web Best Practices]]></category>

		<guid isPermaLink="false">http://www.loewy.com/?p=206</guid>
		<description><![CDATA[
With the recent release of the iPhone 3GS and Palm Pre, the lure to take your site mobile will be stronger than ever—but should you? 
Loading up your site on a mobile browser can be a real eye-opener. In a best-case scenario, what you&#8217;re greeted with is a smaller version of the site you are [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.loewy.com/2009/06/a-question-of-mobility/"><img class="alignnone size-full wp-image-224" src="http://www.loewy.com/wp-content/uploads/2009/06/blog_mobile_06092.jpg" alt="websites - eat here or to go" width="519" height="305" /></a></p>
<p>With the recent release of the iPhone 3GS and Palm Pre, the lure to take your site mobile will be stronger than ever—but should you? <span id="more-206"></span></p>
<p>Loading up your site on a mobile browser can be a real eye-opener. In a best-case scenario, what you&#8217;re greeted with is a smaller version of the site you are used to seeing on your desktop. Although devices like the iPhone are more than capable of viewing &#8220;full&#8221; HTML websites, all that double tapping and pinching can get pretty tiresome.</p>
<p>The reality is that not all sites are particularly suited to having a &#8220;to go&#8221; version. Of course, there are the obvious ones—news, weather, finance—but most of these areas are pretty well served by the built-in apps on mobile devices. It takes some creativity to figure out what makes your particular business work on the go. So when considering the mobile option there are some important questions to ask:</p>
<p><em>What part of my site would be the most valuable to somebody on the go?</em><br />
 This could be as simple as your contact information—a mobile business card of sorts. I know I’ve been in situations where I was looking for a phone number or directions and went to a company’s homepage to find them. Sometimes this works out, and sometimes not so much. Ideally, a site will have a properly formatted phone number that becomes clickable allowing one-touch dialing. Adding in a link to your location on Google Maps will make you that much more accessible.</p>
<p><em>Am I doing email marketing?</em><br />
 One of the most common uses of mobile devices is for checking email. If somebody decides to follow a link in your email creative, it’s definitely at least worth a look to see what he or she would be presented with. Creating a mobile-specific landing page for your email creative could be a nice, low-impact way to experiment with incorporating mobile into your online strategy.</p>
<p><em>Could I trim my site down to just the basics and be happy with it?</em><br />
 Is it even possible to distill your site into small bite-sized chunks? Sites that are more information heavy, requiring users to spend time flipping through each section, fill out forms or pore through material in large PDFs are obviously not places somebody wants to visit on the go.</p>
<p><em>Do I want to maintain multiple versions of my site?</em><br />
 And you thought the early days of the web with browser-specific versions of your site were over. With browser detection and alternate CSS files used to serve up a mobile version of your site while keeping your full site intact for desktop visitors, the process is more manageable now. Still, you will have to consider the implications of any architectural changes across multiple platforms—although the statistics seem to support targeting iPhone if you just want to get your feet wet with mobile. According to <a href="http://www.netapplications.com/">Net Applications</a>, of all mobile browsing platforms, iPhone has the largest market share with almost 65% as of May 2009. Google&#8217;s Android is in a distant second with almost 8.5%. As of this post, data still isn&#8217;t available for WebOS &#8211; the operating system use on the Palm Pre.</p>
<p>So is now the time to fire up the grill and get started on a mobile presence? It would seem so. At the  least it’s definitely time to start thinking about it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loewy.com/a-question-of-mobility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->