<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

	<channel>

		<title>UNSTOPPABLE ROBOT NINJA</title>
		<link>http://unstoppablerobotninja.com/</link>
		<description />
		<dc:language>en</dc:language>
		<dc:creator>The Robot</dc:creator>
		<dc:rights>Copyright 2013</dc:rights>
		<dc:date>2013-05-25T16:17:47+00:00</dc:date>
	    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />

		
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/urn-rss20" /><feedburner:info uri="urn-rss20" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
								<title>OS X, hidden wireless networks, and me</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/Jhccy3bGyao/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/os-x-hidden-wireless-networks-and-me/</guid>
								<description>
					<![CDATA[
											<p>Having a bit of a problem with my laptop lately, and thought I’d write up the problem in case it’s affecting anyone else:</p>

	<p>So my MacBook Air (mid-2009, <abbr title="Apple Macintosh Operating System 10">OS X</abbr> 10.8.3) When my computer wakes from sleep, it doesn’t immediately reconnect to my wireless network. What’s more, if I open up the wireless menu in <abbr>OS X</abbr>’s menu bar, it doesn’t show any networks nearby. Zip. Zero. Zilch. It’ll scan for new networks repeatedly, but won’t see a single one.</p>

	<p>But here’s where this gets really, really annoying: if I open the Network panel in System Preferences, all nearby networks are immediately visible without delay.</p>

	<p>Given the weird inconsistency between the two menus, and that I can reproduce this issue consistently, I figure this is a bug: either with 10.8.3, or with my aging little laptop. Either way, I’d love to fix it. So if you’ve come across this problem and know how a workaround, suggestions via <a title="Send me an email" href="/contact">email</a> or <a title="Contact me via @beep on Twitter" href="http://twitter.com/beep">Twitter</a> would be most welcome.</p>

	<p><strong>Update:</strong> <a href="http://daily-out-log.blogspot.com/">Charles Gaudette</a> suggested <a href="https://twitter.com/ccGaudette/status/338328979687763969">on Twitter</a> that it might be a couple , and pointed me toward a page showing <a href="http://dustwell.com/fix-macbook-wireless-problems.html">how to clear out corrupted <code>plist</code> files</a>. Deleting the <code>com.apple.network.identification.plist</code> and <code>com.apple.airport.preferences.plist</code> files seems to have done the trick—thanks, Charles! And thanks to everyone else who wrote in or twittered suggestions at me.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
																<p>Having a bit of a problem with my laptop lately, and thought I’d write up the problem in case it’s affecting anyone else:</p>

	<p>So my MacBook Air (mid-2009, <abbr title="Apple Macintosh Operating System 10">OS X</abbr> 10.8.3) When my computer wakes from sleep, it doesn’t immediately reconnect to my wireless network. What’s more, if I open up the wireless menu in <abbr>OS X</abbr>’s menu bar, it doesn’t show any networks nearby. Zip. Zero. Zilch. It’ll scan for new networks repeatedly, but won’t see a single one.</p>

	<p>But here’s where this gets really, really annoying: if I open the Network panel in System Preferences, all nearby networks are immediately visible without delay.</p>

	<p>Given the weird inconsistency between the two menus, and that I can reproduce this issue consistently, I figure this is a bug: either with 10.8.3, or with my aging little laptop. Either way, I’d love to fix it. So if you’ve come across this problem and know how a workaround, suggestions via <a title="Send me an email" href="/contact">email</a> or <a title="Contact me via @beep on Twitter" href="http://twitter.com/beep">Twitter</a> would be most welcome.</p>

	<p><strong>Update:</strong> <a href="http://daily-out-log.blogspot.com/">Charles Gaudette</a> suggested <a href="https://twitter.com/ccGaudette/status/338328979687763969">on Twitter</a> that it might be a couple , and pointed me toward a page showing <a href="http://dustwell.com/fix-macbook-wireless-problems.html">how to clear out corrupted <code>plist</code> files</a>. Deleting the <code>com.apple.network.identification.plist</code> and <code>com.apple.airport.preferences.plist</code> files seems to have done the trick—thanks, Charles! And thanks to everyone else who wrote in or twittered suggestions at me.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/Jhccy3bGyao" height="1" width="1"/>]]></content:encoded>

				<dc:date>2013-05-25T16:17:47+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/os-x-hidden-wireless-networks-and-me/</feedburner:origLink></item>
		
			<item>
								<title>On Presto</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/_vgG-lAVQaA/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/on-presto/</guid>
								<description>
					<![CDATA[
										<p>These thoughts aren’t especially well-formed, and/as I haven’t had my coffee yet.</p>

<p>So with that disclaimer out of the way, I have to say I’m a bit disappointed to hear Opera’s news: namely, that they’re <a href="http://my.opera.com/ODIN/blog/300-million-users-and-move-to-webkit">abandoning their browser’s Presto engine</a>, and adopting WebKit/Chromium instead.</p>

<p>Other folks <a title="Jake Archibald’s post on the passing of Presto" href="https://plus.google.com/116237864387312784020/posts/iRRPVaaPQvo">far</a>, <a title="John Resig: WebKit is the jQuery of browser engines" href="http://ejohn.org/blog/webkit-is-the-jquery-of-browser-engines/">far</a> <a title="Christian Heilmann’s post on Opera’s move to Webkit" href="http://christianheilmann.com/2013/02/13/i-will-miss-the-douglas-crockford-of-browsers/">smarter</a> than I have already weighed in. And don’t get me wrong: I’ve had my fair share of gripes with various bugs in Chromium (especially recently), but it’s a fantastic piece of software; as a friend said recently, ten-years-ago-me would’ve killed to have browsers as fine as we do now.</p>

<p>But right now, what I’m most worried about is the lack of diversity: four rendering engines is not exactly a large number, and going to three is a significant shift, if not an outright loss. Additionally, I worry we’re already facing a rather “well, it works with <code>-webkit</code>, so why worry about anything else?” mentality, which is something we’ll have to work harder to combat. Especially with an engine as fragmented as <a href="http://www.quirksmode.org/blog/archives/2009/10/there_is_no_web.html">Webkit</a>.</p>

<p>Of course, since the news is all of, like, minutes old, this is all speculation. Hell, it’s not even that: this is all just a pre-caffeine ramble, and not an especially well-formed one at that. I will say that <a href="http://www.brucelawson.co.uk/2013/opera-and-webkit-a-personal-perspective/">Bruce’s take</a> leaves me feeling hopeful. And I hope he’s right, and I’m wrong to be a bit disappointed. But right now, I know there’s one less (fantastic) rendering engine in active development, and that makes me a little sad.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>These thoughts aren’t especially well-formed, and/as I haven’t had my coffee yet.</p>

<p>So with that disclaimer out of the way, I have to say I’m a bit disappointed to hear Opera’s news: namely, that they’re <a href="http://my.opera.com/ODIN/blog/300-million-users-and-move-to-webkit">abandoning their browser’s Presto engine</a>, and adopting WebKit/Chromium instead.</p>

<p>Other folks <a title="Jake Archibald’s post on the passing of Presto" href="https://plus.google.com/116237864387312784020/posts/iRRPVaaPQvo">far</a>, <a title="John Resig: WebKit is the jQuery of browser engines" href="http://ejohn.org/blog/webkit-is-the-jquery-of-browser-engines/">far</a> <a title="Christian Heilmann’s post on Opera’s move to Webkit" href="http://christianheilmann.com/2013/02/13/i-will-miss-the-douglas-crockford-of-browsers/">smarter</a> than I have already weighed in. And don’t get me wrong: I’ve had my fair share of gripes with various bugs in Chromium (especially recently), but it’s a fantastic piece of software; as a friend said recently, ten-years-ago-me would’ve killed to have browsers as fine as we do now.</p>

<p>But right now, what I’m most worried about is the lack of diversity: four rendering engines is not exactly a large number, and going to three is a significant shift, if not an outright loss. Additionally, I worry we’re already facing a rather “well, it works with <code>-webkit</code>, so why worry about anything else?” mentality, which is something we’ll have to work harder to combat. Especially with an engine as fragmented as <a href="http://www.quirksmode.org/blog/archives/2009/10/there_is_no_web.html">Webkit</a>.</p>

<p>Of course, since the news is all of, like, minutes old, this is all speculation. Hell, it’s not even that: this is all just a pre-caffeine ramble, and not an especially well-formed one at that. I will say that <a href="http://www.brucelawson.co.uk/2013/opera-and-webkit-a-personal-perspective/">Bruce’s take</a> leaves me feeling hopeful. And I hope he’s right, and I’m wrong to be a bit disappointed. But right now, I know there’s one less (fantastic) rendering engine in active development, and that makes me a little sad.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/_vgG-lAVQaA" height="1" width="1"/>]]></content:encoded>

				<dc:date>2013-02-13T16:12:07+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/on-presto/</feedburner:origLink></item>
		
			<item>
								<title>Hello, Editorially</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/ysj9Mzkm9qA/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/hello-editorially/</guid>
								<description>
					<![CDATA[
										<p>I’ve always sucked at writing.</p>

<p>Not the words, mind you: those usually come easily. (When I remember to sit down and write them, that is; hellooooooo, <a href="http://unstoppablerobotninja.com/entry/a-programming-change/">sad and neglected blog</a>.) It’s more the process of the thing, I guess. It’s a struggle for me to get ideas down quickly; I get intimidated by the promise of that final draft, of <em>shipping</em>, so I often feel every word needs to be perfect as soon as it’s typed.</p>

<p>(No, I’m not going to tell you how long it took to write this fucking blog entry.)</p>

<p>Anyway. So, yes: writing’s hard. But I’m learning how to make it easier. And, alongside a few friends, I’m working on something that might make it easier for you, too.</p>

<p>Last year, I had a long conversation with <a href="http://aworkinglibrary.com/">Mandy</a>. She talked about this idea she had: an idea for a tool that would facilitate conversation, discussion, and, most importantly, iteration during the writing process. Not just an application, actually: more a set of features to support a workflow, one that would, if done right, make writing not just easier, but <em>better</em>.</p>

<p>She and <a href="http://jasonsantamaria.com/">Jason</a> had already sketched out how it might work. Soon after, <a href="http://twitter.com/tangentialism">David</a> joined our merry band, and turned our responsive prototypes a living, breathing application. And <a href="https://twitter.com/mr0grog">Rob</a> joined our team recently, and has been, <a href="http://aworkinglibrary.com/library/archives/editorially/">as Mandy said</a>, effortlessly solving problems we once thought impossible.</p>

<p>I am beyond honored to be a small part of this team, and I can’t wait to show you what we’ve been working on. We call it <a href="http://editorially.com/">Editorially</a>, and you can read more about it on our <a href="http://blog.editorially.com/post/42518461019/introducing-editorially">first blog entry</a>.</p>

<p><a href="https://twitter.com/GetEditorially">Stay tuned</a>.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>I’ve always sucked at writing.</p>

<p>Not the words, mind you: those usually come easily. (When I remember to sit down and write them, that is; hellooooooo, <a href="http://unstoppablerobotninja.com/entry/a-programming-change/">sad and neglected blog</a>.) It’s more the process of the thing, I guess. It’s a struggle for me to get ideas down quickly; I get intimidated by the promise of that final draft, of <em>shipping</em>, so I often feel every word needs to be perfect as soon as it’s typed.</p>

<p>(No, I’m not going to tell you how long it took to write this fucking blog entry.)</p>

<p>Anyway. So, yes: writing’s hard. But I’m learning how to make it easier. And, alongside a few friends, I’m working on something that might make it easier for you, too.</p>

<p>Last year, I had a long conversation with <a href="http://aworkinglibrary.com/">Mandy</a>. She talked about this idea she had: an idea for a tool that would facilitate conversation, discussion, and, most importantly, iteration during the writing process. Not just an application, actually: more a set of features to support a workflow, one that would, if done right, make writing not just easier, but <em>better</em>.</p>

<p>She and <a href="http://jasonsantamaria.com/">Jason</a> had already sketched out how it might work. Soon after, <a href="http://twitter.com/tangentialism">David</a> joined our merry band, and turned our responsive prototypes a living, breathing application. And <a href="https://twitter.com/mr0grog">Rob</a> joined our team recently, and has been, <a href="http://aworkinglibrary.com/library/archives/editorially/">as Mandy said</a>, effortlessly solving problems we once thought impossible.</p>

<p>I am beyond honored to be a small part of this team, and I can’t wait to show you what we’ve been working on. We call it <a href="http://editorially.com/">Editorially</a>, and you can read more about it on our <a href="http://blog.editorially.com/post/42518461019/introducing-editorially">first blog entry</a>.</p>

<p><a href="https://twitter.com/GetEditorially">Stay tuned</a>.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/ysj9Mzkm9qA" height="1" width="1"/>]]></content:encoded>

				<dc:date>2013-02-11T17:59:43+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/hello-editorially/</feedburner:origLink></item>
		
			<item>
								<title>A programming change</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/43eLbLQ3tc4/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/a-programming-change/</guid>
								<description>
					<![CDATA[
										<p>I&#8217;m sad to say that due to a personal matter, I&#8217;ve had to bow out of speaking at <a href="http://mobilism.nl/2012">this year&#8217;s Mobilism conference</a>. You might have seen <a href="http://quirksmode.org/"><abbr title="Peter-Paul Koch">PPK</abbr></a>&#8217;s <a href="http://mobilism.nl/blog/2012/04/final-line-up-notes">announcement to that effect</a>, and I&#8217;m definitely disappointed I&#8217;ll miss the event.</p>

<p>Because let&#8217;s be honest: my absence isn&#8217;t going to do a damned thing to diminish how amazing this conference is going to be. Seriously, <a href="http://mobilism.nl/2012/programme">look at this lineup</a>. Look at it. Learning from the likes of <a href="https://twitter.com/scottjenson">Scott Jenson</a>, <a href="http://www.the-haystack.com/">Stephen Hay</a>, <a href="http://jakearchibald.com/">Jake Archibald</a>, <a href="http://cloudfour.com/">Lyza Gardner</a>, and <a href="http://cloudfour.com/">Jason Grigsby</a> is too good to be true, and in <em>Amsterdam</em>? And if you haven&#8217;t already, watch <a href="http://adactio.com/">Jeremy Keith</a>&#8217;s epic <a href="https://vimeo.com/24220367">mobile browser panel from last year</a>, a performance he&#8217;s repeating again in May.</p>

<p>Yeah okay I&#8217;m officially depressed all over again about missing it.</p>

<p>Seriously though: while I won&#8217;t be there, you can be. If you haven&#8217;t already, go <a href="http://mobilism.nl/2012/tickets">register</a> for <a href="http://mobilism.nl/2012">Mobilism 2012</a> in May. You&#8217;ll have one hell of a time.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>I&#8217;m sad to say that due to a personal matter, I&#8217;ve had to bow out of speaking at <a href="http://mobilism.nl/2012">this year&#8217;s Mobilism conference</a>. You might have seen <a href="http://quirksmode.org/"><abbr title="Peter-Paul Koch"><span class="caps">PPK</span></abbr></a>&#8217;s <a href="http://mobilism.nl/blog/2012/04/final-line-up-notes">announcement to that effect</a>, and I&#8217;m definitely disappointed I&#8217;ll miss the event.</p>

<p>Because let&#8217;s be honest: my absence isn&#8217;t going to do a damned thing to diminish how amazing this conference is going to be. Seriously, <a href="http://mobilism.nl/2012/programme">look at this lineup</a>. Look at it. Learning from the likes of <a href="https://twitter.com/scottjenson">Scott Jenson</a>, <a href="http://www.the-haystack.com/">Stephen Hay</a>, <a href="http://jakearchibald.com/">Jake Archibald</a>, <a href="http://cloudfour.com/">Lyza Gardner</a>, and <a href="http://cloudfour.com/">Jason Grigsby</a> is too good to be true, and in <em>Amsterdam</em>? And if you haven&#8217;t already, watch <a href="http://adactio.com/">Jeremy Keith</a>&#8217;s epic <a href="https://vimeo.com/24220367">mobile browser panel from last year</a>, a performance he&#8217;s repeating again in May.</p>

<p>Yeah okay I&#8217;m officially depressed all over again about missing it.</p>

<p>Seriously though: while I won&#8217;t be there, you can be. If you haven&#8217;t already, go <a href="http://mobilism.nl/2012/tickets">register</a> for <a href="http://mobilism.nl/2012">Mobilism 2012</a> in May. You&#8217;ll have one hell of a time.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/43eLbLQ3tc4" height="1" width="1"/>]]></content:encoded>

				<dc:date>2012-04-03T16:46:55+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/a-programming-change/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Shaun Inman’s interview on The Verge</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/a_iJF4tcUM4/5-minutes-on-the-verge-shaun-inman</link>
				<guid isPermaLink="false">http://www.theverge.com/2012/3/19/2822626/5-minutes-on-the-verge-shaun-inman</guid>
								<description>
					<![CDATA[
					
					
					
											
					<p>I&#8217;m doing a disservice to this lovely interview with <a href="http://shauninman.com/">Shaun Inman</a>&#8212;one of my favorite designers and people&#8212;by quoting it, but, well:</p>

<blockquote cite="http://www.theverge.com/2012/3/19/2822626/5-minutes-on-the-verge-shaun-inman">
<p><b>How do you stay focused?</b></p>
<p>I&#8217;m not sure that I do. I&#8217;m kind of all over the place, with my attention split between web apps, iOS games and apps, and Safari extensions…. If I feel my focus waning, I let it wane. Curiosity or that unpleasant feeling of leaving something unfinished usually draws me back to a problem or task before too long.</p>
<address>
&#8220;<a href="http://www.theverge.com/2012/3/19/2822626/5-minutes-on-the-verge-shaun-inman">5 Minutes on The Verge: Shaun Inman</a>&#8221;
</address>
</blockquote>

<p>This. Oh, so very <em>this</em>.</p>

					<a href="http://unstoppablerobotninja.com/entry/shaun-inmans-interview-on-the-verge/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
										<p>I&#8217;m doing a disservice to this lovely interview with <a href="http://shauninman.com/">Shaun Inman</a>&#8212;one of my favorite designers and people&#8212;by quoting it, but, well:</p>

<blockquote cite="http://www.theverge.com/2012/3/19/2822626/5-minutes-on-the-verge-shaun-inman">
<p><b>How do you stay focused?</b></p>
<p>I&#8217;m not sure that I do. I&#8217;m kind of all over the place, with my attention split between web apps, iOS games and apps, and Safari extensions…. If I feel my focus waning, I let it wane. Curiosity or that unpleasant feeling of leaving something unfinished usually draws me back to a problem or task before too long.</p>
<address>
&#8220;<a href="http://www.theverge.com/2012/3/19/2822626/5-minutes-on-the-verge-shaun-inman">5 Minutes on The Verge: Shaun Inman</a>&#8221;
</address>
</blockquote>

<p>This. Oh, so very <em>this</em>.</p>

					<a href="http://unstoppablerobotninja.com/entry/shaun-inmans-interview-on-the-verge/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/a_iJF4tcUM4" height="1" width="1"/>]]></content:encoded>

				<dc:date>2012-03-20T12:22:23+00:00</dc:date>
			<feedburner:origLink>http://www.theverge.com/2012/3/19/2822626/5-minutes-on-the-verge-shaun-inman</feedburner:origLink></item>
		
			<item>
								<title>The Boston Globe</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/lR6gM2nP2rA/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/the-boston-globe/</guid>
								<description>
					<![CDATA[
										<p>I&#8217;ve been working with The Boston Globe for the better part of this year on the design of a new site. I first made that announcement in Boston, <a href="http://adactio.com/journal/4538/">on the stage of An Event Apart this past May</a>, to a ballroom of very enthusiastic (and, I assumed from said enthusiasm, very local) designers and developers. Today, on the <a href="http://newmediadays.dk/">New Media Days</a> stage in Copenhagen, I made another announcement to a room of designers and developers from the news media: that earlier today, the Globe launched onto <a href="http://bostonglobe.com/">its new online home</a>.</p>

<p>Now, you might have noticed the new site is <a href="http://www.alistapart.com/articles/responsive-web-design">responsive</a>, which, <a href="http://www.abookapart.com/products/responsive-web-design">given my obvious biases</a>, I&#8217;m rather excited about. I played a small part in its design, and I&#8217;d like to tell you a little bit about it.</p>

<p>Honestly, I got excited in December of last year, as <a href="http://filamentgroup.com/">Filament Group</a> dropped me an email to chat about a project they were about to start working on. Now, I&#8217;ve admired Filament&#8217;s work since <a href="http://simplebits.com/">Dan</a> and I met them <a href="http://www.filamentgroup.com/lab/markup_and_style_recap/">over beers and pizza</a> a few years ago. But when they approached me with the prospect of working with them to design a new, responsive home for the Globe? Well, <a href="http://unstoppablerobotninja.com/entry/all-about-contents/">it&#8217;s like I said</a>: with folks like <a href="http://twitter.com/toddmparker">Todd</a>, <a href="https://twitter.com/pattytoland">Patty</a>, <a href="https://twitter.com/scottjehl">Scott</a>, and Maggie among their ranks, there are some people and projects you simply can&#8217;t turn down. (That <a href="https://twitter.com/wilto">Mat</a> <del>curmudgeon</del> fellow has been contracting there as well. <em>You</em> try saying &#8220;no&#8221; to that guy.)</p>

<p>The Globe had also hired a local design firm called <a href="http://upstatement.com/">Upstatement</a>, and they worked closely with <a href="https://twitter.com/mirandamulligan">Miranda Mulligan</a>, the Globe’s adroit digital creative director, to establish the new site&#8217;s look. Filament&#8217;s Patty Toland has already provided <a href="http://filamentgroup.com/lab/introducing_the_new_responsive_designed_bostonglobecom/">a better write-up of the project</a> than I ever could, but I&#8217;ll echo her excitement over the collaborative workflow Miranda cultivated between Upstatement, Filament, and myself. I can&#8217;t think of any project I&#8217;ve worked on that was nearly as fun as the months that followed, as they were a giddy blur of building, sketching, and thoughtful discussion. We tried to work as iteratively as possible, quickly moving from Tito and Mike&#8217;s goddamned <em>exquisite</em> mockups into responsive prototypes, in order to experience the design &#8220;live&#8221; in the various devices and browsers we were supporting. As <a href="http://aarronwalter.com/">Aarron Walter</a> might say, we were letting the <em>use</em> of the site inform its design&#8212;vetting our early design assumptions with prototypes, which also allowed us to identify areas that needed further visual refinement.</p>

<p>The site you see today is the result of that more collaborative workflow. A process that occurred between two teams who, on a more traditional design project, might have never met, nor established the kind of rapport that ultimately shaped the final product. If you&#8217;ve read <a href="http://www.abookapart.com/products/responsive-web-design">my book</a>, the final chapter discusses this process in a bit more detail. Heck, if you&#8217;ve seen me speak this year, chances are good you&#8217;ve already heard first-hand how wonderful I think this more cyclical approach to design and development is.</p>

<p>And on that point: it&#8217;s been kind of a weird experience, talking publicly for the better part of this year about a site that hadn&#8217;t yet launched. I mean, I was—and still am—incredibly proud of the small contributions I made, of the talented team I collaborated with, but still: talking about a site that hasn&#8217;t launched yet? There&#8217;s some part of me that&#8217;s felt, well, odd about that. What if people&#8217;s expectations aren&#8217;t met? What if we can&#8217;t deliver? What if the Internet gets hit by an exploding unicorn and we somehow don&#8217;t finish the project because NO <span class="caps">MORE</span> <span class="caps">INTERNET</span> <span class="caps">YOU</span> <span class="caps">GUYS</span>.</p>

<p>(Also, it might be <em>a teensy goddamned bit</em> terrifying/mind-blowing to see the phrase &#8220;responsive web design&#8221; pop up in <a href="http://www.bostonglobe.com/business/2011/09/11/globe-starts-far-ranging-paid-website-for-all-devices/KttpgkRAMc8FlBbsfKcyzN/story.xml">a mainstream news publication</a>. I&#8217;m just saying.)</p>

<p>A few months ago, <a href="http://markboulton.co.uk/">Mark Boulton</a> said <a href="https://twitter.com/markboulton/status/55653107190874112">something</a> on Twitter that really resonated with me, and helped the stress attacks abate: namely, that &#8220;design is the stuff <em>around</em> the end result.&#8221; Emphasis mine, but Mark reminded me that &#8220;design&#8221; is the means, not merely the end; the path we walk over the course of a project, the choices we make. And that&#8217;s a process that continues throughout the life of a site, even after launch. Because as with any site of this scale, there’s work still to be done. Some optimization is being done as we speak, both on the front- and back-end; some bugs are being tracked, isolated, and squashed; and as the Globe&#8217;s content producers become more familiar with the framework and start making bolder decisions, I&#8217;m sure the design will be refined to better meet their needs. And above all else, the Globe definitely wants <a href="http://bostonglobe.custhelp.com/app/ask">your feedback</a>.</p>

<p>And so, yes: while I&#8217;m impossibly proud of the new Globe site of today, I&#8217;m most excited about where it&#8217;ll be tomorrow. There are too many fine people on the Globe dev team to properly thank them all, but staffed by people like <a href="https://twitter.com/middle2000lb">Dan</a>, <a href="https://twitter.com/jlweisbeck">Jesse</a>, <a href="https://twitter.com/iancohen">Ian</a>, <a href="https://twitter.com/vonkow/">Caz</a>, <a href="https://twitter.com/ffrandias">Fran</a>, and Adam, I know they&#8217;re primed to do great things. People like Michael Manning and Jennifer McNelis helped us chart paths through some challenging questions. And it&#8217;s worth mentioning that none of this would have been possible without <a href="https://twitter.com/jeffmoriarty">Jeff Moriarty</a>&#8217;s endorsement of a broadly accessible, responsive design; with a champion like that, we could do—and I think the Globe will continue to do—some truly exciting things.</p>

<p>There&#8217;ve been a healthy number of reviews already: <a href="http://www.andymboyle.com/2011/09/12/blog-posts-about-the-bostonglobe-com-announcement/">Andy Boyle is tracking the ones he can find</a>, and <a href="http://www.niemanlab.org/author/jbenton/">Joshua Benton</a> at the <a href="http://www.niemanlab.org/">Nieman Journalism Lab</a> wrote up <a href="http://www.niemanlab.org/2011/09/four-observations-and-lots-of-questions-on-the-boston-globes-lovely-new-paywalled-site/">a few more business-minded thoughts and observations</a>. More will follow, I&#8217;m sure. Some will (I hope!) see the Globe&#8217;s new site as a referendum for the merits of a responsive design; others will find plenty to critique, and justify a more device-specific way of designing for the web.</p>

<p>Me, I think the answer&#8217;s inevitably <a href="http://unstoppablerobotninja.com/entry/toffee-nosed/">somewhere in the middle</a>. But honestly, the response I&#8217;m most looking forward to reading is yours: what you see online at <a href="http://bostonglobe.com/">bostonglobe.com</a> is the result of a particular process, tailored to the needs of one project, one audience. There&#8217;s much we&#8217;ve done that could easily be approached from a different tack, or executed in another, perhaps better, way. And if you do happen to stumble upon that approach, that alternate solution, I really hope you&#8217;ll write about it, and share it with the rest of us.</p>

<p>In the meantime, I&#8217;ll be exploring the Globe site, hopefully alongside the rest of you. So much of it&#8217;s new to me, and I really can&#8217;t wait to see where it goes next.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>I&#8217;ve been working with The Boston Globe for the better part of this year on the design of a new site. I first made that announcement in Boston, <a href="http://adactio.com/journal/4538/">on the stage of An Event Apart this past May</a>, to a ballroom of very enthusiastic (and, I assumed from said enthusiasm, very local) designers and developers. Today, on the <a href="http://newmediadays.dk/">New Media Days</a> stage in Copenhagen, I made another announcement to a room of designers and developers from the news media: that earlier today, the Globe launched onto <a href="http://bostonglobe.com/">its new online home</a>.</p>

<p>Now, you might have noticed the new site is <a href="http://www.alistapart.com/articles/responsive-web-design">responsive</a>, which, <a href="http://www.abookapart.com/products/responsive-web-design">given my obvious biases</a>, I&#8217;m rather excited about. I played a small part in its design, and I&#8217;d like to tell you a little bit about it.</p>

<p>Honestly, I got excited in December of last year, as <a href="http://filamentgroup.com/">Filament Group</a> dropped me an email to chat about a project they were about to start working on. Now, I&#8217;ve admired Filament&#8217;s work since <a href="http://simplebits.com/">Dan</a> and I met them <a href="http://www.filamentgroup.com/lab/markup_and_style_recap/">over beers and pizza</a> a few years ago. But when they approached me with the prospect of working with them to design a new, responsive home for the Globe? Well, <a href="http://unstoppablerobotninja.com/entry/all-about-contents/">it&#8217;s like I said</a>: with folks like <a href="http://twitter.com/toddmparker">Todd</a>, <a href="https://twitter.com/pattytoland">Patty</a>, <a href="https://twitter.com/scottjehl">Scott</a>, and Maggie among their ranks, there are some people and projects you simply can&#8217;t turn down. (That <a href="https://twitter.com/wilto">Mat</a> <del>curmudgeon</del> fellow has been contracting there as well. <em>You</em> try saying &#8220;no&#8221; to that guy.)</p>

<p>The Globe had also hired a local design firm called <a href="http://upstatement.com/">Upstatement</a>, and they worked closely with <a href="https://twitter.com/mirandamulligan">Miranda Mulligan</a>, the Globe’s adroit digital creative director, to establish the new site&#8217;s look. Filament&#8217;s Patty Toland has already provided <a href="http://filamentgroup.com/lab/introducing_the_new_responsive_designed_bostonglobecom/">a better write-up of the project</a> than I ever could, but I&#8217;ll echo her excitement over the collaborative workflow Miranda cultivated between Upstatement, Filament, and myself. I can&#8217;t think of any project I&#8217;ve worked on that was nearly as fun as the months that followed, as they were a giddy blur of building, sketching, and thoughtful discussion. We tried to work as iteratively as possible, quickly moving from Tito and Mike&#8217;s goddamned <em>exquisite</em> mockups into responsive prototypes, in order to experience the design &#8220;live&#8221; in the various devices and browsers we were supporting. As <a href="http://aarronwalter.com/">Aarron Walter</a> might say, we were letting the <em>use</em> of the site inform its design&#8212;vetting our early design assumptions with prototypes, which also allowed us to identify areas that needed further visual refinement.</p>

<p>The site you see today is the result of that more collaborative workflow. A process that occurred between two teams who, on a more traditional design project, might have never met, nor established the kind of rapport that ultimately shaped the final product. If you&#8217;ve read <a href="http://www.abookapart.com/products/responsive-web-design">my book</a>, the final chapter discusses this process in a bit more detail. Heck, if you&#8217;ve seen me speak this year, chances are good you&#8217;ve already heard first-hand how wonderful I think this more cyclical approach to design and development is.</p>

<p>And on that point: it&#8217;s been kind of a weird experience, talking publicly for the better part of this year about a site that hadn&#8217;t yet launched. I mean, I was—and still am—incredibly proud of the small contributions I made, of the talented team I collaborated with, but still: talking about a site that hasn&#8217;t launched yet? There&#8217;s some part of me that&#8217;s felt, well, odd about that. What if people&#8217;s expectations aren&#8217;t met? What if we can&#8217;t deliver? What if the Internet gets hit by an exploding unicorn and we somehow don&#8217;t finish the project because NO <span class="caps"><span class="caps">MORE</span></span> <span class="caps"><span class="caps">INTERNET</span></span> <span class="caps"><span class="caps">YOU</span></span> <span class="caps"><span class="caps">GUYS</span></span>.</p>

<p>(Also, it might be <em>a teensy goddamned bit</em> terrifying/mind-blowing to see the phrase &#8220;responsive web design&#8221; pop up in <a href="http://www.bostonglobe.com/business/2011/09/11/globe-starts-far-ranging-paid-website-for-all-devices/KttpgkRAMc8FlBbsfKcyzN/story.xml">a mainstream news publication</a>. I&#8217;m just saying.)</p>

<p>A few months ago, <a href="http://markboulton.co.uk/">Mark Boulton</a> said <a href="https://twitter.com/markboulton/status/55653107190874112">something</a> on Twitter that really resonated with me, and helped the stress attacks abate: namely, that &#8220;design is the stuff <em>around</em> the end result.&#8221; Emphasis mine, but Mark reminded me that &#8220;design&#8221; is the means, not merely the end; the path we walk over the course of a project, the choices we make. And that&#8217;s a process that continues throughout the life of a site, even after launch. Because as with any site of this scale, there’s work still to be done. Some optimization is being done as we speak, both on the front- and back-end; some bugs are being tracked, isolated, and squashed; and as the Globe&#8217;s content producers become more familiar with the framework and start making bolder decisions, I&#8217;m sure the design will be refined to better meet their needs. And above all else, the Globe definitely wants <a href="http://bostonglobe.custhelp.com/app/ask">your feedback</a>.</p>

<p>And so, yes: while I&#8217;m impossibly proud of the new Globe site of today, I&#8217;m most excited about where it&#8217;ll be tomorrow. There are too many fine people on the Globe dev team to properly thank them all, but staffed by people like <a href="https://twitter.com/middle2000lb">Dan</a>, <a href="https://twitter.com/jlweisbeck">Jesse</a>, <a href="https://twitter.com/iancohen">Ian</a>, <a href="https://twitter.com/vonkow/">Caz</a>, <a href="https://twitter.com/ffrandias">Fran</a>, and Adam, I know they&#8217;re primed to do great things. People like Michael Manning and Jennifer McNelis helped us chart paths through some challenging questions. And it&#8217;s worth mentioning that none of this would have been possible without <a href="https://twitter.com/jeffmoriarty">Jeff Moriarty</a>&#8217;s endorsement of a broadly accessible, responsive design; with a champion like that, we could do—and I think the Globe will continue to do—some truly exciting things.</p>

<p>There&#8217;ve been a healthy number of reviews already: <a href="http://www.andymboyle.com/2011/09/12/blog-posts-about-the-bostonglobe-com-announcement/">Andy Boyle is tracking the ones he can find</a>, and <a href="http://www.niemanlab.org/author/jbenton/">Joshua Benton</a> at the <a href="http://www.niemanlab.org/">Nieman Journalism Lab</a> wrote up <a href="http://www.niemanlab.org/2011/09/four-observations-and-lots-of-questions-on-the-boston-globes-lovely-new-paywalled-site/">a few more business-minded thoughts and observations</a>. More will follow, I&#8217;m sure. Some will (I hope!) see the Globe&#8217;s new site as a referendum for the merits of a responsive design; others will find plenty to critique, and justify a more device-specific way of designing for the web.</p>

<p>Me, I think the answer&#8217;s inevitably <a href="http://unstoppablerobotninja.com/entry/toffee-nosed/">somewhere in the middle</a>. But honestly, the response I&#8217;m most looking forward to reading is yours: what you see online at <a href="http://bostonglobe.com/">bostonglobe.com</a> is the result of a particular process, tailored to the needs of one project, one audience. There&#8217;s much we&#8217;ve done that could easily be approached from a different tack, or executed in another, perhaps better, way. And if you do happen to stumble upon that approach, that alternate solution, I really hope you&#8217;ll write about it, and share it with the rest of us.</p>

<p>In the meantime, I&#8217;ll be exploring the Globe site, hopefully alongside the rest of you. So much of it&#8217;s new to me, and I really can&#8217;t wait to see where it goes next.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/lR6gM2nP2rA" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-09-12T22:13:26+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/the-boston-globe/</feedburner:origLink></item>
		
			<item>
								<title>All about Contents.</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/ILhW3pG1jRY/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/all-about-contents/</guid>
								<description>
					<![CDATA[
										<p>There are people you just need to say &#8220;yes&#8221; to.</p>

<p>I consider myself fortunate to have known and worked with <a href="http://twitter.com/kissane">Erin Kissane</a> for years, and I’ve admired her writing for quite some time before that. <a href="http://twitter.com/kristastevens">Krista Stevens</a> has been a friendly fixture throughout my career; she used to run an impossibly tight ship at <a href="http://www.digital-web.com/">Digital Web</a>, where some of my first articles were published, before doing wonderful and incredible things at <a href="http://alistapart.com/"><cite>A List Apart</cite></a>. So yeah, when they asked me to work with them on their New Secret Project&copy;, I basically signed up before they could finish telling me what it was all about.</p>

<p class="banner"><a href="http://contentsmagazine.com/"><img src="http://unstoppablerobotninja.com/images/uploads/contents-logo.gif" alt="Contents Magazine, focusing on content strategy and editorial mischief" /></a></p>

<p>And with that, I&#8217;m thrilled to announce that <a href="http://contentsmagazine.com/"><cite>Contents</cite>, a new magazine focusing on content strategy</a>, will be launching this fall.</p>

<p>Here&#8217;s <a href="http://incisive.nu/2011/announcing-contents-magazine/">Erin&#8217;s introduction</a>:</p>

<blockquote>
	<p>The conversation about content strategy, online publishing, and all the subfields and specializations that surround them is flourishing. Wonderfully, it’s no longer possible to keep track of the posts, comments, talks, and events that take place every week within our world. And it’s not just that we’re voluble: our community is extraordinarily generous with knowledge, help, and professional support.</p>
	<p>After benefiting from this conversation in so many ways, we’d like to give something back. A bounded collection of ideas and connections. A place to catch up with the movement of our fledgling industry and the much older fields from which it emerged. An editorial lens.</p>
</blockquote>

<p>As a designer-person who benefitted immensely from <a href="http://www.abookapart.com/products/the-elements-of-content-strategy">Erin&#8217;s</a> and <a href="http://www.contentstrategy.com/">Kristina&#8217;s</a> respective books on the subject, this is all music to the ol&#8217; ears. Because I think <cite>Contents</cite> is going to be a wonderful, oh-so-valuable resource for those of us looking to better understand content strategy (myself included), and I&#8217;m excited to contribute a little bit to making that happen.</p>

<p>In short: because of folks like Erin, Krista, and the oh-so-capable <a href="http://twitter.com/erikwestra">Erik Westra</a>, I know <cite>Contents</cite> will be something special. You should <a href="http://twitter.com/contents">check us out on Twitter</a>, and maybe <a href="http://contentsmagazine.com/2011/08/29/submissions/">contribute an article or eight</a> if you&#8217;re so inclined.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>There are people you just need to say &#8220;yes&#8221; to.</p>

<p>I consider myself fortunate to have known and worked with <a href="http://twitter.com/kissane">Erin Kissane</a> for years, and I’ve admired her writing for quite some time before that. <a href="http://twitter.com/kristastevens">Krista Stevens</a> has been a friendly fixture throughout my career; she used to run an impossibly tight ship at <a href="http://www.digital-web.com/">Digital Web</a>, where some of my first articles were published, before doing wonderful and incredible things at <a href="http://alistapart.com/"><cite>A List Apart</cite></a>. So yeah, when they asked me to work with them on their New Secret Project&copy;, I basically signed up before they could finish telling me what it was all about.</p>

<p class="banner"><a href="http://contentsmagazine.com/"><img src="http://unstoppablerobotninja.com/images/uploads/contents-logo.gif" alt="Contents Magazine, focusing on content strategy and editorial mischief" /></a></p>

<p>And with that, I&#8217;m thrilled to announce that <a href="http://contentsmagazine.com/"><cite>Contents</cite>, a new magazine focusing on content strategy</a>, will be launching this fall.</p>

<p>Here&#8217;s <a href="http://incisive.nu/2011/announcing-contents-magazine/">Erin&#8217;s introduction</a>:</p>

<blockquote>
	<p>The conversation about content strategy, online publishing, and all the subfields and specializations that surround them is flourishing. Wonderfully, it’s no longer possible to keep track of the posts, comments, talks, and events that take place every week within our world. And it’s not just that we’re voluble: our community is extraordinarily generous with knowledge, help, and professional support.</p>
	<p>After benefiting from this conversation in so many ways, we’d like to give something back. A bounded collection of ideas and connections. A place to catch up with the movement of our fledgling industry and the much older fields from which it emerged. An editorial lens.</p>
</blockquote>

<p>As a designer-person who benefitted immensely from <a href="http://www.abookapart.com/products/the-elements-of-content-strategy">Erin&#8217;s</a> and <a href="http://www.contentstrategy.com/">Kristina&#8217;s</a> respective books on the subject, this is all music to the ol&#8217; ears. Because I think <cite>Contents</cite> is going to be a wonderful, oh-so-valuable resource for those of us looking to better understand content strategy (myself included), and I&#8217;m excited to contribute a little bit to making that happen.</p>

<p>In short: because of folks like Erin, Krista, and the oh-so-capable <a href="http://twitter.com/erikwestra">Erik Westra</a>, I know <cite>Contents</cite> will be something special. You should <a href="http://twitter.com/contents">check us out on Twitter</a>, and maybe <a href="http://contentsmagazine.com/2011/08/29/submissions/">contribute an article or eight</a> if you&#8217;re so inclined.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/ILhW3pG1jRY" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-08-31T16:30:38+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/all-about-contents/</feedburner:origLink></item>
		
			<item>
								<title>So I wrote a book. It’s called Responsive Web Design.</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/omIw37Z6ci0/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/a-book-called-responsive-web-design/</guid>
								<description>
					<![CDATA[
										<p>Oh. Hello.</p>

<p>So as it happens, I wrote a book. It came out today. It&#8217;s called <a href="http://abookapart.com/products/responsive-web-design"><cite>Responsive Web Design</cite></a>. I really hope you like it.</p>

<p>&#8230;right, so. In the spirit of transparency I should probably tell you I rewrote that meager introduction about eight times, probably because I&#8217;m not sure how to introduce something like this. I mean, by my count I&#8217;ve coauthored five books, and writing for each has been a fantastic experience. I&#8217;ve written alongside some of my favorite writers&#8212;and people&#8212;in the industry. But I&#8217;m having a hard time articulating just how much it means to have published my first <em>solo</em> title. I&#8217;m giddy, nervous, terrified&#8212;but mostly? <em>Excited.</em></p>

<p>&#8220;So what&#8217;s the book about and stuff I guess,&#8221; you ask. Well, <cite>Responsive Web Design</cite> expands on the ideas I articulated in <a href="http://alistapart.com/articles/responsive-web-design">the original article</a>. It&#8217;s a crash course in how you can apply fluid grids, flexible images, and media queries to your own work, but let&#8217;s face it: design is so much more than those three ingredients. As a result, I&#8217;ve tried to share a few stories I&#8217;ve picked up from working on real, live responsive projects: the lessons I&#8217;ve learned, the questions that have been raised, the hard choices made. The result is a <em>beautifully</em> designed little book (take a bow, <a href="http://jasonsantamaria.com/">Jason</a>) that contains everything you need to start exploring a more flexible, more <em>responsive</em> approach to designing for the web. And at 150 pages, it won&#8217;t overstay its welcome.</p>

<p>I have to say, I&#8217;m incredibly proud of the end result. And that&#8217;s made all the more valuable to me by the fact that it was published by <a href="http://abookapart.com/">A Book Apart</a>. <a href="http://jasonsantamaria.com/">Jason</a>, <a href="http://aworkinglibrary.com/">Mandy</a>, and <a href="http://zeldman.com/">Jeffrey</a> have created a special thing in their little publishing powerhouse, and I&#8217;m impossibly honored to join a lineup that includes the likes of <a href="http://www.abookapart.com/products/html5-for-web-designers">Jeremy</a>, <a href="http://www.abookapart.com/products/css3-for-web-designers">Dan</a>, and <a href="http://www.abookapart.com/products/the-elements-of-content-strategy">Erin</a>, and will soon include <a href="http://aarronwalter.com/">Aarron</a>, <a href="http://lukew.com/">Luke</a>, and <a href="http://jasonsantamaria.com/">Jason</a> among their number.</p>

<p>(&#8220;Honored&#8221; is one way to put it. &#8220;Intimidated as <em>all hell</em>&#8221; would be another.)</p>

<p>What&#8217;s more, this book wouldn&#8217;t have been possible without <a href="http://aworkinglibrary.com/">Mandy Brown</a>'s careful, thoughtful supervision. She wrote <a href="http://aworkinglibrary.com/library/archives/change/">a few kind words about the book</a>, but I owe her a heavy debt: she is an impossibly talented designer, reader, and editor, and I can&#8217;t list the countless ways her efforts made the book so, so much better. I meant <a href="http://twitter.com/beep/status/29318034141220865">what I said on Twitter</a>: if you ever have the chance to collaborate with her, leap at it.</p>

<p>So. If this little book sounds like something you&#8217;re interested in, I hope you&#8217;ll <a href="http://abookapart.com/products/responsive-web-design">snag a copy</a>. Personally, I&#8217;d recommend the paperback + ebook bundle, largely because I think both versions of the book are downright gorgeous: you get a lovely physical artifact, thoughtfully crafted by <a href="http://jasonsantamaria.com/">Stan</a>, as well as an epub that has <a href="http://www.flickr.com/photos/jasonsantamaria/5794799734/in/photostream">inline videos embedded in it</a>.</p>

<p>(Seriously. A book. With <em>goddamned video</em> in it. We might very well be dealing with some profoundly flying-cars-and-ray-guns shit right here, people.)</p>

<p>If you&#8217;d like, you can <a href="http://www.alistapart.com/articles/fluid-images">read an excerpt from Chapter 3</a> right now. You can also read <a href="http://adactio.com/journal/4611/">Jeremy Keith&#8217;s foreword</a>, which might have made me well up a bit when I first read it. (Hush, you.) <a href="http://simplebits.com/">Dan Cederholm</a>, who proved a thorough and brilliant and <em>hilarious</em> technical editor, also wrote up <a href="http://simplebits.com/notebook/2011/06/07/rwd/">some wonderful words</a> about the book. <a href="http://stuntbox.com/blog/2011/06/little-yellow-different/">David Sleight</a>, <a href="http://jasonsantamaria.com/articles/responsive-web-design/">Jason Santa Maria</a>, and <a href="http://www.zeldman.com/2011/06/07/responsive-web-design-the-book/">Jeffrey</a> have some thoughts online, too.</p>

<p>I guess I&#8217;ll close things out here, because I&#8217;m honestly touched by the reception thus far, that people I admire so thoroughly are excited about this little yellow book I spent ages thinking about. But that aside, I hope you&#8217;ll <a href="http://www.abookapart.com/products/responsive-web-design">check out the book</a>, find it relevant to your work, and maybe get a little excited. For what it's worth, the web's never felt more variable, more <em>flexible</em> to me than it does right now, and I haven&#8217;t felt more excited about designing for the web than I do right now. Things just feel, you know, fun.</p>

<p>Anyway, that's it from me. I hope you like the book, and as always, thanks for reading.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>Oh. Hello.</p>

<p>So as it happens, I wrote a book. It came out today. It&#8217;s called <a href="http://abookapart.com/products/responsive-web-design"><cite>Responsive Web Design</cite></a>. I really hope you like it.</p>

<p>&#8230;right, so. In the spirit of transparency I should probably tell you I rewrote that meager introduction about eight times, probably because I&#8217;m not sure how to introduce something like this. I mean, by my count I&#8217;ve coauthored five books, and writing for each has been a fantastic experience. I&#8217;ve written alongside some of my favorite writers&#8212;and people&#8212;in the industry. But I&#8217;m having a hard time articulating just how much it means to have published my first <em>solo</em> title. I&#8217;m giddy, nervous, terrified&#8212;but mostly? <em>Excited.</em></p>

<p>&#8220;So what&#8217;s the book about and stuff I guess,&#8221; you ask. Well, <cite>Responsive Web Design</cite> expands on the ideas I articulated in <a href="http://alistapart.com/articles/responsive-web-design">the original article</a>. It&#8217;s a crash course in how you can apply fluid grids, flexible images, and media queries to your own work, but let&#8217;s face it: design is so much more than those three ingredients. As a result, I&#8217;ve tried to share a few stories I&#8217;ve picked up from working on real, live responsive projects: the lessons I&#8217;ve learned, the questions that have been raised, the hard choices made. The result is a <em>beautifully</em> designed little book (take a bow, <a href="http://jasonsantamaria.com/">Jason</a>) that contains everything you need to start exploring a more flexible, more <em>responsive</em> approach to designing for the web. And at 150 pages, it won&#8217;t overstay its welcome.</p>

<p>I have to say, I&#8217;m incredibly proud of the end result. And that&#8217;s made all the more valuable to me by the fact that it was published by <a href="http://abookapart.com/">A Book Apart</a>. <a href="http://jasonsantamaria.com/">Jason</a>, <a href="http://aworkinglibrary.com/">Mandy</a>, and <a href="http://zeldman.com/">Jeffrey</a> have created a special thing in their little publishing powerhouse, and I&#8217;m impossibly honored to join a lineup that includes the likes of <a href="http://www.abookapart.com/products/html5-for-web-designers">Jeremy</a>, <a href="http://www.abookapart.com/products/css3-for-web-designers">Dan</a>, and <a href="http://www.abookapart.com/products/the-elements-of-content-strategy">Erin</a>, and will soon include <a href="http://aarronwalter.com/">Aarron</a>, <a href="http://lukew.com/">Luke</a>, and <a href="http://jasonsantamaria.com/">Jason</a> among their number.</p>

<p>(&#8220;Honored&#8221; is one way to put it. &#8220;Intimidated as <em>all hell</em>&#8221; would be another.)</p>

<p>What&#8217;s more, this book wouldn&#8217;t have been possible without <a href="http://aworkinglibrary.com/">Mandy Brown</a>&#8216;s careful, thoughtful supervision. She wrote <a href="http://aworkinglibrary.com/library/archives/change/">a few kind words about the book</a>, but I owe her a heavy debt: she is an impossibly talented designer, reader, and editor, and I can&#8217;t list the countless ways her efforts made the book so, so much better. I meant <a href="http://twitter.com/beep/status/29318034141220865">what I said on Twitter</a>: if you ever have the chance to collaborate with her, leap at it.</p>

<p>So. If this little book sounds like something you&#8217;re interested in, I hope you&#8217;ll <a href="http://abookapart.com/products/responsive-web-design">snag a copy</a>. Personally, I&#8217;d recommend the paperback + ebook bundle, largely because I think both versions of the book are downright gorgeous: you get a lovely physical artifact, thoughtfully crafted by <a href="http://jasonsantamaria.com/">Stan</a>, as well as an epub that has <a href="http://www.flickr.com/photos/jasonsantamaria/5794799734/in/photostream">inline videos embedded in it</a>.</p>

<p>(Seriously. A book. With <em>goddamned video</em> in it. We might very well be dealing with some profoundly flying-cars-and-ray-guns shit right here, people.)</p>

<p>If you&#8217;d like, you can <a href="http://www.alistapart.com/articles/fluid-images">read an excerpt from Chapter 3</a> right now. You can also read <a href="http://adactio.com/journal/4611/">Jeremy Keith&#8217;s foreword</a>, which might have made me well up a bit when I first read it. (Hush, you.) <a href="http://simplebits.com/">Dan Cederholm</a>, who proved a thorough and brilliant and <em>hilarious</em> technical editor, also wrote up <a href="http://simplebits.com/notebook/2011/06/07/rwd/">some wonderful words</a> about the book. <a href="http://stuntbox.com/blog/2011/06/little-yellow-different/">David Sleight</a>, <a href="http://jasonsantamaria.com/articles/responsive-web-design/">Jason Santa Maria</a>, and <a href="http://www.zeldman.com/2011/06/07/responsive-web-design-the-book/">Jeffrey</a> have some thoughts online, too.</p>

<p>I guess I&#8217;ll close things out here, because I&#8217;m honestly touched by the reception thus far, that people I admire so thoroughly are excited about this little yellow book I spent ages thinking about. But that aside, I hope you&#8217;ll <a href="http://www.abookapart.com/products/responsive-web-design">check out the book</a>, find it relevant to your work, and maybe get a little excited. For what it&#8217;s worth, the web&#8217;s never felt more variable, more <em>flexible</em> to me than it does right now, and I haven&#8217;t felt more excited about designing for the web than I do right now. Things just feel, you know, fun.</p>

<p>Anyway, that&#8217;s it from me. I hope you like the book, and as always, thanks for reading.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/omIw37Z6ci0" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-06-07T21:00:35+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/a-book-called-responsive-web-design/</feedburner:origLink></item>
		
			<item>
								<title>But this blog goes up to eleven</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/2-oyUsNSIEo/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/but-this-blog-goes-up-to-eleven/</guid>
								<description>
					<![CDATA[
										<p class="banner"><a href="http://trentwalton.com/2011/05/10/fit-to-scale/"><img src="http://unstoppablerobotninja.com/images/uploads/twalton-redesign.png"  alt="" /></a></p>

<p>So that <a href="https://twitter.com/TrentWalton">Trent Walton</a> went and <a href="http://trentwalton.com/2011/05/10/fit-to-scale/">redesigned his blog</a>. And it is <a href="http://www.alistapart.com/articles/responsive-web-design/">responsive</a>. And on top of all that? It is <em>sexy</em>.</p>

<p>I&#8217;ve been admiring the Paravel team&#8217;s work for some time, and especially their dabblings in responsive design; if you haven&#8217;t seen <a href="http://thedolectures.co.uk/">the Do Lectures site</a>, give it a whirl. It&#8217;s visually and technically impressive, and is a joy to browse at any resolution.</p>

<p>But that&#8217;s not all: given Trent&#8217;s penchant for full-width, type-heavy headings, he and the team at <a href="http://paravelinc.com/">Paravel</a> decided to knock out <a href="http://fittextjs.com/">FitText</a>, a jQuery plugin to create full-width, scaleable headlines from, well, your headlines. I can&#8217;t wait to give this a whirl.</p>

<p>Of course, in the middle of this cornucopia of goddamned fantastic things, Trent has to go and drop beats like this:</p>

<blockquote>
	<p>My love for responsive centers around the idea that <em>my website will meet you wherever you are</em>&#8212;from mobile to full-blown desktop and anywhere in between.</p>
</blockquote>

<p>Emphasis mine. That sentence&#8212;that <em>sentiment</em>&#8212;is so good, I want it tattooed on my knuckles.</p>

<p>(Hrm. Wonder if there&#8217;s a jQuery plugin for that.)</p>

					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p class="banner"><a href="http://trentwalton.com/2011/05/10/fit-to-scale/"><img src="http://unstoppablerobotninja.com/images/uploads/twalton-redesign.png"  alt="" /></a></p>

<p>So that <a href="https://twitter.com/TrentWalton">Trent Walton</a> went and <a href="http://trentwalton.com/2011/05/10/fit-to-scale/">redesigned his blog</a>. And it is <a href="http://www.alistapart.com/articles/responsive-web-design/">responsive</a>. And on top of all that? It is <em>sexy</em>.</p>

<p>I&#8217;ve been admiring the Paravel team&#8217;s work for some time, and especially their dabblings in responsive design; if you haven&#8217;t seen <a href="http://thedolectures.co.uk/">the Do Lectures site</a>, give it a whirl. It&#8217;s visually and technically impressive, and is a joy to browse at any resolution.</p>

<p>But that&#8217;s not all: given Trent&#8217;s penchant for full-width, type-heavy headings, he and the team at <a href="http://paravelinc.com/">Paravel</a> decided to knock out <a href="http://fittextjs.com/">FitText</a>, a jQuery plugin to create full-width, scaleable headlines from, well, your headlines. I can&#8217;t wait to give this a whirl.</p>

<p>Of course, in the middle of this cornucopia of goddamned fantastic things, Trent has to go and drop beats like this:</p>

<blockquote>
	<p>My love for responsive centers around the idea that <em>my website will meet you wherever you are</em>&#8212;from mobile to full-blown desktop and anywhere in between.</p>
</blockquote>

<p>Emphasis mine. That sentence&#8212;that <em>sentiment</em>&#8212;is so good, I want it tattooed on my knuckles.</p>

<p>(Hrm. Wonder if there&#8217;s a jQuery plugin for that.)</p>

					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/2-oyUsNSIEo" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-05-10T16:38:24+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/but-this-blog-goes-up-to-eleven/</feedburner:origLink></item>
		
			<item>
								<title>Henry</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/SiZvi3h1aWA/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/henry/</guid>
								<description>
					<![CDATA[
										<p>A few minutes ago, I had much more to say. And maybe I&#8217;ll get those thoughts down on paper&#8212;well, you know what I mean&#8212;at some point soon, but until then, this:</p>

<blockquote>
<p>Words don&#8217;t deserve that kind of malarkey. They&#8217;re innocent, neutral, precise, standing for this, describing that, meaning the other, so if you look after them you can build bridges across incomprehension and chaos. But when they get their corners knocked off, they&#8217;re no good any more&#8230;. I don&#8217;t think writers are sacred, but words are. They deserve respect. If you get the right ones in the right order, you can nudge the world a little or make a poem which children will speak for you when you&#8217;re dead.</p>
<address>Tom Stoppard, <cite><a href="http://en.wikipedia.org/wiki/The_Real_Thing_%28play%29">The Real Thing</a></cite></address>
</blockquote>

<p>Anyway, the context&#8217;ll have to come later. Until then, something something cricket bats something.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>A few minutes ago, I had much more to say. And maybe I&#8217;ll get those thoughts down on paper&#8212;well, you know what I mean&#8212;at some point soon, but until then, this:</p>

<blockquote>
<p>Words don&#8217;t deserve that kind of malarkey. They&#8217;re innocent, neutral, precise, standing for this, describing that, meaning the other, so if you look after them you can build bridges across incomprehension and chaos. But when they get their corners knocked off, they&#8217;re no good any more&#8230;. I don&#8217;t think writers are sacred, but words are. They deserve respect. If you get the right ones in the right order, you can nudge the world a little or make a poem which children will speak for you when you&#8217;re dead.</p>
<address>Tom Stoppard, <cite><a href="http://en.wikipedia.org/wiki/The_Real_Thing_%28play%29">The Real Thing</a></cite></address>
</blockquote>

<p>Anyway, the context&#8217;ll have to come later. Until then, something something cricket bats something.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/SiZvi3h1aWA" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-03-31T18:48:26+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/henry/</feedburner:origLink></item>
		
			<item>
								<title>Toffee-nosed.</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/us6lAb_0_Gk/</link>
				<guid isPermaLink="false">http://unstoppablerobotninja.com/entry/toffee-nosed/</guid>
								<description>
					<![CDATA[
										<p>One of my dirty little liberal arts secrets is that I took a philosophy course to fulfill my undergraduate math requirement. I know, I know: hurf durf English majors and all that. But the course was “The History of Logic,” and I loved the <em>hell</em> out of it. It was in this musty old classroom about a quarter mile’s hike from my dorm room, and the professor was this impossibly geeky old gentleman, who had a predilection for those überacademic sweaters—you know, with the leather patches on the elbows—but was prone to working Monty Python references into his lectures. Socratic syllogisms were never so much fun.</p>

<p>Anyway, I’m a decade or so removed from my literature degree, and an additional year or two removed from that class in particular, so my command of various terms is, well, thoroughly shot at this point. But lately I’ve been noticing how many discussions about <a href="http://www.alistapart.com/articles/responsive-web-design">responsive web design</a> revolve around the same <a href="https://secure.wikimedia.org/wikipedia/en/wiki/Fallacy">fallacy</a>.</p>

<p>Now, I realize “fallacy” seems like a loaded term. But really, it isn’t: in its most basic, rhetorical form, a “fallacy” is a structural flaw in an argument. A fallacious argument isn’t even necessarily wrong—in fact, it can be completely and utterly correct, factually speaking. But the logic used to reach the conclusion is just a little off.</p>

<p>Here’s a quick example. Let’s say I walked up to you and said,</p>

<blockquote>
	<p>“It’s raining outside. Therefore, the sun isn’t shining.”</p>
</blockquote>

<p>The problem with that statement is the second sentence doesn’t follow from the first. The result is evidence (“It’s raining outside”) that doesn’t support the conclusion (“The sun isn’t shining”). Now, that conclusion could be completely correct: the sun might very well have ducked behind a raincloud. But the <em>logic</em> I used to reach that conclusion is flawed. In short, it’s based on a fallacy.</p>

<p>What about this one?</p>

<blockquote>
	<p>“Different devices always require different experiences. Therefore, responsive design is flawed.”</p>
</blockquote>

<p>There’s no fallacy there: taken at face value, the premise supports the conclusion. Now, that doesn’t mean I <em>agree</em> with that reasoning at all—in fact, I’d disagree quite stridently, and we’d be off to the races with <a href="http://mark-kirby.co.uk/2011/the-mobile-context/">an entirely</a> <a href="http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/">separate</a> <a href="http://adactio.com/journal/1716/">discussion</a> altogether. And we can debate those positions <em>ad infinitum</em>, <em>ad nauseam</em>, or some other <em>ad</em> of your choosing.</p>

<p>But here’s the thing: with a few notable exceptions (this shoddy primer on logic terms among them), very few people are making that assertion. Instead, you’ll see something like this pop up:</p>

<blockquote>
	<p>“I need to design a different experience for different contexts. Therefore, responsive design is flawed.”</p>
</blockquote>

<p>Now, I’m not quoting anyone in particular here; this point just pops up frequently in discussions about responsive web design. And yes, it’s a fallacy. Let me see if I can explain why.</p>

<p>When I’m speaking or writing about responsive design, I try to underline something with great, big, Sharpie-esque strokes: responsive design is not about “designing for mobile.” But it’s not about “designing for the desktop,” either. Rather, it’s about adopting a more flexible, device-agnostic approach to designing for the <em>web</em>. Fluid grids, flexible images, and media queries are the tools we use to get a bit closer to that somewhat abstract-sounding philosophy. And honestly, a more unified, less fragmented approach resonates with my understanding of the web on a fairly profound level.</p>

<p>But I’m not interested in a religious debate. And chances are good that you’re not, either.</p>

<p>I really do believe responsive design can be a great way to design for our ever-changing web. Sure, I’ve got some <a href="http://www.alistapart.com/articles/responsive-web-design">fairly evident biases</a> on that front: but with the right planning, implementation, and forethought, it can be a damned compelling approach.</p>

<p>But let’s say that your project—or more specifically, your audience—is better served by a mobile-/tablet-/<code>$DEVICE</code>-specific experience. Heck, I’ve worked on a number of projects that benefitted from that approach: where a separate mobile site was <em>needed</em>, and where a responsive approach would’ve been less than ideal. That decision wasn’t driven by any “mobile vs. desktop” mindset, though: it was dictated by research, by our content strategy, and by studying the needs of that site’s particular audience.</p>

<p>A fair bit of <a title="Responsive Web Design, my upcoming book" href="http://www.abookapart.com/products/responsive-web-design">the book</a>’s conclusion talks about this process. Because maybe <em>your</em> site is better served by a separate mobile site than by a responsive approach. Or maybe the reverse is true: maybe a responsive approach is more appropriate. The moral here is that you should tailor the approach to the project, and put the polemic aside. Because nobody knows your project, your <em>audience</em>, better than you do. Anyone who suggests otherwise is committing a different kind of fallacy.</p>
					
					
					
										]]>
				</description>
				<content:encoded><![CDATA[
				
															<p>One of my dirty little liberal arts secrets is that I took a philosophy course to fulfill my undergraduate math requirement. I know, I know: hurf durf English majors and all that. But the course was “The History of Logic,” and I loved the <em>hell</em> out of it. It was in this musty old classroom about a quarter mile’s hike from my dorm room, and the professor was this impossibly geeky old gentleman, who had a predilection for those überacademic sweaters—you know, with the leather patches on the elbows—but was prone to working Monty Python references into his lectures. Socratic syllogisms were never so much fun.</p>

<p>Anyway, I’m a decade or so removed from my literature degree, and an additional year or two removed from that class in particular, so my command of various terms is, well, thoroughly shot at this point. But lately I’ve been noticing how many discussions about <a href="http://www.alistapart.com/articles/responsive-web-design">responsive web design</a> revolve around the same <a href="https://secure.wikimedia.org/wikipedia/en/wiki/Fallacy">fallacy</a>.</p>

<p>Now, I realize “fallacy” seems like a loaded term. But really, it isn’t: in its most basic, rhetorical form, a “fallacy” is a structural flaw in an argument. A fallacious argument isn’t even necessarily wrong—in fact, it can be completely and utterly correct, factually speaking. But the logic used to reach the conclusion is just a little off.</p>

<p>Here’s a quick example. Let’s say I walked up to you and said,</p>

<blockquote>
	<p>“It’s raining outside. Therefore, the sun isn’t shining.”</p>
</blockquote>

<p>The problem with that statement is the second sentence doesn’t follow from the first. The result is evidence (“It’s raining outside”) that doesn’t support the conclusion (“The sun isn’t shining”). Now, that conclusion could be completely correct: the sun might very well have ducked behind a raincloud. But the <em>logic</em> I used to reach that conclusion is flawed. In short, it’s based on a fallacy.</p>

<p>What about this one?</p>

<blockquote>
	<p>“Different devices always require different experiences. Therefore, responsive design is flawed.”</p>
</blockquote>

<p>There’s no fallacy there: taken at face value, the premise supports the conclusion. Now, that doesn’t mean I <em>agree</em> with that reasoning at all—in fact, I’d disagree quite stridently, and we’d be off to the races with <a href="http://mark-kirby.co.uk/2011/the-mobile-context/">an entirely</a> <a href="http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/">separate</a> <a href="http://adactio.com/journal/1716/">discussion</a> altogether. And we can debate those positions <em>ad infinitum</em>, <em>ad nauseam</em>, or some other <em>ad</em> of your choosing.</p>

<p>But here’s the thing: with a few notable exceptions (this shoddy primer on logic terms among them), very few people are making that assertion. Instead, you’ll see something like this pop up:</p>

<blockquote>
	<p>“I need to design a different experience for different contexts. Therefore, responsive design is flawed.”</p>
</blockquote>

<p>Now, I’m not quoting anyone in particular here; this point just pops up frequently in discussions about responsive web design. And yes, it’s a fallacy. Let me see if I can explain why.</p>

<p>When I’m speaking or writing about responsive design, I try to underline something with great, big, Sharpie-esque strokes: responsive design is not about “designing for mobile.” But it’s not about “designing for the desktop,” either. Rather, it’s about adopting a more flexible, device-agnostic approach to designing for the <em>web</em>. Fluid grids, flexible images, and media queries are the tools we use to get a bit closer to that somewhat abstract-sounding philosophy. And honestly, a more unified, less fragmented approach resonates with my understanding of the web on a fairly profound level.</p>

<p>But I’m not interested in a religious debate. And chances are good that you’re not, either.</p>

<p>I really do believe responsive design can be a great way to design for our ever-changing web. Sure, I’ve got some <a href="http://www.alistapart.com/articles/responsive-web-design">fairly evident biases</a> on that front: but with the right planning, implementation, and forethought, it can be a damned compelling approach.</p>

<p>But let’s say that your project—or more specifically, your audience—is better served by a mobile-/tablet-/<code>$DEVICE</code>-specific experience. Heck, I’ve worked on a number of projects that benefitted from that approach: where a separate mobile site was <em>needed</em>, and where a responsive approach would’ve been less than ideal. That decision wasn’t driven by any “mobile vs. desktop” mindset, though: it was dictated by research, by our content strategy, and by studying the needs of that site’s particular audience.</p>

<p>A fair bit of <a title="Responsive Web Design, my upcoming book" href="http://www.abookapart.com/products/responsive-web-design">the book</a>’s conclusion talks about this process. Because maybe <em>your</em> site is better served by a separate mobile site than by a responsive approach. Or maybe the reverse is true: maybe a responsive approach is more appropriate. The moral here is that you should tailor the approach to the project, and put the polemic aside. Because nobody knows your project, your <em>audience</em>, better than you do. Anyone who suggests otherwise is committing a different kind of fallacy.</p>
					
					
					
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/us6lAb_0_Gk" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-03-25T02:17:45+00:00</dc:date>
			<feedburner:origLink>http://unstoppablerobotninja.com/entry/toffee-nosed/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Mark Boulton on “A Richer Canvas”</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/Qn5BBFdAscM/a-richer-canvas</link>
				<guid isPermaLink="false">http://www.markboulton.co.uk/journal/comments/a-richer-canvas</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>I won’t lie to you: I might’ve pounded the table emphatically a few times while reading <a href="http://www.markboulton.co.uk/journal/comments/a-richer-canvas">Mark Boulton’s latest entry</a>:</p>

	<blockquote>
		<p>We can now design effective adaptive layouts that respond to their environment. If these layouts are based on a system that defines its ratios from the content, then there is connectedness on two levels: connectedness to the device, and connectedness to the content.</p>
	</blockquote>

	<p>Mark’s thinking about flexible, content-driven grids has me damned excited about <a href="http://aneventapart.com/2011/boston/">his upcoming talk at <span class="caps">AEA</span> Boston</a>, and you know I’ll be flinging fistfuls of lucre at my laptop screen whenever <a href="http://www.fivesimplesteps.com/books/practical-guide-designing-grid-systems-for-the-web">his new book’s available to preorder</a>.</p>

	<p>The web really feels fun again.</p>

					<a href="http://unstoppablerobotninja.com/entry/mark-boulton-on-a-richer-canvas/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>I won’t lie to you: I might’ve pounded the table emphatically a few times while reading <a href="http://www.markboulton.co.uk/journal/comments/a-richer-canvas">Mark Boulton’s latest entry</a>:</p>

	<blockquote>
		<p>We can now design effective adaptive layouts that respond to their environment. If these layouts are based on a system that defines its ratios from the content, then there is connectedness on two levels: connectedness to the device, and connectedness to the content.</p>
	</blockquote>

	<p>Mark’s thinking about flexible, content-driven grids has me damned excited about <a href="http://aneventapart.com/2011/boston/">his upcoming talk at <span class="caps">AEA</span> Boston</a>, and you know I’ll be flinging fistfuls of lucre at my laptop screen whenever <a href="http://www.fivesimplesteps.com/books/practical-guide-designing-grid-systems-for-the-web">his new book’s available to preorder</a>.</p>

	<p>The web really feels fun again.</p>

					<a href="http://unstoppablerobotninja.com/entry/mark-boulton-on-a-richer-canvas/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/Qn5BBFdAscM" height="1" width="1"/>]]></content:encoded>

				<dc:date>2011-03-24T14:33:15+00:00</dc:date>
			<feedburner:origLink>http://www.markboulton.co.uk/journal/comments/a-richer-canvas</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Responsive images</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/zxmFbzSYIVM/</link>
				<guid isPermaLink="false">http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>Since <a href="http://unstoppablerobotninja.com/entry/oversewing/">striking out on my own</a>, much of my time’s been dedicated to, well, <a href="http://books.alistapart.com/products/responsive-web-design">the book</a>. But I’ve also been fortunate enough to collaborate a bit with <a href="http://filamentgroup.com/">Filament Group</a> on one of their projects: namely, a large-scale engagement that requires a <a href="http://www.alistapart.com/articles/responsive-web-design">responsive</a> approach.</p>

	<p>Needless to say, I am having the time of my life.</p>

	<p>We’re also learning a lot, too. A lot of discussions about approach and execution have come up, largely because processes for a lot of this stuff don’t exist yet. That will, with a bit of hard work and community discussion, <a href="http://paulrobertlloyd.com/2010/12/styleguides_for_the_web">change over time</a>. Still, there has been a lot of brilliant stuff created so far.</p>

	<p>Here’s just one example:</p>

	<blockquote>
		<p>The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow developers to start with mobile-optimized images in their <span class="caps">HTML</span> and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing.</p>
	</blockquote>

	<p>Check out the script, <a href="https://github.com/filamentgroup/Responsive-Images">download it</a>, and kick the tires a bit&#8212;feedback and tweaks are most welcome.</p>

	<p>I realize that there are always going to be philosophical differences around responsive web design. But for me, the solutions-driven discussions are always going to be infinitely more interesting to me than the alternative.</p>

					<a href="http://unstoppablerobotninja.com/entry/responsive-images/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>Since <a href="http://unstoppablerobotninja.com/entry/oversewing/">striking out on my own</a>, much of my time’s been dedicated to, well, <a href="http://books.alistapart.com/products/responsive-web-design">the book</a>. But I’ve also been fortunate enough to collaborate a bit with <a href="http://filamentgroup.com/">Filament Group</a> on one of their projects: namely, a large-scale engagement that requires a <a href="http://www.alistapart.com/articles/responsive-web-design">responsive</a> approach.</p>

	<p>Needless to say, I am having the time of my life.</p>

	<p>We’re also learning a lot, too. A lot of discussions about approach and execution have come up, largely because processes for a lot of this stuff don’t exist yet. That will, with a bit of hard work and community discussion, <a href="http://paulrobertlloyd.com/2010/12/styleguides_for_the_web">change over time</a>. Still, there has been a lot of brilliant stuff created so far.</p>

	<p>Here’s just one example:</p>

	<blockquote>
		<p>The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow developers to start with mobile-optimized images in their <span class="caps">HTML</span> and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing.</p>
	</blockquote>

	<p>Check out the script, <a href="https://github.com/filamentgroup/Responsive-Images">download it</a>, and kick the tires a bit&#8212;feedback and tweaks are most welcome.</p>

	<p>I realize that there are always going to be philosophical differences around responsive web design. But for me, the solutions-driven discussions are always going to be infinitely more interesting to me than the alternative.</p>

					<a href="http://unstoppablerobotninja.com/entry/responsive-images/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/zxmFbzSYIVM" height="1" width="1"/>]]></content:encoded>

				<dc:date>2010-12-14T19:26:09+00:00</dc:date>
			<feedburner:origLink>http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/</feedburner:origLink></item>
		
			<item>
								<title>[LINK] Fluid Inconsistencies</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/Fas6GYtJ67w/fluid-inconsistencies</link>
				<guid isPermaLink="false">http://steff.me/journal/fluid-inconsistencies</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>Front-end developer <a href="https://twitter.com/steffanwilliams">Steffan Williams</a> of <a href="http://gridinator.com/">Gridinator</a> fame digs into some of the rendering inconsistencies across various browsers when dealing with percentage-based widths. Now, I don&#8217;t think this is a real problem for <a href="http://www.alistapart.com/articles/fluidgrids/">flexible, grid-based layouts</a> or properly <a href="http://www.alistapart.com/articles/responsive-web-design">responsive designs</a>. Some of these rounding issues won’t necessarily manifest themselves in your work, or at least not quite as noticeably.</p>

	<p>I was, however, emphatically raising my fist in the air when I read this:</p>

	<blockquote>
		<p>While I’m well aware that things don’t have to look the same in every browser, it just seems to strike me as odd that <strong>CSS3 features keep getting touted on the front of browser homepages, and yet something as fundamental as a percentage would be rendered incorrectly</strong> (or, rather, not as well as would be expected).</p>
	</blockquote>

	<p>Emphasis mine. Much of the behavior Steffan notes was outlined by <a href="http://ejohn.org/blog/sub-pixel-problems-in-css/">John Resig in 2008</a>, <em>nearly three years ago</em>. There are some incredible inconsistencies at play here, and designers really shouldn&#8217;t have to shoulder the burden of working around them.</p>

	<p>In short, some broad consensus between the different rendering engines needs to be reached—and if it comes at the expense of pushing the Next Hot Bleeding-Edge Experimental Sexy CSS3 Feature™ to market, I’m all for it.</p>

					<a href="http://unstoppablerobotninja.com/entry/fluid-inconsistencies/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>Front-end developer <a href="https://twitter.com/steffanwilliams">Steffan Williams</a> of <a href="http://gridinator.com/">Gridinator</a> fame digs into some of the rendering inconsistencies across various browsers when dealing with percentage-based widths. Now, I don&#8217;t think this is a real problem for <a href="http://www.alistapart.com/articles/fluidgrids/">flexible, grid-based layouts</a> or properly <a href="http://www.alistapart.com/articles/responsive-web-design">responsive designs</a>. Some of these rounding issues won’t necessarily manifest themselves in your work, or at least not quite as noticeably.</p>

	<p>I was, however, emphatically raising my fist in the air when I read this:</p>

	<blockquote>
		<p>While I’m well aware that things don’t have to look the same in every browser, it just seems to strike me as odd that <strong>CSS3 features keep getting touted on the front of browser homepages, and yet something as fundamental as a percentage would be rendered incorrectly</strong> (or, rather, not as well as would be expected).</p>
	</blockquote>

	<p>Emphasis mine. Much of the behavior Steffan notes was outlined by <a href="http://ejohn.org/blog/sub-pixel-problems-in-css/">John Resig in 2008</a>, <em>nearly three years ago</em>. There are some incredible inconsistencies at play here, and designers really shouldn&#8217;t have to shoulder the burden of working around them.</p>

	<p>In short, some broad consensus between the different rendering engines needs to be reached—and if it comes at the expense of pushing the Next Hot Bleeding-Edge Experimental Sexy CSS3 Feature™ to market, I’m all for it.</p>

					<a href="http://unstoppablerobotninja.com/entry/fluid-inconsistencies/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/Fas6GYtJ67w" height="1" width="1"/>]]></content:encoded>

				<dc:date>2010-12-02T14:01:53+00:00</dc:date>
			<feedburner:origLink>http://steff.me/journal/fluid-inconsistencies</feedburner:origLink></item>
		
			<item>
								<title>[LINK] A new design for Mark Boulton</title>
								
								<link>http://feedproxy.google.com/~r/urn-rss20/~3/oOyFw-noCZE/new-design</link>
				<guid isPermaLink="false">http://www.markboulton.co.uk/journal/comments/new-design</guid>
								<description>
					<![CDATA[
					
					
					
											
						<p>Words to tattoo on your knuckles:</p>

	<blockquote>
		<p>Over the past couple of years, my blog hasn’t felt my own, to a degree. It’s felt like I’ve been writ­ing for an audi­ence, post­ing stuff for oth­ers rather than myself. That’s arse-backwards. A blog should be about per­sonal expres­sion. The moment you start think­ing, and writ­ing, to please oth­ers then it’s a bind; it feels less like a per­sonal exer­cise and more of a job.</p>
	</blockquote>

	<p>A beautiful, thoughtful redesign from Mark Boulton (and a responsive one at that). Go go, read read.</p>

					<a href="http://unstoppablerobotninja.com/entry/a-new-design-for-mark-boulton/">&#8734;</a>
										]]>
				</description>
				<content:encoded><![CDATA[
				
					
					
											<p>Words to tattoo on your knuckles:</p>

	<blockquote>
		<p>Over the past couple of years, my blog hasn’t felt my own, to a degree. It’s felt like I’ve been writ­ing for an audi­ence, post­ing stuff for oth­ers rather than myself. That’s arse-backwards. A blog should be about per­sonal expres­sion. The moment you start think­ing, and writ­ing, to please oth­ers then it’s a bind; it feels less like a per­sonal exer­cise and more of a job.</p>
	</blockquote>

	<p>A beautiful, thoughtful redesign from Mark Boulton (and a responsive one at that). Go go, read read.</p>

					<a href="http://unstoppablerobotninja.com/entry/a-new-design-for-mark-boulton/">&#8734;</a>
									
				<img src="http://feeds.feedburner.com/~r/urn-rss20/~4/oOyFw-noCZE" height="1" width="1"/>]]></content:encoded>

				<dc:date>2010-11-30T13:17:08+00:00</dc:date>
			<feedburner:origLink>http://www.markboulton.co.uk/journal/comments/new-design</feedburner:origLink></item>
		
	
	</channel>
</rss>
