<?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>the iconmaster</title>
	<atom:link href="http://theiconmaster.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://theiconmaster.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Mon, 30 Apr 2012 18:31:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Photoshop and App Design</title>
		<link>http://theiconmaster.com/2012/04/photoshop-and-app-design/</link>
		<comments>http://theiconmaster.com/2012/04/photoshop-and-app-design/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 16:59:39 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=275</guid>
		<description><![CDATA[Most app and web design involves the creation of images, in PNG, JPEG or some other format. These bitmap images often form the basis of non-text elements on screen, including icons and buttons. The way your design tool of choice renders is critical, because it affects the overall quality of your entire design.

How does Photoshop CS5 fare with the interface design staples of antialiased simple shapes? In a word, terribly.

Here are several circles I just drew in Photoshop CS5. Without any "snap to pixel" option for vector circles, the antialiasing ends up all over the place.

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/circles.png" alt="" title="Photoshop Circles" width="612" height="92" class="aligncenter size-full wp-image-276" />

Yeah, that's pretty awful. But the really fun part comes when you try to <em>fix</em> it. Again, there's no "snap to pixel" vector editing tool; so your only resort is to type in the pixel-correct values by hand. <em>For each and every shape.</em>

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/transform1.png" alt="" title="Shape transform" width="416" height="33" class="aligncenter size-full wp-image-290" />

Oh, and you'll need to switch the width and height fields from percent to pixels, and <em>even then</em> you'll need to make sure to type the "px" in every time or Photoshop will helpfully revert to percent. Have fun!

But how does Illustrator handle this same task? Beautifully. If you're in Pixel Preview mode (and, in my line of work, you're <em>always</em> in Pixel Preview mode), the circles come out whole-pixel the first time.

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/ai-circles1.png" alt="" title="Illustrator circles" width="488" height="72" class="aligncenter size-full wp-image-283" />

Granted, a couple stray pixels show up. But as an experienced Illustrator user, you'll immediately compensate with a Transform effect or Opacity Mask. Still a far quicker fix than typing in those Photoshop fields over and over.

This is not merely a circle issue. Any non-rectangular vector shape is very difficult to manipulate in a pixel-appropriate way in Photoshop CS5. New points are almost never placed on the whole pixel, nor do they snap to whole pixels when you drag or nudge them with the arrow keys. (In Illustrator's Pixel Preview, either operation will snap an anchor point to the nearest whole pixel.) Even worse, the amount that the point does move is determined by one's zoom level -- so you can't even be sure how much you'll need to nudge a point to get to that integer value. The only solution is to select and transform each and every point, typing in whole pixel values every time. And forget aligning points in order to make the process go more quickly.

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/star.png" alt="" title="Editing star" width="228" height="159" class="aligncenter size-full wp-image-295" />

Of course, what you really ought to do is just bring the shape into Illustrator where you can get those points snapped to pixel quickly and with no fuss.

Having run into all these vector-editing issues, would I use Photoshop CS5 to design images for use in an app or website? Well, I resisted doing so for years. I built a decade-long career of icon and interface design almost entirely on the back of Illustrator. Then I arrived at Black Pixel and had to adapt to the company approach. I cursed Adobe every time I typed "px" into a field to prevent it from reverting to percent. But being a designer, I learned to work around Photoshop's problems as I had long since learned to work around Illustrator's. Now, Photoshop CS6 is nearly here; and it fixes most (though not all) of my gripes about working with vector shapes. Incidentally, Illustrator CS5 fixed a few rendering inconsistencies and I'm sure Adobe will continue to fix more.

Both are good tools for the screen-centric design job, and both are peppered with some aggravating bugs and engineering decisions. C'est la vie. Good designers deal.

(Addendum: If you're not getting the joke, this is a tongue-in-cheek response to Marc Edwards' <a href="http://bjango.com/articles/illustratorandappdesign/">Illustrator and App Design</a>. I agree with Marc that Photoshop [and especially Photoshop CS6] has become the right tool for the app design job. I just don't agree with most of his particular criticisms of Illustrator.)]]></description>
			<content:encoded><![CDATA[<p>Most app and web design involves the creation of images, in PNG, JPEG or some other format. These bitmap images often form the basis of non-text elements on screen, including icons and buttons. The way your design tool of choice renders is critical, because it affects the overall quality of your entire design.</p>
<p>How does Photoshop CS5 fare with the interface design staples of antialiased simple shapes? In a word, terribly.</p>
<p>Here are several circles I just drew in Photoshop CS5. Without any &#8220;snap to pixel&#8221; option for vector circles, the antialiasing ends up all over the place.</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/circles.png" alt="" title="Photoshop Circles" width="612" height="92" class="aligncenter size-full wp-image-276" /></p>
<p>Yeah, that&#8217;s pretty awful. But the really fun part comes when you try to <em>fix</em> it. Again, there&#8217;s no &#8220;snap to pixel&#8221; vector editing tool; so your only resort is to type in the pixel-correct values by hand. <em>For each and every shape.</em></p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/transform1.png" alt="" title="Shape transform" width="416" height="33" class="aligncenter size-full wp-image-290" /></p>
<p>Oh, and you&#8217;ll need to switch the width and height fields from percent to pixels, and <em>even then</em> you&#8217;ll need to make sure to type the &#8220;px&#8221; in every time or Photoshop will helpfully revert to percent. Have fun!</p>
<p>But how does Illustrator handle this same task? Beautifully. If you&#8217;re in Pixel Preview mode (and, in my line of work, you&#8217;re <em>always</em> in Pixel Preview mode), the circles come out whole-pixel the first time.</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/ai-circles1.png" alt="" title="Illustrator circles" width="488" height="72" class="aligncenter size-full wp-image-283" /></p>
<p>Granted, a couple stray pixels show up. But as an experienced Illustrator user, you&#8217;ll immediately compensate with a Transform effect or Opacity Mask. Still a far quicker fix than typing in those Photoshop fields over and over.</p>
<p>This is not merely a circle issue. Any non-rectangular vector shape is very difficult to manipulate in a pixel-appropriate way in Photoshop CS5. New points are almost never placed on the whole pixel, nor do they snap to whole pixels when you drag or nudge them with the arrow keys. (In Illustrator&#8217;s Pixel Preview, either operation will snap an anchor point to the nearest whole pixel.) Even worse, the amount that the point does move is determined by one&#8217;s zoom level &#8212; so you can&#8217;t even be sure how much you&#8217;ll need to nudge a point to get to that integer value. The only solution is to select and transform each and every point, typing in whole pixel values every time. And forget aligning points in order to make the process go more quickly.</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/star.png" alt="" title="Editing star" width="228" height="159" class="aligncenter size-full wp-image-295" /></p>
<p>Of course, what you really ought to do is just bring the shape into Illustrator where you can get those points snapped to pixel quickly and with no fuss.</p>
<p>Having run into all these vector-editing issues, would I use Photoshop CS5 to design images for use in an app or website? Well, I resisted doing so for years. I built a decade-long career of icon and interface design almost entirely on the back of Illustrator. Then I arrived at Black Pixel and had to adapt to the company approach. I cursed Adobe every time I typed &#8220;px&#8221; into a field to prevent it from reverting to percent. But being a designer, I learned to work around Photoshop&#8217;s problems as I had long since learned to work around Illustrator&#8217;s. Now, Photoshop CS6 is nearly here; and it fixes most (though not all) of my gripes about working with vector shapes. Incidentally, Illustrator CS5 fixed a few rendering inconsistencies and I&#8217;m sure Adobe will continue to fix more.</p>
<p>Both are good tools for the screen-centric design job, and both are peppered with some aggravating bugs and engineering decisions. C&#8217;est la vie. Good designers deal.</p>
<p>(Addendum: If you&#8217;re not getting the joke, this is a tongue-in-cheek response to Marc Edwards&#8217; <a href="http://bjango.com/articles/illustratorandappdesign/">Illustrator and App Design</a>. I agree with Marc that Photoshop [and especially Photoshop CS6] has become the right tool for the app design job. I just don&#8217;t agree with most of his particular criticisms of Illustrator.)</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/04/photoshop-and-app-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Nintendilemma</title>
		<link>http://theiconmaster.com/2012/04/the-nintendilemma/</link>
		<comments>http://theiconmaster.com/2012/04/the-nintendilemma/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 01:38:53 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[gaming]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=258</guid>
		<description><![CDATA[As you may have heard, Nintendo <a href="http://www.nytimes.com/2012/04/27/technology/nintendo-hurt-by-new-rivals.html?_r=1&#038;partner=yahoofinance">just announced</a> their first-ever annual loss. As the quote from analyst David Gibson reads, "They have been beaten by smartphones and tablets, in particular, for consumers’ spending and, more importantly, time." 

Whether or not Nintendo CEO Satoru Iwata ever referred to Apple as "<a href="http://www.huffingtonpost.com/2010/05/07/satoru-iwata-nintendo-ceo_n_568045.html">the enemy of the future</a>," the sentiment is sound -- casual gaming, so recently the key to Nintendo's "blue ocean" strategy, is increasingly an iOS affair. And having all but abandoned the "hardcore" gaming market this past generation, Nintendo is left with very little room to maneuver. 

As I see it, Nintendo has three options; and none of them easy. The first and, I believe, worst solution is to abandon hardware and transition to becoming a software-only company. It's true that gaming properties like Mario, Zelda, Donkey Kong, Metroid and Pokémon are probably Nintendo's best assets and could sustain a substantial game company. But without the hardware platforms along for the ride, I doubt software alone could fuel the Nintendo we know today. That way lies diminishment, and should be regarded as a last resort. Sega serves as a strong warning against this approach.[1. We need to forget about Nintendo games on iOS, and not just because Nintendo would regard it as a humiliating failure. Mario without buttons is just Canabalt in the Mushroom Kingdom. The franchises we love would be neutered in the conversion.]


The second, slightly better plan is to confront the Xbox head-on. In fact, Nintendo has hinted it may be looking to do so with the beefed-up graphics capabilities of the Wii U. But graphics are a technology problem which is relatively straightforward to solve. Nintendo's real handicaps against Microsoft are cultural: Nintendo does not value <em>developer relations</em> or <em>online connectivity</em> and Microsoft does. Core gamers want expansive third-party libraries and dead-simple online multiplayer; and Nintendo has a long track record of failing badly at providing either with its platforms.  

The third option open to Nintendo is the most interesting and the riskiest: go after Apple on its own turf. Create a true, standalone tablet device that takes advantage of Nintendo's strengths. Such a device -- call it the "Nintendo iDS" for fun -- would certainly require a world-class browser and support for the usual mobile standbys (like text messaging). But unlike the iPad, the iDS would feature integrated buttons and analog circle pads to make even the most "core" of gaming experiences possible. 

It may sound crazy, but it's not so far from what Amazon is attempting with the Kindle Fire. And Nintendo has a few tricks up its sleeve. As with the 3DS, it could design the iDS with a 3D screen and slider. (I'm not big on 3D in general, but if it makes sense anywhere it's on a gaming platform.) Games could be temporarily shared with non-owners for multiplayer matches, as Nintendo already allows on its handhelds. But more than anything else, the iDS' big feature would be one-tap access to both classic and brand-new titles in the Mario, Zelda and other franchises. 

Do I think Nintendo will actually try to produce such a device? No. Nor do I expect them to get over their cultural handicaps or transform into a software-only developer. Nintendo will stick to its console hardware guns as long as it can; and it has the cash to be stubborn for quite some time. But the gaming industry is changing dramatically. Sooner or later, Nintendo will have to change too.]]></description>
			<content:encoded><![CDATA[<p>As you may have heard, Nintendo <a href="http://www.nytimes.com/2012/04/27/technology/nintendo-hurt-by-new-rivals.html?_r=1&#038;partner=yahoofinance">just announced</a> their first-ever annual loss. As the quote from analyst David Gibson reads, &#8220;They have been beaten by smartphones and tablets, in particular, for consumers’ spending and, more importantly, time.&#8221; </p>
<p>Whether or not Nintendo CEO Satoru Iwata ever referred to Apple as &#8220;<a href="http://www.huffingtonpost.com/2010/05/07/satoru-iwata-nintendo-ceo_n_568045.html">the enemy of the future</a>,&#8221; the sentiment is sound &#8212; casual gaming, so recently the key to Nintendo&#8217;s &#8220;blue ocean&#8221; strategy, is increasingly an iOS affair. And having all but abandoned the &#8220;hardcore&#8221; gaming market this past generation, Nintendo is left with very little room to maneuver. </p>
<p>As I see it, Nintendo has three options; and none of them easy. The first and, I believe, worst solution is to abandon hardware and transition to becoming a software-only company. It&#8217;s true that gaming properties like Mario, Zelda, Donkey Kong, Metroid and Pokémon are probably Nintendo&#8217;s best assets and could sustain a substantial game company. But without the hardware platforms along for the ride, I doubt software alone could fuel the Nintendo we know today. That way lies diminishment, and should be regarded as a last resort. Sega serves as a strong warning against this approach.<sup class='footnote'><a href='#fn-258-1' id='fnref-258-1' onclick='return fdfootnote_show(258)'>1</a></sup></p>
<p>The second, slightly better plan is to confront the Xbox head-on. In fact, Nintendo has hinted it may be looking to do so with the beefed-up graphics capabilities of the Wii U. But graphics are a technology problem which is relatively straightforward to solve. Nintendo&#8217;s real handicaps against Microsoft are cultural: Nintendo does not value <em>developer relations</em> or <em>online connectivity</em> and Microsoft does. Core gamers want expansive third-party libraries and dead-simple online multiplayer; and Nintendo has a long track record of failing badly at providing either with its platforms.  </p>
<p>The third option open to Nintendo is the most interesting and the riskiest: go after Apple on its own turf. Create a true, standalone tablet device that takes advantage of Nintendo&#8217;s strengths. Such a device &#8212; call it the &#8220;Nintendo iDS&#8221; for fun &#8212; would certainly require a world-class browser and support for the usual mobile standbys (like text messaging). But unlike the iPad, the iDS would feature integrated buttons and analog circle pads to make even the most &#8220;core&#8221; of gaming experiences possible. </p>
<p>It may sound crazy, but it&#8217;s not so far from what Amazon is attempting with the Kindle Fire. And Nintendo has a few tricks up its sleeve. As with the 3DS, it could design the iDS with a 3D screen and slider. (I&#8217;m not big on 3D in general, but if it makes sense anywhere it&#8217;s on a gaming platform.) Games could be temporarily shared with non-owners for multiplayer matches, as Nintendo already allows on its handhelds. But more than anything else, the iDS&#8217; big feature would be one-tap access to both classic and brand-new titles in the Mario, Zelda and other franchises. </p>
<p>Do I think Nintendo will actually try to produce such a device? No. Nor do I expect them to get over their cultural handicaps or transform into a software-only developer. Nintendo will stick to its console hardware guns as long as it can; and it has the cash to be stubborn for quite some time. But the gaming industry is changing dramatically. Sooner or later, Nintendo will have to change too.</p>
<div class='footnotes' id='footnotes-258'>
<div class='footnotedivider'></div>
<ol>
<li id='fn-258-1'>We need to forget about Nintendo games on iOS, and not just because Nintendo would regard it as a humiliating failure. Mario without buttons is just Canabalt in the Mushroom Kingdom. The franchises we love would be neutered in the conversion. <span class='footnotereverse'><a href='#fnref-258-1'>&#8617;</a></span></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/04/the-nintendilemma/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Gamers&#8217; Inn: Thrust Under Pressure</title>
		<link>http://theiconmaster.com/2012/04/thrust-under-pressure/</link>
		<comments>http://theiconmaster.com/2012/04/thrust-under-pressure/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 18:28:45 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[podcast]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=254</guid>
		<description><![CDATA[I had the good fortune of being able to join Ryan and Jocelyn of the (very Canadian) Gamers' Inn for a <a href="http://gamersinnpodcast.com/#!/episode/episode-15/">special episode</a> on the Legend of Zelda game franchise. Long and short of it: I argue that modern Zelda games are far too concerned with keeping the player from getting stuck.

I think it's a pretty good discussion. Go <a href="http://gamersinnpodcast.com/#!/episode/episode-15/">have a listen</a>.]]></description>
			<content:encoded><![CDATA[<p>I had the good fortune of being able to join Ryan and Jocelyn of the (very Canadian) Gamers&#8217; Inn for a <a href="http://gamersinnpodcast.com/#!/episode/episode-15/">special episode</a> on the Legend of Zelda game franchise. Long and short of it: I argue that modern Zelda games are far too concerned with keeping the player from getting stuck.</p>
<p>I think it&#8217;s a pretty good discussion. Go <a href="http://gamersinnpodcast.com/#!/episode/episode-15/">have a listen</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/04/thrust-under-pressure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Easy Way to Get iOS Screenshots On Your Mac</title>
		<link>http://theiconmaster.com/2012/04/the-easy-way-to-get-ios-screenshots-on-your-mac/</link>
		<comments>http://theiconmaster.com/2012/04/the-easy-way-to-get-ios-screenshots-on-your-mac/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 21:21:26 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ios]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=202</guid>
		<description><![CDATA[In my iOS design work, I take a lot of screenshots for the purpose of measuring distances between elements. To quickly get an iOS screenshot onto my Mac, Image Capture used to do the trick. Then, with the upgrade to iOS 5, Image Capture became flaky for this purpose. I filed a bug report, Apple tried to address it; but the process remains iffy.

I gave up on Image Capture and used Dropbox. But if you've used Dropbox for this purpose, you know it involves several steps: launch the app, tap the Uploads tab, tap the add button, tap the photo, etc. etc. It works, but it wasn't convenient enough.

I wanted something instantaneous. Fortunately, <a href="http://ryanmccuaig.net/">Ryan McCuaig</a> was able to point me in the right direction. Follow these steps and you, too, can experience painless iOS screenshot sharing on your Mac.

<h5>Ensure all your iOS devices use Photo Stream</h5>

On each of your iPads, iPhones etc. check iCloud settings in the Settings app. Photo Stream should be set to On.

<h5>Locate the Photo Stream in the Finder</h5>

Since the user's Library folder is now hidden by default, I can't just give you the file path. In the Finder, option-click on the Go menu and hit "Library." Then navigate to Application Support > iLifeAssetManagement > assets > sub. In the search filed, type "png"; then select "Portable Network Graphics image" from the popup.

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/png-search.png" alt="" title="Searching for PNGs" width="375" height="221" class="aligncenter size-full wp-image-301" />

<h5>Save the Search</h5>

Click the Save button under the search field. Give the saved search a name like "Screenshots." Leave "Add to Sidebar" checked.

This <em>ought</em> to be the end, but it's not. For some reason, this particular saved search acts up when accessed from the Finder sidebar (at least on my version of OS X). Sometimes it works, sometimes it returns zero results. The fix for this is to add it to the Dock instead. Hit up the contextual menu and do that.

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/addtodock1.png" alt="" title="Add saved search to dock" width="418" height="221" class="aligncenter size-full wp-image-302" />

(Note: a few folks have told me they don't have "Add to Dock" in their contextual menu. Your alternative is to navigate to your Saved Searches folder in your Library folder -- again: in the Finder, option-click on the Go menu and hit "Library." The saved search you created should be in there.)

I recommend also removing the saved search from the sidebar via the same menu.

Now, you have a live-updating folder of all PNG images that arrive on your Mac via Photo Stream.

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/screenshots-folder.png" alt="" title="Screenshots dock folder" width="228" height="134" class="aligncenter size-full wp-image-304" />

You'll probably want to set this to Sort By > Date Created. 

No, you won't need to have iPhoto running for this to work. Take some screenshots on your iOS devices and they'll automatically start showing up in this folder. Just keep in mind that a retina iPad screen can take a little bit to make its way through iCloud.

(If you wanted to get especially clever, you could add in pixel height and width metadata to filter screenshots from each device type into its own folder. The trick here is that those will vary with device orientation, so you'll probably end up using a Raw Query -- something like &#8220;kMDItemPixelHeight == 2048 &#124;&#124; kMDItemPixelHeight == 1536&#8221; for retina iPad shots.)]]></description>
			<content:encoded><![CDATA[<p>In my iOS design work, I take a lot of screenshots for the purpose of measuring distances between elements. To quickly get an iOS screenshot onto my Mac, Image Capture used to do the trick. Then, with the upgrade to iOS 5, Image Capture became flaky for this purpose. I filed a bug report, Apple tried to address it; but the process remains iffy.</p>
<p>I gave up on Image Capture and used Dropbox. But if you&#8217;ve used Dropbox for this purpose, you know it involves several steps: launch the app, tap the Uploads tab, tap the add button, tap the photo, etc. etc. It works, but it wasn&#8217;t convenient enough.</p>
<p>I wanted something instantaneous. Fortunately, <a href="http://ryanmccuaig.net/">Ryan McCuaig</a> was able to point me in the right direction. Follow these steps and you, too, can experience painless iOS screenshot sharing on your Mac.</p>
<h5>Ensure all your iOS devices use Photo Stream</h5>
<p>On each of your iPads, iPhones etc. check iCloud settings in the Settings app. Photo Stream should be set to On.</p>
<h5>Locate the Photo Stream in the Finder</h5>
<p>Since the user&#8217;s Library folder is now hidden by default, I can&#8217;t just give you the file path. In the Finder, option-click on the Go menu and hit &#8220;Library.&#8221; Then navigate to Application Support > iLifeAssetManagement > assets > sub. In the search filed, type &#8220;png&#8221;; then select &#8220;Portable Network Graphics image&#8221; from the popup.</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/png-search.png" alt="" title="Searching for PNGs" width="375" height="221" class="aligncenter size-full wp-image-301" /></p>
<h5>Save the Search</h5>
<p>Click the Save button under the search field. Give the saved search a name like &#8220;Screenshots.&#8221; Leave &#8220;Add to Sidebar&#8221; checked.</p>
<p>This <em>ought</em> to be the end, but it&#8217;s not. For some reason, this particular saved search acts up when accessed from the Finder sidebar (at least on my version of OS X). Sometimes it works, sometimes it returns zero results. The fix for this is to add it to the Dock instead. Hit up the contextual menu and do that.</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/addtodock1.png" alt="" title="Add saved search to dock" width="418" height="221" class="aligncenter size-full wp-image-302" /></p>
<p>(Note: a few folks have told me they don&#8217;t have &#8220;Add to Dock&#8221; in their contextual menu. Your alternative is to navigate to your Saved Searches folder in your Library folder &#8212; again: in the Finder, option-click on the Go menu and hit &#8220;Library.&#8221; The saved search you created should be in there.)</p>
<p>I recommend also removing the saved search from the sidebar via the same menu.</p>
<p>Now, you have a live-updating folder of all PNG images that arrive on your Mac via Photo Stream.</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/04/screenshots-folder.png" alt="" title="Screenshots dock folder" width="228" height="134" class="aligncenter size-full wp-image-304" /></p>
<p>You&#8217;ll probably want to set this to Sort By > Date Created. </p>
<p>No, you won&#8217;t need to have iPhoto running for this to work. Take some screenshots on your iOS devices and they&#8217;ll automatically start showing up in this folder. Just keep in mind that a retina iPad screen can take a little bit to make its way through iCloud.</p>
<p>(If you wanted to get especially clever, you could add in pixel height and width metadata to filter screenshots from each device type into its own folder. The trick here is that those will vary with device orientation, so you&#8217;ll probably end up using a Raw Query &#8212; something like &ldquo;kMDItemPixelHeight == 2048 || kMDItemPixelHeight == 1536&rdquo; for retina iPad shots.)</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/04/the-easy-way-to-get-ios-screenshots-on-your-mac/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Global Yawning</title>
		<link>http://theiconmaster.com/2012/03/global-yawning/</link>
		<comments>http://theiconmaster.com/2012/03/global-yawning/#comments</comments>
		<pubDate>Thu, 01 Mar 2012 18:31:18 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[science]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=199</guid>
		<description><![CDATA[Ars Technica <a href="http://arstechnica.com/science/news/2012/03/public-acceptance-of-reality-inches-upwards.ars">reported today</a> on a survey showing that Americans, essentially, are more persuaded of the idea of global warming when it's warm out and less persuaded when it's cold.

The knee-jerk reaction is to mock the public's grasp of global warming, but that misses a more fundamental truth: that in any contest between the "tyranny of the urgent" and gradual, imperceptible change, the urgent wins. Every time. Even if the most strident of alarmists are <em>completely right,</em> it's a vain hope that you could ever get a world of very busy humans to work together against such a slow, creeping, inconspicuous phenomenon. They can't <em>see</em> it.

Rather than go on about global warming, concerned people should make their case based only on immediately observable consequences. The argument should be: Air pollution is observable (just visit L.A.) -- so let's reduce emissions. Trash overload is observable -- so let's reduce and recycle. High gas prices and Middle East volatility are observable -- so let's keep going with hybrid engines, wind farms and other technologies.

Global warming will always be a chimaera for most people. <em>That chimaera may even exist.</em> It doesn't matter. Find another approach or stop wasting your time.

Or don't. Really, I have more important things to worry about.]]></description>
			<content:encoded><![CDATA[<p>Ars Technica <a href="http://arstechnica.com/science/news/2012/03/public-acceptance-of-reality-inches-upwards.ars">reported today</a> on a survey showing that Americans, essentially, are more persuaded of the idea of global warming when it&#8217;s warm out and less persuaded when it&#8217;s cold.</p>
<p>The knee-jerk reaction is to mock the public&#8217;s grasp of global warming, but that misses a more fundamental truth: that in any contest between the &#8220;tyranny of the urgent&#8221; and gradual, imperceptible change, the urgent wins. Every time. Even if the most strident of alarmists are <em>completely right,</em> it&#8217;s a vain hope that you could ever get a world of very busy humans to work together against such a slow, creeping, inconspicuous phenomenon. They can&#8217;t <em>see</em> it.</p>
<p>Rather than go on about global warming, concerned people should make their case based only on immediately observable consequences. The argument should be: Air pollution is observable (just visit L.A.) &#8212; so let&#8217;s reduce emissions. Trash overload is observable &#8212; so let&#8217;s reduce and recycle. High gas prices and Middle East volatility are observable &#8212; so let&#8217;s keep going with hybrid engines, wind farms and other technologies.</p>
<p>Global warming will always be a chimaera for most people. <em>That chimaera may even exist.</em> It doesn&#8217;t matter. Find another approach or stop wasting your time.</p>
<p>Or don&#8217;t. Really, I have more important things to worry about.</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/03/global-yawning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exporting Illustrator Paths to Photoshop Shape Layers</title>
		<link>http://theiconmaster.com/2012/02/exporting-illustrator-paths-to-photoshop-shape-layers/</link>
		<comments>http://theiconmaster.com/2012/02/exporting-illustrator-paths-to-photoshop-shape-layers/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 16:34:56 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[illustrator]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=190</guid>
		<description><![CDATA[Adobe, this should be <em>much</em> easier than it actually is.

Say you've drawn an object in Illustrator and what to use it in Photoshop without flattening it to a bitmap.

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1-300x241.png" alt="" title="Typical Illustrator art" width="300" height="241" class="aligncenter size-medium wp-image-192" /></a>

So you hit File > Export, choose Photoshop format and make sure to select "Maximum Editability."

<img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/export-psd.png" alt="" title="Photoshop export options" width="317" height="301" class="aligncenter size-full wp-image-306" />

You'll likely get the following result. Paths have been converted to bitmap layers, in spite of your best efforts.

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened-300x186.png" alt="Flattened art" title="flattened" width="300" height="186" class="aligncenter size-medium wp-image-195" /></a>

Unfortunate, and probably a bug. We can wait for Adobe to fix their code (stop laughing!) or figure out a workaround. Creative Suite users, this is what I have accomplished for you.

To ensure paths are maintained, you need to convert every standard path into a compound path. In order to prevent this trick from creating any visible effect, we'll use a very small path -- I prefer a one-pixel square, but in these examples I've gone a bit larger so you can see what's going on -- and combine it with the standard path using a <strong>live</strong> Add pathfinder operation. It's important that you use the live version of this operation -- otherwise you'll just end up with the same standard path with which you started and you'll continue to get bitmap results on export.

After a few Add pathfinder operations, you'll get something like this:

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art-300x241.png" alt="" title="Compound paths" width="300" height="241" class="aligncenter size-medium wp-image-196" /></a>

Export this art, and you'll get the desired shape layers.

<a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers-300x186.png" alt="" title="True shape layers" width="300" height="186" class="aligncenter size-medium wp-image-197" /></a>

So, why is Photoshop more consistently able to convert complex paths into Shape Layers while choking on the most basic sort of Illustrator art? Without getting into the technical details, <a href="http://www.southparkstudios.com/clips/103454/the-chewbacca-defense">this is the best explanation</a> I've been able to find.]]></description>
			<content:encoded><![CDATA[<p>Adobe, this should be <em>much</em> easier than it actually is.</p>
<p>Say you&#8217;ve drawn an object in Illustrator and what to use it in Photoshop without flattening it to a bitmap.</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/normal-art1-300x241.png" alt="" title="Typical Illustrator art" width="300" height="241" class="aligncenter size-medium wp-image-192" /></a></p>
<p>So you hit File > Export, choose Photoshop format and make sure to select &#8220;Maximum Editability.&#8221;</p>
<p><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/export-psd.png" alt="" title="Photoshop export options" width="317" height="301" class="aligncenter size-full wp-image-306" /></p>
<p>You&#8217;ll likely get the following result. Paths have been converted to bitmap layers, in spite of your best efforts.</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/flattened-300x186.png" alt="Flattened art" title="flattened" width="300" height="186" class="aligncenter size-medium wp-image-195" /></a></p>
<p>Unfortunate, and probably a bug. We can wait for Adobe to fix their code (stop laughing!) or figure out a workaround. Creative Suite users, this is what I have accomplished for you.</p>
<p>To ensure paths are maintained, you need to convert every standard path into a compound path. In order to prevent this trick from creating any visible effect, we&#8217;ll use a very small path &#8212; I prefer a one-pixel square, but in these examples I&#8217;ve gone a bit larger so you can see what&#8217;s going on &#8212; and combine it with the standard path using a <strong>live</strong> Add pathfinder operation. It&#8217;s important that you use the live version of this operation &#8212; otherwise you&#8217;ll just end up with the same standard path with which you started and you&#8217;ll continue to get bitmap results on export.</p>
<p>After a few Add pathfinder operations, you&#8217;ll get something like this:</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/compound-art-300x241.png" alt="" title="Compound paths" width="300" height="241" class="aligncenter size-medium wp-image-196" /></a></p>
<p>Export this art, and you&#8217;ll get the desired shape layers.</p>
<p><a href="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers.png"><img src="http://theiconmaster.com/blog/wp-content/uploads/2012/02/shape-layers-300x186.png" alt="" title="True shape layers" width="300" height="186" class="aligncenter size-medium wp-image-197" /></a></p>
<p>So, why is Photoshop more consistently able to convert complex paths into Shape Layers while choking on the most basic sort of Illustrator art? Without getting into the technical details, <a href="http://www.southparkstudios.com/clips/103454/the-chewbacca-defense">this is the best explanation</a> I&#8217;ve been able to find.</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/02/exporting-illustrator-paths-to-photoshop-shape-layers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Superintrinsicalism</title>
		<link>http://theiconmaster.com/2012/01/superintrinsicalism/</link>
		<comments>http://theiconmaster.com/2012/01/superintrinsicalism/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 15:13:02 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[philosophy]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=184</guid>
		<description><![CDATA[<em>Superintrinsicalism</em> is defined as the notion that everything that will ever be true of an individual is already true of her essential nature. That is, outside of space and time, all potential <a href="http://en.wikipedia.org/wiki/First-order_logic#Introduction">predicates</a> are actual predicates.

[By way of <a href="http://books.google.com/books?id=c0gwYXCll8QC&#038;pg=PA129&#038;lpg=PA129&#038;dq=superintrinsicalism+leibniz&#038;source=bl&#038;ots=lfCHxvVQGv&#038;sig=vnDDeg0F_dWVcRMPEUa9rBSLQFE&#038;hl=en&#038;sa=X&#038;ei=TQUoT5bfFomH2AXK8LzlAg&#038;ved=0CCAQ6AEwAA#v=onepage&#038;q=superintrinsicalism%20leibniz&#038;f=false">Leibniz</a>]

(The web doesn't have a good page on the concept, so I'm trying to make this it. Fixes and suggestions are very welcome.)]]></description>
			<content:encoded><![CDATA[<p><em>Superintrinsicalism</em> is defined as the notion that everything that will ever be true of an individual is already true of her essential nature. That is, outside of space and time, all potential <a href="http://en.wikipedia.org/wiki/First-order_logic#Introduction">predicates</a> are actual predicates.</p>
<p>[By way of <a href="http://books.google.com/books?id=c0gwYXCll8QC&#038;pg=PA129&#038;lpg=PA129&#038;dq=superintrinsicalism+leibniz&#038;source=bl&#038;ots=lfCHxvVQGv&#038;sig=vnDDeg0F_dWVcRMPEUa9rBSLQFE&#038;hl=en&#038;sa=X&#038;ei=TQUoT5bfFomH2AXK8LzlAg&#038;ved=0CCAQ6AEwAA#v=onepage&#038;q=superintrinsicalism%20leibniz&#038;f=false">Leibniz</a>]</p>
<p>(The web doesn&#8217;t have a good page on the concept, so I&#8217;m trying to make this it. Fixes and suggestions are very welcome.)</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2012/01/superintrinsicalism/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Occupy Vilify</title>
		<link>http://theiconmaster.com/2011/11/occupy-vilify/</link>
		<comments>http://theiconmaster.com/2011/11/occupy-vilify/#comments</comments>
		<pubDate>Sat, 05 Nov 2011 19:11:20 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[society]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=158</guid>
		<description><![CDATA[<p>Perhaps I'm reading the intentions wrong, but I feel the commentators are missing the point of Occupy Wall Street.</p>

<p>I don't think anyone (excepting perhaps the socialist fringe) is calling for an end to income inequality. Income inequality is not a problem <em>per se</em> -- what's worrying about our current situation are the <em>extremes</em> in income inequality.</p>

<p>Even these are not the real problem, but rather a symptom of the pervasive fraternization between those with money (big business) and those with lawmaking power (the federal government). And by this I hope no one means to imply a dark conspiracy -- it is simply the case that those of the same social class (the rich and powerful) tend to associate, to play golf together, to scratch each others' backs and to generally improve life for one another.</p>

<p>The problem is that big business and government have become so closely entwined and the economy so precarious that the close cooperation between these groups has become a detriment to the rest of the nation. For a while, the Americans on the outside were content to turn a blind eye to the arrangement, which probably emboldened those involved. What the Occupy movements are trying to accomplish, I hope, is simply to put the fear of the Common Man back into the system. They are saying, We the people are well aware of how you operate. You're not getting away with it to the extent you think you are.</p>

<p>Government ought to be a little bit afraid of its constituency.</p>

<p>It's foolish to expect those doing the Occupying to have a solution for the problems they are bringing to light. They are not the ones <a href="http://occupywriters.com/works/by-lemony-snicket">inside the impressive edifices</a>. Effectively, Occupy is a grass-roots watchdog organization and nothing more.</p>

<p>Nor should we view it as an <a href="http://www.fastcompany.com/1792056/occupy-wall-street-demographics-infographic">especially partisan</a> enterprise. Occupy is not a liberal cause. It is, or it ought to be, the cause of the common American. Politicizing these issues may make them more readily digestible, but it obscures the fact of what has got so many people fired up in the first place. Remember, the Tea Party was another spontaneous response to almost exactly the same issue. The Tea Party were upset that those in power were offering charity to those who least need it -- those with money. Similarly, Occupy is angry at those with money who use their financial reserves as a kind of gravity to bend the lawmaking process to their advantage.</p>

<p>What Occupy wants, and what we should all want, is for lawmakers to make just laws with minimal concern for directly benefiting their top donors; and for corporations to earn their profits without supplicating the federal government for special advantages.</p>

<p>That's not an interest of the Left or the Right -- it's a requisite for democracy.</p>
]]></description>
			<content:encoded><![CDATA[<p>Perhaps I&#8217;m reading the intentions wrong, but I feel the commentators are missing the point of Occupy Wall Street.</p>
<p>I don&#8217;t think anyone (excepting perhaps the socialist fringe) is calling for an end to income inequality. Income inequality is not a problem <em>per se</em> &#8212; what&#8217;s worrying about our current situation are the <em>extremes</em> in income inequality.</p>
<p>Even these are not the real problem, but rather a symptom of the pervasive fraternization between those with money (big business) and those with lawmaking power (the federal government). And by this I hope no one means to imply a dark conspiracy &#8212; it is simply the case that those of the same social class (the rich and powerful) tend to associate, to play golf together, to scratch each others&#8217; backs and to generally improve life for one another.</p>
<p>The problem is that big business and government have become so closely entwined and the economy so precarious that the close cooperation between these groups has become a detriment to the rest of the nation. For a while, the Americans on the outside were content to turn a blind eye to the arrangement, which probably emboldened those involved. What the Occupy movements are trying to accomplish, I hope, is simply to put the fear of the Common Man back into the system. They are saying, We the people are well aware of how you operate. You&#8217;re not getting away with it to the extent you think you are.</p>
<p>Government ought to be a little bit afraid of its constituency.</p>
<p>It&#8217;s foolish to expect those doing the Occupying to have a solution for the problems they are bringing to light. They are not the ones <a href="http://occupywriters.com/works/by-lemony-snicket">inside the impressive edifices</a>. Effectively, Occupy is a grass-roots watchdog organization and nothing more.</p>
<p>Nor should we view it as an <a href="http://www.fastcompany.com/1792056/occupy-wall-street-demographics-infographic">especially partisan</a> enterprise. Occupy is not a liberal cause. It is, or it ought to be, the cause of the common American. Politicizing these issues may make them more readily digestible, but it obscures the fact of what has got so many people fired up in the first place. Remember, the Tea Party was another spontaneous response to almost exactly the same issue. The Tea Party were upset that those in power were offering charity to those who least need it &#8212; those with money. Similarly, Occupy is angry at those with money who use their financial reserves as a kind of gravity to bend the lawmaking process to their advantage.</p>
<p>What Occupy wants, and what we should all want, is for lawmakers to make just laws with minimal concern for directly benefiting their top donors; and for corporations to earn their profits without supplicating the federal government for special advantages.</p>
<p>That&#8217;s not an interest of the Left or the Right &#8212; it&#8217;s a requisite for democracy.</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2011/11/occupy-vilify/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easily Preview an App Icon on Your iOS Device</title>
		<link>http://theiconmaster.com/2011/11/easily-preview-an-app-icon-on-your-ios-device/</link>
		<comments>http://theiconmaster.com/2011/11/easily-preview-an-app-icon-on-your-ios-device/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 20:20:36 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[ios]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=143</guid>
		<description><![CDATA[<p>If you make iOS app icons, you'll want a quick way to view them on your iPhone or other device. This is an easy method:</p>

<ol>
    <li>Export your iOS icon as a 114x114 PNG with the file name "apple-touch-icon-precomposed.png".</li>


    <li>Make a new web page on any site you have access to and write the HTML like so:

<div class="code"><p>&#60;html&#62;</p>
<p>&#160;&#60;head&#62;</p>
<p>&#160;&#160;&#60;link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png"&#62;</p>
<p>&#160;&#60;/head&#62;</p>
<p>&#160;&#60;body&#62;</p>
<p>&#160;&#60;/body&#62;</p>
<p>&#60;/html&#62;</p></div></li>

    <li>Upload your PNG file to the same directory and load the page in Safari on your iOS device.
</li>

    <li>Tap the actions button and hit "Add to Home Screen." Ignore the bookmark name and hit "Add."
</li>

    <li>Check out the icon on your home screen.</li>
</ol>

<p>Any time you want to preview a new icon, just export it as a 114x114 PNG with the file name "apple-touch-icon-precomposed.png" and upload it to the same place.</p>

<p>If you want to see how your icon looks with the iOS gloss effect applied, you can leave off "-precomposed" in the file name and in the HTML.</p>
]]></description>
			<content:encoded><![CDATA[<p>If you make iOS app icons, you&#8217;ll want a quick way to view them on your iPhone or other device. This is an easy method:</p>
<ol>
<li>Export your iOS icon as a 114&#215;114 PNG with the file name &#8220;apple-touch-icon-precomposed.png&#8221;.</li>
<li>Make a new web page on any site you have access to and write the HTML like so:
<div class="code">
<p>&lt;html&gt;</p>
<p>&nbsp;&lt;head&gt;</p>
<p>&nbsp;&nbsp;&lt;link rel=&#8221;apple-touch-icon-precomposed&#8221; href=&#8221;apple-touch-icon-precomposed.png&#8221;&gt;</p>
<p>&nbsp;&lt;/head&gt;</p>
<p>&nbsp;&lt;body&gt;</p>
<p>&nbsp;&lt;/body&gt;</p>
<p>&lt;/html&gt;</p>
</div>
</li>
<li>Upload your PNG file to the same directory and load the page in Safari on your iOS device.
</li>
<li>Tap the actions button and hit &#8220;Add to Home Screen.&#8221; Ignore the bookmark name and hit &#8220;Add.&#8221;
</li>
<li>Check out the icon on your home screen.</li>
</ol>
<p>Any time you want to preview a new icon, just export it as a 114&#215;114 PNG with the file name &#8220;apple-touch-icon-precomposed.png&#8221; and upload it to the same place.</p>
<p>If you want to see how your icon looks with the iOS gloss effect applied, you can leave off &#8220;-precomposed&#8221; in the file name and in the HTML.</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2011/11/easily-preview-an-app-icon-on-your-ios-device/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Getting Responsive</title>
		<link>http://theiconmaster.com/2011/10/getting-responsive/</link>
		<comments>http://theiconmaster.com/2011/10/getting-responsive/#comments</comments>
		<pubDate>Mon, 10 Oct 2011 14:45:24 +0000</pubDate>
		<dc:creator>iconmaster</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://theiconmaster.com/?p=138</guid>
		<description><![CDATA[<p>As more of my browsing shifts to the iPhone, I find myself increasingly dissatisfied with sites that don't optimize their layouts for mobile screens. Of course, Mobile Safari can display even complex web pages "just fine" -- but pinching and panning to navigate them isn't always fun.</p>

<p>The answer is a trendy new school of thought in web design, called "responsive design." But it's not just trendy; it solves a real problem. Designers coding responsively create sites that reflow to fit the size of the screen. Text and images shrink or grow; sidebars become sections below the fold; items laid out horizontally shift to a vertical flow.</p>

<p>At least at the most basic level, responsive design is not terribly hard to do. Working from a template <a href="http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/">posted on Onextrapixel</a>, I was able to convert my landing page to a responsive design with roughly two afternoons and an evening of work.</p>

<p>I'm not done -- linked pages still need to be updated with the new design; there are some CSS3 issues with Firefox that I mean to fix. But I like how it's coming along.</p>
]]></description>
			<content:encoded><![CDATA[<p>As more of my browsing shifts to the iPhone, I find myself increasingly dissatisfied with sites that don&#8217;t optimize their layouts for mobile screens. Of course, Mobile Safari can display even complex web pages &#8220;just fine&#8221; &#8212; but pinching and panning to navigate them isn&#8217;t always fun.</p>
<p>The answer is a trendy new school of thought in web design, called &#8220;responsive design.&#8221; But it&#8217;s not just trendy; it solves a real problem. Designers coding responsively create sites that reflow to fit the size of the screen. Text and images shrink or grow; sidebars become sections below the fold; items laid out horizontally shift to a vertical flow.</p>
<p>At least at the most basic level, responsive design is not terribly hard to do. Working from a template <a href="http://www.onextrapixel.com/2011/09/12/create-a-responsive-web-design-template/">posted on Onextrapixel</a>, I was able to convert my landing page to a responsive design with roughly two afternoons and an evening of work.</p>
<p>I&#8217;m not done &#8212; linked pages still need to be updated with the new design; there are some CSS3 issues with Firefox that I mean to fix. But I like how it&#8217;s coming along.</p>
]]></content:encoded>
			<wfw:commentRss>http://theiconmaster.com/2011/10/getting-responsive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

