<?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"
	>

<channel>
	<title>Magnetbox &#187; Web Design</title>
	<atom:link href="http://www.magnetbox.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.magnetbox.com</link>
	<description>Some blog about some stuff.</description>
	<pubDate>Sat, 22 Nov 2008 01:09:25 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Translate regular text or HTML code into script language write code</title>
		<link>http://www.magnetbox.com/2007/05/21/translate-regular-text-into-script-language-write-code/</link>
		<comments>http://www.magnetbox.com/2007/05/21/translate-regular-text-into-script-language-write-code/#comments</comments>
		<pubDate>Mon, 21 May 2007 23:13:54 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/?p=2552</guid>
		<description><![CDATA[     <link rel="alternate" type="application/atom+xml" title="Magnetbox Category: Web Design" href="http://www.magnetbox.com/category/web-design/feed/" />
     <link rel="alternate" type="application/atom+xml" title="Magnetbox Category: Work" href="http://www.magnetbox.com/category/work/feed/" />
Have you ever needed to take regular text or HTML code and write out in a scripting language? If so, you know it can be a pain in the ass to switch all the quotes to backslash-quotes (JS/PHP) or double-quotes (ASP). In my limited searching I couldn&#8217;t find a tool to do this quick function, [...]]]></description>
			<content:encoded><![CDATA[<p>Have you ever needed to take regular text or HTML code and write out in a scripting language? If so, you know it can be a pain in the ass to switch all the quotes to backslash-quotes (JS/PHP) or double-quotes (ASP). In my limited searching I couldn&#8217;t find a tool to do this quick function, so I made my own. You might find it useful.</p>
<p>Simply type your text or code into the first box, click the button for which language you want it translated into, and you will have code you can cut and paste.</p>
<p><script type="text/javascript" src="/wp-content/uploads/2007/05/translate.js"></script></p>
<form name="input">
<textarea cols="50" rows="10" name="inputField"></textarea></p>
<input type="button" value="Translate to Javascript" onclick="translateJS();" />
<input type="button" value="Translate to ASP" onclick="translateASP();" />
<input type="button" value="Translate to PHP" onclick="translatePHP();" />
</form>
<form name="output">
<textarea cols="50" rows="10" name="outputField"></textarea><br />
</form>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2007/05/21/translate-regular-text-into-script-language-write-code/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Election night</title>
		<link>http://www.magnetbox.com/2006/11/08/election-night/</link>
		<comments>http://www.magnetbox.com/2006/11/08/election-night/#comments</comments>
		<pubDate>Wed, 08 Nov 2006 18:43:28 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/11/08/election-night/</guid>
		<description><![CDATA[Well, that was fun. After seeing some good roundups of election night graphics and a few personal tours by the designers themselves (such as Khoi Vinh of the New York Times and Nathan Borror of the Lawrence Journal-World) I thought I&#8217;d share my own rundown of what we did at Minnesota Public Radio for election [...]]]></description>
			<content:encoded><![CDATA[<p>Well, that was fun. After seeing some good <a href="http://www.37signals.com/svn/posts/102-election-night-graphics">roundups of election night graphics</a> and a few personal tours by the designers themselves (such as <a href="http://www.subtraction.com/archives/2006/1107_election_nig.php">Khoi Vinh of the New York Times</a> and <a href="http://domaki.com/posts/2006/nov/07/elections-seat-our-chads/">Nathan Borror of the Lawrence Journal-World</a>) I thought I&#8217;d share my own rundown of what we did at <a href="http://minnesota.publicradio.org">Minnesota Public Radio</a> for election night results.</p>
<p>First off, the big deal was the special election block on the <a href="http://minnesota.publicradio.org">homepage</a>, which included a live map of the governor&#8217;s race and a balance of power for both national and state houses, both of which were updating behind the scenes without having to refresh the page.</p>
<p><img alt="Minnesota Public Radio election night homepage" src="/images/mpr_election1.jpg" width="400" height="370" border="0" /></p>
<p>The other big thing was the <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/map/">interactive results map</a>, which allows you to see up-to-the-minute results without having to refresh, drill down to <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/map/index.php?qrace=us_sn&#038;qmap=ct&#038;qparty=0&#038;qzoom=27">specific counties</a> and <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/map/index.php?qrace=mn_ho&#038;qmap=ld&#038;qparty=0&#038;qzoom=34A">districts</a>, and even switch the view of the map to see the <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/map/index.php?qrace=mn_ho&#038;qmap=ld&#038;qparty=R&#038;qzoom=61A">geographic strengths and weaknesses of specific parties</a>. Notice how I didn&#8217;t have to include a screenshot of those? That&#8217;s because there&#8217;s permalinking to specific zooms and views. There&#8217;s also switching back and forth from Flash to HTML versions of the results because of that fact. Here&#8217;s a screenshot anyway:</p>
<p><img alt="Minnesota Public Radio election results interactive map" src="/images/mpr_election2.jpg" width="400" height="195" border="0" /></p>
<p>I personally don&#8217;t think there&#8217;s nothing terribly amazing about our <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/county.php?county_id=06">basic results pages</a>, except for the fact that I consider them to be fairly readable, digestible, don&#8217;t look like pre-packaged crap from an outside supplier, and just the fact that there are a lot of pages, which allows you to look at however <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/ussenate.php">general</a> or <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/county_local.php?county_id=60">specific</a> you want to be.</p>
<p><img alt="Minnesota Public Radio election results" src="/images/mpr_election3.jpg" border="0" /></p>
<p>Another interesting part of our election results was the fact that we gave them to anyone else who wanted them, through our <a href="http://electionresults.publicradio.org/collections/special/2006/campaign/results/widget/">election results widget</a>. Places who used it ranged from personal sites to political bloggers to small town papers to political parties themselves, and the customization ranged anywhere from <a href="http://www.looncommons.org/">not having to do much</a> to <a href="http://www.mnpublius.com/elections-2006/">a fantastic super-customized approach</a>. There were even times were you could get our results faster from somewhere other than our own site, due to our traffic load. This may seem strange, but I think that&#8217;s kind of an awesome public service.</p>
<p>In general the night went rather smooth, even while having almost 10x the usual amount of traffic. The data retrieval from the Secretary of State slowed up a bit later in the evening due to a similar kind of media crunch on their end, but data still eked out along the way. I&#8217;d love to hear any comments or criticism on anything you see on the site or in the interactive maps, because hey, I hear this kind of thing is happening again in a few years.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/11/08/election-night/feed/</wfw:commentRss>
		</item>
		<item>
		<title>links for 2006-10-26</title>
		<link>http://www.magnetbox.com/2006/10/26/links-for-2006-10-26/</link>
		<comments>http://www.magnetbox.com/2006/10/26/links-for-2006-10-26/#comments</comments>
		<pubDate>Thu, 26 Oct 2006 23:26:51 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Bookmarks]]></category>

		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/26/links-for-2006-10-26/</guid>
		<description><![CDATA[

The worst political Web sites
Some fantastic images of terrible candidate web sites. The killer margaritas are awesome.
(tags: web design politics comedy)


Neighboroo
Heat maps of the US displaying several datasets like politics, air quality, home price, crime rate, unemployment, race, etc.
(tags: google map crime politics data housing)


Haunted places in the Twin Cities
(tags: twincities)


The Game System Wars
Using Amazon [...]]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://news.com.com/2300-1028_3-6129164-1.html?tag=ne.gall.pg">The worst political Web sites</a></div>
<div class="delicious-extended">Some fantastic images of terrible candidate web sites. The killer margaritas are awesome.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/design">design</a> <a href="http://del.icio.us/magnetbox/politics">politics</a> <a href="http://del.icio.us/magnetbox/comedy">comedy</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.neighboroo.com/">Neighboroo</a></div>
<div class="delicious-extended">Heat maps of the US displaying several datasets like politics, air quality, home price, crime rate, unemployment, race, etc.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/google">google</a> <a href="http://del.icio.us/magnetbox/map">map</a> <a href="http://del.icio.us/magnetbox/crime">crime</a> <a href="http://del.icio.us/magnetbox/politics">politics</a> <a href="http://del.icio.us/magnetbox/data">data</a> <a href="http://del.icio.us/magnetbox/housing">housing</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.pulsetc.com/article.php?sid=2774">Haunted places in the Twin Cities</a></div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/twincities">twincities</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.gamesystemwars.com/index.cfm">The Game System Wars</a></div>
<div class="delicious-extended">Using Amazon data to track the popularity of video game systems.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/game">game</a> <a href="http://del.icio.us/magnetbox/data">data</a> <a href="http://del.icio.us/magnetbox/amazon">amazon</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://infolab.northwestern.edu/project.asp?id=40">News At Seven</a></div>
<div class="delicious-extended">Gathers news articles from the web, combines it with relevant images and blogs commentary, and presents it like a television newscast, with a virtual anchor that reads the news via text-to-speech.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/news">news</a> <a href="http://del.icio.us/magnetbox/future">future</a>)</div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/26/links-for-2006-10-26/feed/</wfw:commentRss>
		</item>
		<item>
		<title>links for 2006-10-23</title>
		<link>http://www.magnetbox.com/2006/10/23/links-for-2006-10-23/</link>
		<comments>http://www.magnetbox.com/2006/10/23/links-for-2006-10-23/#comments</comments>
		<pubDate>Mon, 23 Oct 2006 23:34:47 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Bookmarks]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/23/links-for-2006-10-23/</guid>
		<description><![CDATA[

Hollywood Reporter site rolls out clean redesign
It is following the welcome trend of focusing on the content instead of overdesigning the site.
(tags: web design news)


]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://www.lostremote.com/2006/10/22/hollywood-reporter-site-rolls-out-clean-redesign/">Hollywood Reporter site rolls out clean redesign</a></div>
<div class="delicious-extended">It is following the welcome trend of focusing on the content instead of overdesigning the site.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/design">design</a> <a href="http://del.icio.us/magnetbox/news">news</a>)</div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/23/links-for-2006-10-23/feed/</wfw:commentRss>
		</item>
		<item>
		<title>links for 2006-10-15</title>
		<link>http://www.magnetbox.com/2006/10/15/links-for-2006-10-15/</link>
		<comments>http://www.magnetbox.com/2006/10/15/links-for-2006-10-15/#comments</comments>
		<pubDate>Sun, 15 Oct 2006 23:25:37 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Bookmarks]]></category>

		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/15/links-for-2006-10-15/</guid>
		<description><![CDATA[

Newspapers 2.0
Doc Searls offers ten hopefully helpful clues for a newspaper online.
(tags: web design news work)


]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://doc.weblogs.com/2006/10/05#newspapers20">Newspapers 2.0</a></div>
<div class="delicious-extended">Doc Searls offers ten hopefully helpful clues for a newspaper online.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/design">design</a> <a href="http://del.icio.us/magnetbox/news">news</a> <a href="http://del.icio.us/magnetbox/work">work</a>)</div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/15/links-for-2006-10-15/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The olden days of online news</title>
		<link>http://www.magnetbox.com/2006/10/10/the-olden-days-of-online-news/</link>
		<comments>http://www.magnetbox.com/2006/10/10/the-olden-days-of-online-news/#comments</comments>
		<pubDate>Tue, 10 Oct 2006 18:40:01 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/10/the-olden-days-of-online-news/</guid>
		<description><![CDATA[In reading this article entitled &#8220;Newspaper.com visitors up by nearly a third, NAA says&#8221;, I didn&#8217;t realize that &#8220;newspaper.com visitors&#8221; was just a way of saying &#8220;online newspaper visitors&#8221; in a general sense, so I was quite surprised when I got to the real newspaper.com.
At the site, it is not a newspaper conglomerate such as [...]]]></description>
			<content:encoded><![CDATA[<p>In reading <a href="http://www.onsquared.com/2006/10/newspapercom_visitors_up_by_ne.php">this article entitled &#8220;Newspaper.com visitors up by nearly a third, NAA says&#8221;</a>, I didn&#8217;t realize that &#8220;newspaper.com visitors&#8221; was just a way of saying &#8220;online newspaper visitors&#8221; in a general sense, so I was quite surprised when I got to the real <a href="http://www.newspaper.com">newspaper.com</a>.</p>
<p>At the site, it is not a newspaper conglomerate such as News Corp, Gannett or Knight-Ridder, but instead some fantastic screenshots of &#8220;the world&#8217;s first international multimedia online newspaper, <em>News In Motion</em>&#8220;, which existed from 1993-1996 and was eventually usurped by the web. My guess is that the reason the site is still around is because the domain name is worth a pretty penny, but it&#8217;s still nice to see some insight into some older online news thinking with the splash page, ISSN number, and button navigation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/10/the-olden-days-of-online-news/feed/</wfw:commentRss>
		</item>
		<item>
		<title>links for 2006-10-09</title>
		<link>http://www.magnetbox.com/2006/10/09/links-for-2006-10-09/</link>
		<comments>http://www.magnetbox.com/2006/10/09/links-for-2006-10-09/#comments</comments>
		<pubDate>Mon, 09 Oct 2006 23:28:13 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Bookmarks]]></category>

		<category><![CDATA[Music]]></category>

		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/09/links-for-2006-10-09/</guid>
		<description><![CDATA[

A flow chart on whether or not you should create an all Flash web site
(tags: web design flash comedy)


The Long Zoom
(tags: game design)


First Look: A showcase for new features and services being developing for NYTimes.com
(tags: web design news work)


Gothamist breaking news map
(tags: crime google map news work)


Rentometer: find out how good your rent is comparable [...]]]></description>
			<content:encoded><![CDATA[<ul class="delicious">
<li>
<div class="delicious-link"><a href="http://www.thegooglecache.com/?p=46">A flow chart on whether or not you should create an all Flash web site</a></div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/design">design</a> <a href="http://del.icio.us/magnetbox/flash">flash</a> <a href="http://del.icio.us/magnetbox/comedy">comedy</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.nytimes.com/2006/10/08/magazine/08games.html?_r=1&#038;oref=slogin&#038;pagewanted=all">The Long Zoom</a></div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/game">game</a> <a href="http://del.icio.us/magnetbox/design">design</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://firstlook.nytimes.com/">First Look: A showcase for new features and services being developing for NYTimes.com</a></div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/design">design</a> <a href="http://del.icio.us/magnetbox/news">news</a> <a href="http://del.icio.us/magnetbox/work">work</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.gothamist.com/labs/map">Gothamist breaking news map</a></div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/crime">crime</a> <a href="http://del.icio.us/magnetbox/google">google</a> <a href="http://del.icio.us/magnetbox/map">map</a> <a href="http://del.icio.us/magnetbox/news">news</a> <a href="http://del.icio.us/magnetbox/work">work</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.rentometer.com/">Rentometer: find out how good your rent is comparable to nearby places</a></div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/apartment">apartment</a> <a href="http://del.icio.us/magnetbox/money">money</a> <a href="http://del.icio.us/magnetbox/google">google</a> <a href="http://del.icio.us/magnetbox/map">map</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.useit.com/alertbox/participation_inequality.html">Participation Inequality: Encouraging more users to contribute</a></div>
<div class="delicious-extended">In most online systems, 90% of users are lurkers who never contribute, 9% of users contribute a little, and 1% of users account for almost all the action.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/web">web</a> <a href="http://del.icio.us/magnetbox/culture">culture</a>)</div>
</li>
<li>
<div class="delicious-link"><a href="http://www.soundflavor.com/download/">Soundflavor DJ</a></div>
<div class="delicious-extended">Creates playlists from your library, finds new music &#8220;by sound,&#8221; and helps rediscover great songs you own but may have forgotten about.</div>
<div class="delicious-tags">(tags: <a href="http://del.icio.us/magnetbox/itunes">itunes</a> <a href="http://del.icio.us/magnetbox/music">music</a> <a href="http://del.icio.us/magnetbox/playlist">playlist</a>)</div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/09/links-for-2006-10-09/feed/</wfw:commentRss>
		</item>
		<item>
		<title>A cyclical call to arms for weblogs</title>
		<link>http://www.magnetbox.com/2006/10/04/a-cyclical-call-to-arms-for-weblogs/</link>
		<comments>http://www.magnetbox.com/2006/10/04/a-cyclical-call-to-arms-for-weblogs/#comments</comments>
		<pubDate>Wed, 04 Oct 2006 14:51:50 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/04/a-cyclical-call-to-arms-for-weblogs/</guid>
		<description><![CDATA[There are a lot of mixed feelings I get when I see people like Jeffrey, Greg, and Tomas talk about the lament of blogs and design. 
For one, it&#8217;s nice to see that people are in the same boat as me, where sometimes there&#8217;s no time or inspiration to blog. Sometimes you need a break, [...]]]></description>
			<content:encoded><![CDATA[<p>There are a lot of mixed feelings I get when I see people like <a href="http://www.zeldman.com/2006/09/29/blahg/">Jeffrey</a>, <a href="http://www.airbagindustries.com/archives/airbag/boxes.php">Greg</a>, and <a href="http://jogin.com/2006/10/4/uninspired">Tomas</a> talk about the lament of blogs and design. </p>
<p>For one, it&#8217;s nice to see that people are in the same boat as me, where sometimes there&#8217;s no time or inspiration to blog. Sometimes you need a break, sometimes a break needs you. Sure, when people can&#8217;t or don&#8217;t post, I don&#8217;t get to read them&#8230; but I understand.</p>
<p>Also, it&#8217;s nice to see that people still care about taking the time to craft something, particularly around the web and blogs. The bad part about that is that since people keep bringing it up every year or two, it&#8217;s not done. The good part about that is if you&#8217;re interested in helping craft a solution, it&#8217;s not done.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/04/a-cyclical-call-to-arms-for-weblogs/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Should photos be considered printer-friendly?</title>
		<link>http://www.magnetbox.com/2006/10/03/should-photos-be-considered-printer-friendly/</link>
		<comments>http://www.magnetbox.com/2006/10/03/should-photos-be-considered-printer-friendly/#comments</comments>
		<pubDate>Tue, 03 Oct 2006 22:31:02 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2006/10/03/should-photos-be-considered-printer-friendly/</guid>
		<description><![CDATA[Recently someone at work printed an article from our site (like this one, for example) and wondered where the images were.
If you print it (or save some trees and just look at a print preview to see what you would get), you will notice that the presentation is largely different from what you get on [...]]]></description>
			<content:encoded><![CDATA[<p>Recently someone at work printed an article from our site (like <a href="http://minnesota.publicradio.org/display/web/2006/10/02/powellum/">this one</a>, for example) and wondered where the images were.</p>
<p>If you print it (or save some trees and just look at a print preview to see what you would get), you will notice that the presentation is largely different from what you get on the web. It is using print styles in the CSS to hide various things, such as the navigation, sidebars, and photos. It also displays a different, more minimal footer. What this printer-ized version tells you is where it came from, how to contact them, and the text of the story.</p>
<p>One argument for <em>not</em> displaying the photos is based on why people print out web pages: simple reading, reference, filing, or forwarding. Another argument is printer ink: The majority of people who tested this site mentioned that the reason they choose &#8220;printer-friendly&#8221; or text-only versions of a page was so that the images would not print. Why? The cost of printer ink. Printer ink <a href="http://news.bbc.co.uk/2/hi/technology/3035500.stm">costs more per drop than vintage Dom Perignon</a>, so that&#8217;s quite understandable.</p>
<p>One stated argument <em>for</em> printing the photos is that, since this is a news story, they are also &#8220;telling the story&#8221; and thus should be preserved.</p>
<p>I really don&#8217;t know that there is one true answer to this, but I&#8217;m interested in your opinion on the matter, or perhaps some more arguments for and against printing photos from a web page. What do you think?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2006/10/03/should-photos-be-considered-printer-friendly/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Well-designed news sites</title>
		<link>http://www.magnetbox.com/2005/06/16/well-designed-news-sites/</link>
		<comments>http://www.magnetbox.com/2005/06/16/well-designed-news-sites/#comments</comments>
		<pubDate>Thu, 16 Jun 2005 21:10:00 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[News/Journalism]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.magnetbox.com/index.php/2005/06/16/well-designed-news-sites/</guid>
		<description><![CDATA[Over time I have bookmarked news media sites that I find particularly well-designed. In particular I like to have the home page be the largest factor because of all that it usually has to cover, but I am also interested in well-designed &#8220;common&#8221; pages, such as a simple news article or collection/index of news articles. [...]]]></description>
			<content:encoded><![CDATA[<p>Over time I have bookmarked news media sites that I find particularly well-designed. In particular I like to have the home page be the largest factor because of all that it usually has to cover, but I am also interested in well-designed &#8220;common&#8221; pages, such as a simple news article or collection/index of news articles. I am posting them for posterity&#8217;s sake, but also to hopefully garner some suggestions from the audience on sites that I am missing out on. These could be television, newspaper, radio, strictly online, or perhaps even something loosely based on any one of those. Here they are, in no particular order:</p>
<ul>
<li><a href="http://www.bbc.co.uk/">BBC</a>
<p>I actually liked their previous iterations better, but this home page is still an exercise in clarity and simplicity, given the scope of the organization. I wish more people could sell designs like this to similarly-sized companies.</p>
</li>
<li><a href="http://www.br-online.de/">Bayersicher Rundfunk</a>
<p>Nothing particularly breathtaking, but definitely organized and fairly uncluttered given the circumstances.</p>
</li>
<li><a href="http://www.abc.net.au/">Australian Broadcasting Corporation</a>
<p>An excellent example of an organized bevy of text links. Could use some design polish, but it is very skimmable (is that a word?)</p>
</li>
<li><a href="http://www.wbez.org/">Chicago Public Radio</a>
<p>Nothing spectacular here, but a decent sense of design and restraint (although possibly because the rest of the site is fairly shallow.)</p>
</li>
<li><a href="http://www.dw-world.de">Deutsche Welle</a>
<p>The top navigation, map, and graphical arc are a poor use of real estate, but the rest of the page is templated and fairly well kept. This site would probably go downhill real fast if it had banner ads.</p>
</li>
<li><a href="http://www.dradio.de/">dradio.de</a>
<p>I love the boxed grid system, the simplicity of the navigation, and the choice of HTML over graphics in alot of places. Although some might argue the grayscale color scheme is a bit boring, I like how they use blue/red combo to both make the radio services stand out from the gray, and also connect the radio services from the top navigation to the right content column. A terribly clean gridded design.</p>
</li>
<li><a href="http://www.drs.ch">Schweizer Radio DRS</a>
<p>An excellent grid system on several pages. I particularly like the display of the radio services across the middle. Although I&#8217;m not a fan of color-coding every section of a web sites, they at least handle it well by termpering everything with alot of gray. The news stories need some help, and those photos in the bottom right of people with headphones frighten me.</p>
</li>
<li><a href="http://www.inc.com">Inc.com</a>
<p>For all the ads and ad-like content on the homepage, I can still skim fairly well. The icon system and font size/color variety help alot with that. I love that header bar. Great design on the home and story pages, especially with way too many ads.</p>
</li>
<li><a href="http://www.iht.com">International Herald Tribune</a>
<p>The poster child for out-of-the-box news story thinking. The clippings feature and the customizable three-column pageable story text have been around for years, and people are still trying to copy it. Amazing stuff. Clean, simple, excellent grid system. I don&#8217;t think I&#8217;m alone in this, but I totally love the serif headline with sans text. I&#8217;m also a sucker for horizontal line backgrounds, good icon sets, and (if you hadn&#8217;t noticed it yet) grayscale color themes.</p>
</li>
<li><a href="http://www.ljworld.com/">Lawrence Journal-World</a>
<p>The poster child for news site innovation in (at least) the U.S., along with it&#8217;s sister site <a href="http://www.lawrence.com">lawrence.com</a>. Decent grid system and color scheme, but I also wish they would use HTML more often, like for the &#8220;services&#8221; block, and for all the section headers on the page like &#8220;latest stories&#8221; and &#8220;local sports&#8221;. (By the way, what the hell are &#8220;top ads&#8221;? Who are you kidding?) I like the potential of the very large graphical news block at the top, but I&#8217;ve never seen it executed to much effect. The photos and accompanying display font text are lacking. Can&#8217;t get enough of the dynamic weather graphic.</p>
</li>
<li><a href="http://www.mdr.de/">MDR (Mitteldeutscher Rundfunk)</a>
<p>I absolutely love the cropped horizontal photo space on the home page. The simple navigation, grid, and color scheme aren&#8217;t half bad either. I like the balance of HTML  text/navigation and graphics/photos.</p>
</li>
<li><a href="http://www.ndr.de/">NDR (Norddeutsche Rundfunk)</a>
<p>I&#8217;m a big fan of the top navigation bar with the logo, photos, sharp colors, and subtle rollover links. Great grid, good typography. The double-wide photo space on the first story in a list is a nice touch.</p>
</li>
<li><a href="http://www.wdr.de">WDR (Westdeutscher Rundfunk)</a>
<p>Lots of spacing, big text, and thumbnails. The icon system could use a little work, but at least they have one. A very clean design, with a good balance of text and graphics.</p>
</li>
</ul>
<p>I will add more comments to the rest of these as I get more time&#8230;</p>
<ul>
<li><a href="http://www.marumushi.com/apps/newsmap/newsmap.cfm">Newsmap</a>
</li>
<li><a href="http://www.pbs.org">PBS (Public Broadcasting System)</a>
</li>
<li><a href="http://www.rte.ie">RTE (Radio Telefis Eirann)</a>
</li>
<li><a href="http://www.sbs.com.au">Special Broadcasting Service</a>
</li>
<li><a href="http://www.wbur.org">WBUR</a>
</li>
<li><a href="http://www.wgbh.org">WGBH</a>
</li>
<li><a href="http://www.radiomayak.ru/">Radio Mark</a>
</li>
<li><a href="http://www.sfexaminer.com">San Francisco Examiner</a>
</li>
<li><a href="http://www.timesonline.co.uk/">Times Online</a>
</li>
<li><a href="http://www.rcinet.ca/rci/en/">Radio Canada International</a>
</li>
<li><a href="http://www.courant.com/">Hartford Courant</a>
</li>
<li><a href="http://www.supernaturale.com/">SuperNaturale</a>
</li>
<li><a href="http://www.child.com/">Child.com</a>
</li>
<li><a href="http://seattletimes.nwsource.com">Seattle Times</a>
</li>
<li><a href="http://www.thirteen.org">Thirteen/WNET</a>
</li>
<li><a href="http://abcnews.go.com/">ABC News</a>
</li>
<li><a href="http://www.guerrillanews.com/">Guerilla News Network</a>
</li>
<li><a href="http://www.alternet.org/">AlterNet</a>
</li>
<li><a href="http://www.canoe.ca">CANOE (Canadian Online Explorer)</a>
</li>
<li><a href="http://www.cambridge-news.co.uk/">Cambridge News</a>
</li>
<li><a href="http://www.sacbee.com/">Sacramento Bee</a>
</li>
<li><a href="http://www.knoxnews.com">Knoxville News Sentinel</a>
</li>
<li><a href="http://www.wcco.com/">WCCO</a>
</li>
</ul>
<p>Please add suggestions in the comments!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.magnetbox.com/2005/06/16/well-designed-news-sites/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
