<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feed.damieng.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>DamienG</title>
	
	<link>http://damieng.com</link>
	<description>A .NET developer in silicon valley</description>
	<lastBuildDate>Tue, 17 Jan 2012 01:40:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feed.damieng.com/DamienG" /><feedburner:info uri="damieng" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feed.damieng.com/DamienG" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeed.damieng.com%2FDamienG" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><item>
		<title>Designing a great API</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/NURnDoUpvwU/designing-a-great-api</link>
		<comments>http://damieng.com/blog/2011/11/29/designing-a-great-api#comments</comments>
		<pubDate>Tue, 29 Nov 2011 09:16:44 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[.NET]]></category>
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=2311</guid>
		<description>Several years ago I worked on a payroll package developing a core engine that required an API to let third parties write calculations, validations and security gates that would execute as part of it&amp;#8217;s regular operation. We were a small team and I had many conversations with another developer tasked with building a payroll using</description>
			<content:encoded><![CDATA[<p>Several years ago I worked on a payroll package developing a core engine that required an API to let third parties write calculations, validations and security gates that would execute as part of it&#8217;s regular operation.</p>
<p>We were a small team and I had many conversations with another developer tasked with building a payroll using the API I would provide. Some methods here, classes there, the odd helper function and I had an API and then we had a mini payroll running.</p>
<p>Then he showed me the code he had written and that smug grin dropped off my face. It was awful.</p>
<p>Perhaps this other developer wasn&#8217;t as great as I&#8217;d thought? Looking at the code though made me realise he had done the best anyone could with a terrible API. I&#8217;d exposed parts of this core payroll engine with hooks when it needed a decision. Its job was to run the payroll &#8211; a very complex task that involved storage, translation, time periods, users and companies. That complexity and context had leaked out.</p>
<p>Unfortunately it&#8217;s not a unique story &#8211; many API&#8217;s are terrible to use. They&#8217;re concerned with their own terminology, limitations and quirks because they are exposed sections of an underlying system developed by those responsible for the underlying system.</p>
<p>If you want others to have a good experience with your product you have to put yourself in their shoes. Whether it&#8217;s a UI or an API makes no difference.</p>
<h3>You are not the user</h3>
<p>That&#8217;s the real difference between writing the classes that form your regular implementation and those that make up your public API.</p>
<p>We had time to fix our payroll API. Instead of refining and polishing here and there we took the 20 or so snippets developed for the mini payroll and pruned, cleaned and polished until they looked beautiful. They scanned well and made sense to payroll developers unfamiliar with our package. When a third developer familiar with payrolls but unfamiliar with out package developed the necessary code for a fully-functional jurisdiction in record time with minimal assistance we knew we had hit our goal.</p>
<p>Sure implementing that new API was hard work. Instead of simple methods sticking out of the engine we had a <a href="http://en.wikipedia.org/wiki/Facade_pattern">facade</a> over our engine but it was justified. They were two different systems for two different types of user with distinct ideas about what the system was and how it was going to be used.</p>
<h3>Code First</h3>
<p>Many years later I found myself on a small team of 3 people tasked with putting a brand new API on top of Entity Framework for configuring models with code the .NET world would come to know as Code First. I was determined to use my experience and avoid another complex API surface littered with terminology and leaky abstractions. Parts of EF already suffered from that problem.</p>
<p>So for the first few weeks of that project we didn&#8217;t write any of the code that would in fact become Code First.</p>
<p>Instead we decided who our user was &#8211; in this case a C# developer who likes writing code, knows LINQ and some database concepts but doesn&#8217;t know Entity Framework as people who did were already using Model First or Database First.</p>
<p>Then we wrote tiny sample apps and tried to find simpler and simpler ways to describe them in code. We&#8217;d often start on a whiteboard with a scenario and write the complete mapping. We&#8217;d then try and find conventions that would remove the need for most of it and then try to write succinct code to configure the rest. As the newest guy to the team I&#8217;d fight to keep EF terms away from the main API surface in order to reduce that barrier to entry and help drive adoption.</p>
<p>Finally we&#8217;d hit the computer and develop stub classes and methods to make samples compile and let us try the IntelliSense. This isn&#8217;t always necessary but if you want to develop a fluent API or provide lots of type-safety such as Code First&#8217;s relationship mapping it&#8217;s highly recommended.</p>
<p>We&#8217;d then revisit the samples later and see if they could be read as easily as they were written and figure out what problems people were likely to run into and whether we could solve them without too much noise. Sometimes this meant having more than one way to do things such as chaining the fluent methods or allowing a bunch of properties to be set (solved with an extension method class providing the fluent API) and how users could manage larger models (solved by subclassing EntityConfiguration&lt;T&gt; &#8211; now EntityTypeConfiguration&lt;T&gt; sigh &#8211; and allowing redundant specification for things like relationships that span more than one class).</p>
<p>We finally ended up with succinct code like this with IntelliSense guiding you along the way and preventing you from even being able to specify invalid combinations. The HasMany prompts the properties on Customer and it won&#8217;t show you WithRequired unless it is valid. In the case of Required to Required it will ensure that the WithRequired specified which end is principle and dependent. In short it guides you through the process and results in highly readable code.</p>
<pre><code>Entity&lt;Customer&gt;().HasMany(c =&gt; c.Orders).WithRequired(o =&gt; o.Customer).WillCascadeOnDelete();</code></pre>
<p>This process took a little longer but given the amount of use the API will get that time will be saved by users countless times over.</p>
<p>Code First went down incredibly well with both the target audience and existing EF users and inspired the simpler DbContext interface that became the recommended way of accessing EF.</p>
<p>I think it&#8217;s one of the nicest API&#8217;s to come out of Microsoft and .NET.</p>
<p><em>[)amien</em></p>
<p>PS. Martin Fowler has some great guidance in his book <a href="http://www.amazon.com/gp/product/0321712943/ref=as_li_ss_tl?ie=UTF8&amp;tag=dam-20&amp;linkCode=as2&amp;camp=217145&amp;creative=399369&amp;creativeASIN=0321712943">Domain Specific Languages</a>.</p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=NURnDoUpvwU:2h8ZjQiSHn8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=NURnDoUpvwU:2h8ZjQiSHn8:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=NURnDoUpvwU:2h8ZjQiSHn8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/NURnDoUpvwU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/11/29/designing-a-great-api/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/11/29/designing-a-great-api?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=designing-a-great-api</feedburner:origLink></item>
		<item>
		<title>My one-year check-in with my Windows Phone 7</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/WN3z6PobcRE/my-one-year-check-in-with-my-windows-phone-7</link>
		<comments>http://damieng.com/blog/2011/11/21/my-one-year-check-in-with-my-windows-phone-7#comments</comments>
		<pubDate>Tue, 22 Nov 2011 05:37:07 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[windows phone]]></category>
		<category><![CDATA[wp7]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=2258</guid>
		<description>It&amp;#8217;s been almost a year since I bit the Windows Phone 7 bullet and put my iPhone 3G away. As a long-time Mac fan (our house is nothing but Macs) I wasn&amp;#8217;t sure I&amp;#8217;d last&amp;#8230; Contact &amp;#38; calendar management Contact and calendar management is truly awesome as I wrote about previously. With the latest mango</description>
			<content:encoded><![CDATA[<p>It&#8217;s been almost a year since I <a href="http://damieng.com/blog/2010/12/26/three-weeks-with-windows-phone-7-a-mac-users-perspective">bit the Windows Phone 7 bullet and put my iPhone 3G away</a>. As a long-time Mac fan (our house is nothing but Macs) I wasn&#8217;t sure I&#8217;d last&#8230;</p>
<h3>Contact &amp; calendar management</h3>
<p>Contact and calendar management is truly awesome as I wrote about previously. With the latest mango release Twitter and LinkedIn get brought into this unified system and messages that start with a text message can switch in and out of Facebook and Live Messenger as available.</p>
<p>What has this meant? Over the last year I&#8217;ve barely had to maintain contacts. Whenever I need to get hold of someone the information is there. If I want to see what they&#8217;re doing, it&#8217;s there. You can pin people to your start menu so having it automatically pick up a photo from a service is another bonus.</p>
<p>My Windows Phone is better for this than any other system I&#8217;ve used including my desktops.</p>
<h3>Gorgeous user interface</h3>
<p>The metro user interface is beautiful to use. It&#8217;s clear, fluid and fast and makes using the phone a breeze. You can see why Microsoft are adopting a similar user interface for their upcoming <a href="http://www.engadget.com/2011/09/09/xbox-live-fall-2011-dashboard-update-preview-bing-search-voice/">Xbox dashboard</a> and seeing how far they can push the concept in <a href="http://channel9.msdn.com/Blogs/BUILD-Conference-Highlights/Behind-the-Windows-8-UI">Windows 8</a>.</p>
<p>Such a bright fast user interface works best on the AMOLED displays such as that on the Focus &#8211; the LCD refresh rates on the HD7 for example seem to struggle with scrolling resulting in a shimmering on the screen.</p>
<h3>Tasty Mango</h3>
<ul>
<li><b>Maps</b> now includes both turn-by-turn directions (although you have to tap the screen after each one) and a useful Scout function that shows you nearby places to eat and visit.</li>
<li><b>Multitasking</b> is a breeze, just double-tap the back button and visually pick the image showing the app you want to switch to. Not all apps support this yet but it&#8217;s getting better.</li>
<li><b>Voice</b> has been underplayed &#8211; it&#8217;s like a mini Siri that can do a few things by voice activation such as calling people, finding places with Bing, opening applications and sending text messages. Just hold the Windows key to activate and speak :)</li>
<li><b>Power saver</b> is a life-saver and something that Apple should be copying given recent iOS battery issues. It turns off wireless, email checking etc. either when you know battery is going or automatically when low and gets you through the tough spots.</li>
<li><b>Background music</b> means not only can you play music in background with the built-in Zune stuff but even third party apps like Spotify can too! The controls and track names will appear on the lock screen and slide in anywhere you adjust the volume.</li>
</ul>
<h3>Hardware choice</h3>
<p>I currently own a <a href="http://www.samsung.com/us/mobile/cell-phones/SGH-I917ZKAATT">Samsung Focus</a> on AT&amp;T and regularly get to use both a <a href="http://www.htc.com/www/smartphones/htc-hd7/">HTC HD7</a> on T-Mobile and a <a href="http://www.htc.com/www/smartphones/htc-7-trophy/">HTC 7 Trophy</a> on Verizon for testing.</p>
<p>Having a <a href="http://en.wikipedia.org/wiki/List_of_Windows_Phone_devices">choice of hardware is great</a> &#8211; you can pick the screen size (from 3.5&#8243; to 4.7&#8243;), type, speed (1GHz to 1.5GHz) and specifications including slide-out keyboards, microSD expansion slots, a waterproof model and up to a 13.2 megapixel camera.</p>
<p>The negative side of having choice is that all the devices I&#8217;ve used have a combination of matt and shiny plastics none of which have the same quality feeling as the iPhone 4&#8242;s aluminum and glass. The LCD displays and the Super AMOLED with it&#8217;s <a href="http://en.wikipedia.org/wiki/PenTile_matrix_family">PenTile display</a> also don&#8217;t look as gorgeous as the iPhone retina display and has a sort of dithered effect with some solid colors when viewed closely.</p>
<p>Here&#8217;s hoping the <a href="http://www.bgr.com/2011/11/21/nokia-lumia-800-review/">Nokia Lumia 800</a> raises the bar.</p>
<h3>Most favorite apps available</h3>
<p>The thing that really made the iPhone were apps. The good news is the best ones are also on Windows Phone 7 too often making better use of the display through the metro style they adopt.</p>
<style text="text/css">.horiz { margin: 0; padding: 0; list-style-type: none } .horiz li { margin: 0; padding: 1px; display: inline }</style>
<ul class="horiz">
<li><a href="http://www.windowsphone.com/en-US/apps/48195fb4-ee0e-e011-9264-00237de2db9e"><img title="Amazon Kindle" src="http://catalog.zune.net/v3.2/en-US/apps/48195fb4-ee0e-e011-9264-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Amazon Kindle" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/db21927d-f292-e011-986b-78e7d1fa76f8"><img title="Evernote" src="http://catalog.zune.net/v3.2/en-US/apps/db21927d-f292-e011-986b-78e7d1fa76f8/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Evernote" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/82a23635-5bd9-df11-a844-00237de2db9e"><img title="Facebook" src="http://catalog.zune.net/v3.2/en-US/apps/82a23635-5bd9-df11-a844-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Facebook" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/7dc02baf-a7d6-df11-a844-00237de2db9e"><img title="Flixster" src="http://catalog.zune.net/v3.2/en-US/apps/7dc02baf-a7d6-df11-a844-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Flixster" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/26cf3302-469f-e011-986b-78e7d1fa76f8"><img title="foursquare" src="http://catalog.zune.net/v3.2/en-US/apps/26cf3302-469f-e011-986b-78e7d1fa76f8/primaryImage?width=95&amp;height=95&amp;resize=true" alt="foursquare" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/ff971299-eed8-df11-a844-00237de2db9e"><img title="IMDB" src="http://catalog.zune.net/v3.2/en-US/apps/ff971299-eed8-df11-a844-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="IMDB" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/c3a509cd-61d6-df11-a844-00237de2db9e"><img title="Netflix" src="http://catalog.zune.net/v3.2/en-US/apps/c3a509cd-61d6-df11-a844-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Netflix" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/ca8d6603-a9ae-4a05-8643-baad091ecdd1"><img title="Spotify" src="http://catalog.zune.net/v3.2/en-US/apps/ca8d6603-a9ae-4a05-8643-baad091ecdd1/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Spotify" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/0b792c7c-14dc-df11-a844-00237de2db9e"><img title="Twitter" src="http://catalog.zune.net/v3.2/en-US/apps/0b792c7c-14dc-df11-a844-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="Twitter" /></a></li>
<li><a href="http://www.windowsphone.com/en-US/apps/dcbb1ac6-a89a-df11-a490-00237de2db9e"><img title="YouTube" src="http://catalog.zune.net/v3.2/en-US/apps/dcbb1ac6-a89a-df11-a490-00237de2db9e/primaryImage?width=95&amp;height=95&amp;resize=true" alt="YouTube" /></a></li>
</ul>
<p>There are of course many extra <a href="www.windowsphone.com/marketplace">great applications and games available in the marketplace</a> and games usually count towards your Xbox LIVE gamerscore :)</p>
<p>Some notable omissions still exist including Pandora (can play on the site though) and Skype (only a matter of time given Microsoft&#8217;s acquisition).</p>
<h3>Some cool extras</h3>
<h4>Hidden features</h4>
<ul>
<li><strong>Calendar</strong> can skip between months and years in month mode &#8211; just tap the month for a selector</li>
<li><strong>Calculator</strong> can turn into a scientific one when rotated left and a programmer one when rotated right</li>
</ul>
<p>You can also check and tweak all sorts of settings via the <a href="http://www.addictivetips.com/mobile/what-is-windows-phone-7-diagnosis-menu-how-to-tweak-your-wp7-phone/">diagnostic options</a>.</p>
<h4>Microsoft&#8217;s extra free apps</h4>
<p>Microsoft put together a bunch of slick small free apps that perfectly complement the metro style look and feel. They include:</p>
<ul>
<li><a href="http://www.windowsphone.com/en-US/apps/9abcf2c6-19db-df11-a844-00237de2db9e">World Clock</a> &#8211; Lets you setup a number of clocks around the world. Useful if you often converse with people in other time zones.</li>
<li><a href="http://www.windowsphone.com/en-US/apps/2cb7cda1-17d8-df11-a844-00237de2db9e">Tranlsator</a> &#8211; Text translation tool that also pronounces translations between English, French, German, Italian and Spanish.</li>
<li><a href="http://www.windowsphone.com/en-US/apps/ace44e54-1dd8-df11-a844-00237de2db9e">Weather</a> &#8211; Simple and convenient weather application that supports multiple locations.</li>
<li><a href="http://www.windowsphone.com/en-US/apps/0f69cc30-1bd8-df11-a844-00237de2db9e">Unit Converter</a> &#8211; Translate between various lengths, areas, volume, capacity etc.</li>
<li><a href="http://www.windowsphone.com/en-US/apps/7f056db6-17d8-df11-a844-00237de2db9e">Stocks</a> &#8211; Keep track of your stocks and the indexes.</li>
<li><a href="http://www.windowsphone.com/en-US/apps/f681c513-15d8-df11-a844-00237de2db9e">Shopping List</a> &#8211; Simple shopping list management.</li>
</ul>
<h3>The niggley bits</h3>
<p>While most of the WP7 experience is great there are some rough edges that even Mango hasn&#8217;t yet sorted out.</p>
<h4>Overly sensitive buttons</h4>
<p>It&#8217;s actually great having a back button and prevents wasting screen on a back button like iOS does. The problem however is that both the back and search buttons are overly sensitive. It&#8217;s difficult to hold the phone in one hand and use it without your thumb hitting the pesky back button. It&#8217;s unfortunately something even the Xbox 360 slim picked up with the eject mechanism which is suitably annoying when putting away a controller.</p>
<p><b>Microsoft should add code to limit button presses to a distinct no-touch, touch for 0.4s, no-touch process.</b></p>
<h4>Volume control</h4>
<p>For some reason the phone has only one volume control that is shared by both applications and the ring-tone so if you&#8217;re the sort of person who like your phone low and your music loud you&#8217;re going to be constantly shifting back-and-forth and in my case that results in either embarrassing rings when it should be silent and silent rings when it should be working.</p>
<p><b>The volume control needs to be context sensitive. When in an app or the background music player is active adjust the audio volume otherwise adjust ringer volume.</b></p>
<h4>Equalizer settings</h4>
<p>There&#8217;s no sound equalizer settings so if you don&#8217;t like the sound coming from your speakers or headphones you&#8217;re stuck with it.</p>
<p><b>Build in a system-wide equalizer that at least affects the background music player.</b></p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=WN3z6PobcRE:n-gn5PnwXbY:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=WN3z6PobcRE:n-gn5PnwXbY:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=WN3z6PobcRE:n-gn5PnwXbY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/WN3z6PobcRE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/11/21/my-one-year-check-in-with-my-windows-phone-7/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/11/21/my-one-year-check-in-with-my-windows-phone-7?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=my-one-year-check-in-with-my-windows-phone-7</feedburner:origLink></item>
		<item>
		<title>Typography can be fun</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/W9RcLHdXZe4/typography-can-be-fun</link>
		<comments>http://damieng.com/blog/2011/11/19/typography-can-be-fun#comments</comments>
		<pubDate>Sat, 19 Nov 2011 22:40:36 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Fun]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=2247</guid>
		<description>People are always surprised when they hear you&amp;#8217;re interested in typography. The appreciation and interest in the shape of letters and symbols is definitely a little more unusual to find as a hobby but it&amp;#8217;s actually quite fun! Here&amp;#8217;s a few ideas I hope will prove my point. Play games The Rather Difficult Font Game</description>
			<content:encoded><![CDATA[<p>People are always surprised when they hear you&#8217;re interested in typography. The appreciation and interest in the shape of letters and symbols is definitely a little more unusual to find as a hobby but it&#8217;s actually quite fun!</p>
<p>Here&#8217;s a few ideas I <em>hope</em> will prove my point.</p>
<h2>Play games</h2>
<p><a href="http://ilovetypography.com/ifontgame/">The Rather Difficult Font Game</a><br />
This game shows you some text in a certain font then asks you to name the font from one of them in the list. It isn&#8217;t as difficult as the name sounds!</p>
<p><a href="http://deep.co.uk/games/font_game/">Deep Font Challenge</a><br />
Head down to the shooting gallery to blow away the letters from the typeface he wants or doesn&#8217;t want.</p>
<p><a href="http://cheeseorfont.com/">Cheese or Font</a><br />
Hmm, it&#8217;s odd how cheeses and typefaces often have similar names. See if you can tell the difference.</p>
<p><a href="http://type.method.ac/">Kern Type</a><br />
Many fonts contain extra information telling the computer how to adjust the spacing between individual pairs of letters. If you think of an AV for example the top of the V might start before the A ends or be very close. This game lets you move the letters around until you think you have optimal spacing then you can see how well you did.</p>
<p><a href="http://shape.method.ac/">Shape Type</a><br />
The ultimate font game! See if you can reshape disported letters back to their original forms by adjusting the lines and bezier curves. The computer will score your efforts by comparing to the original.</p>
<p><span class="Apple-style-span" style="font-size: 20px; font-weight: bold;">Find a font</span></p>
<p><a href="http://www.fontshop.com/blog/newsletters/">FontShop newsletter</a><br />
This newsletter is both infrequent and interesting so it gets to come directly to my inbox. It contains interesting new fonts, news and designer spotlights and is a great way of discovering new typefaces to use.</p>
<p><a href="http://www.identifont.com/">IdentiFont</a><br />
Asks you a series of specific questions about letters in the font on a continual process to narrow it down to the hopefully right one.</p>
<p><a href="http://new.myfonts.com/WhatTheFont/">WhatTheFont</a><br />
This tool is a little more automated, upload the picture and it should identify the letters although you may need to fine-tune the recognition (also available as an <a href="http://itunes.apple.com/app/whatthefont/id304304134?mt=8">iPhone app</a>)</p>
<p><a href="http://wallbase.cc/wallpaper/627904">So you need a typeface infographic</a><br />
This flowchart takes you through a bunch of decisions to choose a typeface. Don&#8217;t expect to find anything too original though!</p>
<h2>Smarten your site</h2>
<p>If you have a web site you might want to look at using a custom font to help stand-out from the crowd now that they are compatible across many browsers. Yes, I should do this for damieng.com :)</p>
<p><a href="http://www.fontsquirrel.com/">Font Squirrel</a><br />
Font squirrel have a great site full of many free fonts and have <a href="http://www.fontsquirrel.com/fontface">prepared the necessary font and CSS files</a> required for the subset available for use on web sites.</p>
<p><a href="http://www.google.com/webfonts">Google web fonts</a><br />
Google have almost 300 fonts available in their free web font directory right now and with just a couple of clicks can provide the necessary HTML, CSS import or Javascript necessary to use them in your pages. The fonts are served up from their servers too so you don&#8217;t need to worry about files or bandwidth.</p>
<p><a href="http://www.fontslive.com/">Fonts Live</a><br />
Monotype&#8217;s hosted service is similar to Google&#8217;s but contains just their own commercial fonts including well-known ones such as Museo, Gill Sans, Bodoni, Rockwell and many of Microsoft&#8217;s typefaces. Prices start at about $40 a year for small sites (250k visits a month) but they have 30-day free trials.</p>
<p><a href="http://webfonts.myfonts.com/">MyFonts WebFonts</a><br />
MyFonts have a huge collection of fonts &#8211; some 40,000+ &#8211; most of which are available to use on the web for the same price as buying the font. This makes it cheaper than FontsLive but you need to host the files and CSS on your own server.</p>
<h2>Offline fun</h2>
<p><a href="http://designtaxi.com/news/351020/Helveticards-Minimalist-Typography-Cards-for-the-Typophile-Gambler/">Playing cards</a><br />
These Helvetica based playing cards are very stylish, bold and modern. If you&#8217;re going to play cards why not do so with something a little different.</p>
<p><a href="http://www.tumblr.com/tagged/typodarium+2012">Typographical calendar</a><br />
Get a daily dose of typography in this compact little desk calendar. The designer&#8217;s equivalent of a word-a-day.</p>
<p><a href="http://www.helveticafilm.com/">Helvetica The Movie</a><br />
Not just a movie about the design of this iconic font but also the modern movement it was part of. If you like this keep an eye out for <a href="http://linotypefilm.com/">Linotype: The Movie</a> due in Feb 2012.</p>
<p>Typography t-shirts<br />
<a href="http://www.zazzle.com/typography+tshirts">Zazzle</a> has a lot of typography t-shirts as does <a href="http://typographyshop.com/line.html">TypographyShop</a> and <a href="http://shop.ugmonk.com/category/tees">Ugmonk</a>.</p>
<h2>Create your own</h2>
<p>If any of that has been enough to pique your interest why not have a go at designing your own font?</p>
<p><a href="http://fontstruct.com/">FontStruct</a> lets you start simply by building your own from a library of pre-build shapes you place on a grid. It&#8217;s like LEGO for typography and is very easy go get started.</p>
<p>If you have an iPad then you can also try out <a href="http://2ttf.com/">iFontMaker</a> for an easy way to make hand-drawn fonts (it lacks fine editing facilities). I actually used a <a href="http://tenonedesign.com/sketch.php">Pogo Sketch</a> for my <a href="http://2ttf.com/UjZ3WtVC">Damien Typewriter</a>  but it is too soft so you could try <a href="http://thenextweb.com/apple/2011/02/26/5-stylus-pens-and-brushes-perfect-for-ipad-artists/">other styluses</a>. Once you&#8217;re done it publishes to their <a href="http://2ttf.com/gallery">web gallery</a> where you can download the TrueType font and a Web Font too.</p>
<p>If you enjoy that but crave more control then try the free <a href="http://fontforge.sourceforge.net/">FontForge editor</a> which runs on many platforms and lets you create real fonts or hack apart other peoples (remember to not redistribute changes to other peoples fonts unless the licence allows it).</p>
<p>If you get stuck on some letters then try my favourite <a href="http://www.amazon.com/gp/product/0300111509/ref=as_li_ss_tl?ie=UTF8&amp;amp;tag=dam-20&amp;amp;linkCode=as2&amp;amp;camp=217145&amp;amp;creative=399369&amp;amp;creativeASIN=0300111509">Designing Type book</a> that devotes a page or two to each common character and shows how a number of well-known typefaces express it.</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=W9RcLHdXZe4:7ctqhtDMTws:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=W9RcLHdXZe4:7ctqhtDMTws:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=W9RcLHdXZe4:7ctqhtDMTws:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/W9RcLHdXZe4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/11/19/typography-can-be-fun/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/11/19/typography-can-be-fun?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=typography-can-be-fun</feedburner:origLink></item>
		<item>
		<title>Android’s Roboto system font for Ice Cream Sandwich</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/BHpzBCmj3Hs/androids-roboto-system-font-for-ice-cream-sandwich</link>
		<comments>http://damieng.com/blog/2011/10/19/androids-roboto-system-font-for-ice-cream-sandwich#comments</comments>
		<pubDate>Thu, 20 Oct 2011 05:44:10 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=2229</guid>
		<description>Google have switched system font for Android&amp;#8217;s latest release (known as Ice Cream Sandwich) from the Droid Family to a new typeface known as Roboto. Typographica opened today with a critique of the Roboto font which boils down to this: The similarity to Helvetica is obvious but that similarity can be drawn with many modern</description>
			<content:encoded><![CDATA[<p>Google have switched system font for Android&#8217;s latest release (known as <a href="http://reviews.cnet.com/8301-19736_7-20061501-251/ice-cream-sandwich-first-impressions-a-bold-new-android/">Ice Cream Sandwich</a>) from <a href="http://damieng.com/blog/2007/11/14/droid-font-family-courtesy-of-google-ascender">the Droid Family</a> to a new typeface known as Roboto.</p>
<p>Typographica opened today with a <a href="http://typographica.org/2011/on-typography/roboto-typeface-is-a-four-headed-frankenstein/">critique of the Roboto font</a> which boils down to this:</p>
<p><img src="http://images.damieng.com/blog/Roboto.png" alt="Roboto compared at Typographica" width="400" /></p>
<p>The similarity to Helvetica is obvious but that similarity can be drawn with many modern typefaces &#8211; the other comparisons are tenuous indeed:</p>
<ul>
<li><a href="http://dinfont.com">FF DIN</a> has little resemblance other than having straight edges on rounded letters. Lots of faces do that. <a href="http://damieng.com/envy-code-r">Envy Code R</a> does extensively :)</li>
<li><a href="http://en.wikipedia.org/wiki/Myriad_(typeface)">Myriad</a> is more open in it&#8217;s whitespace, ends t with a slant and features a different approach to shoulders on mnpqr</a>
</li>
<li><a href="http://new.myfonts.com/fonts/type-together/ronnia/">Ronnia</a> only shares the single horizontal stem which is also present in many monospace bitmap fonts</a>
</ul>
<p>Yes, some of these differences are subtle when you put them side by side but <a href="http://www.fontshop.com/education/pdf/typeface_anatomy.pdf">subtleties are what give the typeface its character</a>.</p>
<p>There are only so many ways to draw letters with consistency and readability especially if you want a modern sans look. That&#8217;s exactly why <a href="http://en.wikipedia.org/wiki/Copyright_on_typefaces">copyright refuses to cover letterforms in the USA</a>.</p>
<p>So coming to the font itself at first glance, yes, on my laptop it doesn&#8217;t look as pretty as Helvetica when blown up for comparison but here&#8217;s something you should consider.</p>
<blockquote><p>Typefaces are designed for a specific environment</p></blockquote>
<p>Consider the following typefaces:</p>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Bell_Gothic">Bell Gothic</a> has big counters and deep ink-traps so that high-speed printing on cheap paper retains the form</li>
<li><a href="http://clearviewhwy.com/WhatIsClearviewHwy/HowItWorks/developmentCriteria.php">ClearView Highway</a> is designed to be quickly readable with headlight glare</li>
<li><a href="http://en.wikipedia.org/wiki/Cambria_(typeface)">Cambria</a> has many little flourishes that only look good with <a href="http://en.wikipedia.org/wiki/ClearType">sub-pixel positioning</a></li>
</ul>
<p>Use a typeface outside its intended environment and you&#8217;ll easily believe it&#8217;s a bad design, ugly or unrefined as those very characteristics that made it great for that environments completely fail to fit new surroundings.</p>
<p>Even the famous Helvetica has an environment of whitespace, bold colours and clean-lines where it shines. That makes it a <a href="http://www.webdesignerdepot.com/2009/03/40-excellent-logos-created-with-helvetica">top choice for corporate logos</a>.</p>
<p>Roboto is the work of independent type designer <a href="http://betatype.com/">Christian Robertson</a> and until I see it on a Droid device I&#8217;ll cut him and Google some slack &#8211; from the screenshots I&#8217;ve seen online it looks like a good fit.</p>
<p>You have to at least respect Google for continuing to improve typography by commission fonts. Microsoft are the only other major UI player doing this as Apple&#8217;s sole contribution to typefaces in the last 10 years has been a <a href="http://damieng.com/blog/2009/08/29/first-impressions-of-snow-leopard">hack-job on the open-source Deja-Vu Mono to rename it Menlo, move some bars around and to trash the hinting in the process</a> so they have something to replace the ageing <a href="http://en.wikipedia.org/wiki/Monaco_(typeface)">Monaco</a> with.</p>
<p>If you want to download the font yourself here is a complete set of the files taken from the SDK (unlike the other zip floating around this one has all variants + the licence).</p>
<p class="download">Download <a href="http://download.damieng.com/fonts/redistributed/RobotoFamily.zip">Roboto Font Family (ZIP of TTF)</a> (399 KB)</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=BHpzBCmj3Hs:w8hgIprjkmw:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=BHpzBCmj3Hs:w8hgIprjkmw:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=BHpzBCmj3Hs:w8hgIprjkmw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/BHpzBCmj3Hs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/10/19/androids-roboto-system-font-for-ice-cream-sandwich/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/10/19/androids-roboto-system-font-for-ice-cream-sandwich?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=androids-roboto-system-font-for-ice-cream-sandwich</feedburner:origLink></item>
		<item>
		<title>Behind the scenes at xbox.com – RSS enabling web marketplace</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/hVA_JjkuzEk/behind-the-scenes-at-xbox-com-rss-enabling-web-marketplace</link>
		<comments>http://damieng.com/blog/2011/07/07/behind-the-scenes-at-xbox-com-rss-enabling-web-marketplace#comments</comments>
		<pubDate>Thu, 07 Jul 2011 20:05:44 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[.NET]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[ASP.NET]]></category>
		<category><![CDATA[mvc]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[xbox]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=2178</guid>
		<description>A number of people were requesting additional RSS feeds for the xbox.com web marketplace. (We had just one that included all new arrivals) Looking across our site as the various lists of products we display today the significant views are: Browse games by department Search results Promotions (e.g. Deal of the week) Game detail (shows</description>
			<content:encoded><![CDATA[<p>A number of people were requesting additional RSS feeds for the xbox.com web marketplace. (We had just one that included all new arrivals)</p>
<p>Looking across our site as the various lists of products we display today the significant views are:</p>
<ul>
<li>Browse games by department</li>
<li>Search results</li>
<li>Promotions (e.g. Deal of the week)</li>
<li>Game detail (shows downloads available beneath it)</li>
<li>Avatar item browse</li>
</ul>
<p>These views also have sorting options and a set of filters available for things like product type, game genre, content rating etc.</p>
<p>So we had a couple of options:</p>
<ol>
<li>Write controller actions that expose the results of specific queries as RSS</li>
<li>Introduce a mechanism whereby any of our product result pages can render as RSS including any user-defined filtering</li>
</ol>
<p>Our web marketplace is written in ASP.NET MVC (like most of xbox.com) so while option 1 sounds simpler MVC really helps us make option 2 more attractive by way of a useful feature called ActionFilters that let us jump in and reshape the way existing actions behave.</p>
<h3>ActionFilters</h3>
<p><a href="http://msdn.microsoft.com/en-us/library/gg416513%28VS.98%29.aspx">ActionFilters</a> can be applied to either to an individual action method on a controller or to the controller class itself which applies it to all the actions on that controller. They provide hooks into the processing pipeline where you can jump in and perform additional processing.</p>
<p>The most interesting events are:</p>
<ul>
<li>OnActionExecuting</li>
<li>OnActionExecuted</li>
<li>OnResultExecuting</li>
<li>OnResultExecuted</li>
</ul>
<div>We&#8217;re going to hook in to the OnActionExecuted step &#8211; this is because we always want to run after the code in the controller action has executed but before the ActionResult has done it&#8217;s work &#8211; i.e. before page or RSS rendering.</div>
<h3>Writing our ActionFilter</h3>
<p>The first thing we want to do is identify that a request wants the RSS version. One way is to read the accepts header and switch when it requests mime/type but this can be a little trickier to test,  another is to append a query parameter on the url which is very easy to test.</p>
<p>Once we&#8217;ve identified the incoming request should be for RSS we need to identify the data we want to turn into RSS and repurpose it.</p>
<p>All the views we identified at the start of this post share a common rendering mechanism and each view model subclasses from one of our base models. For simplicity though we&#8217;ll imagine an interface that just exposes an IEnumerable&lt;Product&gt; property.</p>
<pre><code><strong>public class</strong> RssEnabledAttribute : ActionFilterAttribute
{
    <strong>public override void</strong> OnActionExecuted(ActionExecutedContext filterContext) {
        <strong>var</strong> viewModel = filterContext.Controller.ViewData.Model <strong>as</strong> IProductResultViewModel;
        if (viewModel == <strong>null</strong>)
            <strong>return</strong>;

        <strong>var</strong> rssFeedTitle = FeedHelper.MakeTitle(viewModel.Results);
        filterContext.Controller.ViewData.Add("RssFeedTitle", rssFeedTitle);

        <strong>var</strong> format = filterContext.RequestContext.HttpContext.Request.QueryString["format"];
        <strong>if</strong> (format == "rss" &amp;&amp; rssFeedTitle != <strong>null</strong>) {
            <strong>var</strong> urlHelper = <strong>new</strong> UrlHelper(filterContext.RequestContext);
            <strong>var</strong> url = QueryStringUtility.RemoveQueryStringParameter(filterContext.RequestContext.HttpContext.Request.Url.ToString(), "format");
            <strong>var</strong> feedItems = FeedHelper.GetSyndicationItems(viewModel.Results, urlHelper);
            filterContext.Result = FeedHelper.CreateProductFeed(rssFeedTitle, viewModel.Description, <strong>new</strong> Uri(url), feedItems);
        }

        <strong>base</strong>.OnActionExecuted(filterContext);
    }
}</code></pre>
<p>This class relies on our FeedHelper class to achieve three things it needs:</p>
<ol>
<li><strong>MakeTitle</strong> takes the request details &#8211; i.e. which page, type of products, filtering and sorting is selected and makes a title by re-using our breadcrumbs</li>
<li><strong>GetSyndicationItems</strong> takes the IEnumerable&lt;Product&gt; and turns it into IEnumerable&lt;SyndicationItem&gt; by way of a foreach projecting Product into SyndicationItem with some basic HTML formatting, combining the product image and setting the correct category (with a yield thrown in for good measure)</li>
<li><strong>CreateProductFeed</strong> then creates a Syndication feed with the appropriate Copyright and Language set and chooses the formatter &#8211; in our case <a href="http://msdn.microsoft.com/en-us/library/system.servicemodel.syndication.rss20feedformatter.aspx">RSS 2.0</a> but could easily be <a href="http://msdn.microsoft.com/en-us/library/system.servicemodel.syndication.atom10feedformatter.aspx">Atom 1.0</a>, e.g.</li>
</ol>
<pre><code><strong>public static</strong> SyndicationFeedResult CreateProductFeed(<strong>string</strong> title, <strong>string</strong> description, Uri link, IEnumerable&lt;SyndicationItem&gt; syndicationItems)
{
    <strong>var</strong> feed = new SyndicationFeed(title, description, link, syndicationItems) {
        Copyright = new TextSyndicationContent(String.Format(Resources.FeedCopyrightFormat, DateTime.Now.Year)),
        Language = CultureInfo.CurrentUICulture.Name
    };

    <strong>return new</strong> FeedResult(<strong>new</strong> Rss20FeedFormatter(feed, <strong>false</strong>));
}</code></pre>
<p>The <a href="http://damieng.com/blog/2010/04/26/creating-rss-feeds-in-asp-net-mvc">FeedResult</a> class is a simple one that takes the built-in .NET SyndicationFeed class and wires it up to MVC by implementing an ActionResult that writes the XML of the SyndicationFeedFormatter into the response as well as setting the application/rss+xml content type and encoding.</p>
<h3>Advertising the feed in the head</h3>
<p>Now that we have the ability to serve up RSS we need to let browsers know it exists.</p>
<p>The ActionFilter we wrote above needs to know the title of the RSS feed regardless of whether it is rendering the RSS (which needs a title) or rendering the page (which will need to advertise the RSS title) so it always calculates it and then puts it into the ViewData dictionary with the key RssFeedTitle.</p>
<p>Now finally our site&#8217;s master page can check for the existence of that key/value pair and advertise it out with a simple link tag:</p>
<pre><code><strong>var</strong> rssFeedTitle = ViewData["RssFeedTitle"] <strong>as string</strong>;
<strong>if</strong> (!String.IsNullOrEmpty(rssFeedTitle)) { %&gt;
&lt;link rel="alternate" type="application/rss+xml" title="&lt;%:rssFeedTitle%&gt;" href="&lt;%:Url.ForThisAsRssFeed%&gt;" /&gt;
&lt;% }</code></pre>
<p>This code requires just one more thing &#8211; a very small UrlHelper which will append &#8220;format=rss&#8221; to the query string (taking into account whether there existing query parameters or not).</p>
<p>The result of this is we can now just add [RssEnabled] in front of any controller or action to turn on RSS feeds for that portion of our marketplace! :)</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=hVA_JjkuzEk:tOSjGqXUssU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=hVA_JjkuzEk:tOSjGqXUssU:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=hVA_JjkuzEk:tOSjGqXUssU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/hVA_JjkuzEk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/07/07/behind-the-scenes-at-xbox-com-rss-enabling-web-marketplace/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/07/07/behind-the-scenes-at-xbox-com-rss-enabling-web-marketplace?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=behind-the-scenes-at-xbox-com-rss-enabling-web-marketplace</feedburner:origLink></item>
		<item>
		<title>Typography in 16-bits: System fonts</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/Cr3P5Ou1egY/typography-in-16-bits-system-fonts</link>
		<comments>http://damieng.com/blog/2011/03/27/typography-in-16-bits-system-fonts#comments</comments>
		<pubDate>Mon, 28 Mar 2011 05:02:34 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[amiga]]></category>
		<category><![CDATA[atari]]></category>
		<category><![CDATA[commodore]]></category>
		<category><![CDATA[dos]]></category>
		<category><![CDATA[macintosh]]></category>
		<category><![CDATA[pc]]></category>
		<category><![CDATA[st]]></category>
		<category><![CDATA[vga]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=1945</guid>
		<description>With the 8-bit system fonts post being so popular I just had to jump right in and look at the system fonts available on the 16-bit machines! IBM CGA Adapter (1981) Specifications Style Bold serif Width 6-7 pixels Caps 7 pixels Charset ASCII+code pages Low res 320×200 (40×25 text) Med res 640×200 (80×25 text) Designer</description>
			<content:encoded><![CDATA[<p>With the <a href="http://damieng.com/blog/2011/02/20/typography-in-8-bits-system-fonts">8-bit system fonts post</a> being so popular I just had to jump right in and look at the system fonts available on the 16-bit machines!</p>
<h3>IBM CGA Adapter (1981)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold serif<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> ASCII+code pages<br />
<label>Low res</label> 320×200 (40×25 text)<br />
<label>Med res</label> 640×200 (80×25 text)<br />
<label>Designer</label> <a href="http://www.ibm.com/">IBM</a><br />
<a href="http://www.zone38.net/font/#pcsenior">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/CGALow.png" alt="IBM CGA system font in low resolution" /> <img src="http://images.damieng.com/blog/CGAMed.png" alt="IBM CGA system font in medium resolution" /><br />
The IBM PC&#8217;s first color graphics card was known as the <a href="http://en.wikipedia.org/wiki/Color_Graphics_Adapter">Color Graphics Adapter</a>.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Mix of serifs and non-serifs depending on space</li>
<li>Off centre &#8216;|+:&#8217;</li>
<li>Squished &#8216;Q&#8217; to avoid using descender</li>
<li>Wide &#8217;0&#8242;</li>
<li>Inconsistent &#8216;t&#8217; point and lack of serif on &#8216;j&#8217;</li>
</ul>
<h4>Rationale</h4>
<p>The large bold letters work well on the low-resolution displays at the time and many of the quirky were unlikely particularly noticeable there.</p>
<h4>Influences</h4>
<p>Unknown.</p>
<h3>Apple Macintosh (1984)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans<br />
<label>Width</label> 1-11 pixels<br />
<label>Caps</label> 10 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/Mac_OS_Roman">Mac OS Roman</a><br />
<label>Screen</label> 512×342<br />
<label>Designer</label> <a href="http://www.kare.com/">Susan Kare</a><br />
<a href="http://www.masterstech-home.com/the_library/font_samples/font_indices/image_pages/c/chicago.html">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/MacChicago.png" alt="Apple Macintosh 'Chicago' system font" /><br />
Apple&#8217;s second attempt at a GUI (after the <a href="http://en.wikipedia.org/wiki/Apple_lisa">Lisa</a>) was the <a href="http://en.wikipedia.org/wiki/Macintosh">Macintosh</a>. The system font was called Chicago initially as a bitmap font which was replaced with a scalable TrueType version. With <a href="http://en.wikipedia.org/wiki/Mac_OS_8">Mac OS 8</a> it was replaced with the similar <a href="http://en.wikipedia.org/wiki/Charcoal_(typeface)">Charcoal</a> typeface and then dropped entirely in <a href="http://en.wikipedia.org/wiki/Mac_OS_X">Mac OS X</a> which uses <a href="http://en.wikipedia.org/wiki/Lucida_Grande">Lucida Grande</a> for the UI.</p>
<p>This font was dusted off again in 2001 and with a few minor tweaks became the system font of the <a href="http://en.wikipedia.org/wiki/IPod">iPod (classic &amp; mini)</a> until the higher resolution color display model.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Proportional letters not fixed-width</li>
<li>Some symbols are not bold at all &#8216;#%&#8221;/\*@^`&#8217;</li>
<li>Lovely flourish on &#8216;&#038;&#8217;</li>
<li>Curve on &#8216;a&#8217; actually touches the lower bowl</li>
<li>Designed specifically to avoid diagonal strokes (jaggies) on the Mac&#8217;s low-res screen</li>
</ul>
<h4>Rationale</h4>
<p>The high-resolution display let the designers really pay attention to detail and even though it was only monospaced it really looks beautiful for the time. It was little wonder that when Jobs went to NeXT they went with incredibly high-resolution mono displays again (at least initially).</p>
<h4>Influences</h4>
<p>It&#8217;s unlikely they were digital.</p>
<h3>Commodore Amiga 1.x (1985)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold serif<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/ISO-8859-1">ISO 8859-1</a><br />
<label>NTSC low</label> 320×200 (40×25 text)<br />
<label>NTSC med</label> 640×200 (80×25 text)<br />
<label>PAL low</label> 320×256 (40×32 text)<br />
<label>PAL med</label> 640×256 (80×32 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://trueschool.org">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/AmigaTopaz1xLow.png" alt="Commodore Amiga 1.x 'Topaz' system font in low &#038; high resolutions" /> <img src="http://images.damieng.com/blog/AmigaTopaz1xMed.png" alt="Commodore Amiga 1.x 'Topaz' system font in medium-resolution" /></p>
<p>The <a href="http://en.wikipedia.org/wiki/Amiga">Amiga</a> started with ex-Atari engineers desperate to design a 16-bit machine that was eventually purchased by Commodore. It offered incredible graphics and sound for the time that put Mac&#8217;s and PC&#8217;s to shame. Despite shipping with many fonts and supporting proportional text the default system font was the fixed-width Topaz/8.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>As well as some letters touching some symbols such as &#8216;\/&#8217; touched horizontally allowing nice ASCII art</li>
<li>Unusual lower-case &#8216;g&#8217; somewhere between double and single story</li>
<li>Unusual almost comic-like &#8216;!&#8217;</li>
<li>Some non-bold pixels for flourishes on &#8216;t&#038;&#8217;</li>
<li>Pixels missing on some curves &#8216;aS&#8217; especially obvious in low resolution</li>
<li>Over-extended &#8216;r&#8217; looks odd in any resolution</li>
<li>Alternate Topaz/9e &#8211; 10×9 (2 for descenders) &#8211; modified some glyphs like &#8216;g&#8217; and available from Preferences as Text 60</li>
</ul>
<h4>Rationale</h4>
<p>The Workbench booted in white-on-blue (shown) and was intended for use either with their own Commodore monitors or home TVs. Despite the choice of a serif font it worked quite well on these displays although interlace was quite unusable without specialized displays.</p>
<h4>Influences</h4>
<p>Very similar to the IBM CGA system font, very likely to be derived from there.</p>
<h4>Technical</h4>
<p>The Amiga shipped with it&#8217;s own font editor called &#8216;Fed&#8217; found on the Workbench Extras disk in the Tools folder.</p>
<h3>Commodore Amiga 2.x (1991)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/ISO-8859-1">ISO 8859-1</a><br />
<label>Screen</label> Configurable<br />
<label>Designer</label> Unknown<br />
<a href="http://trueschool.org">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/AmigaTopaz2xLow.png" alt="Commodore Amiga 2.x 'Topaz' system font in low &#038; resolutions" /> <img src="http://images.damieng.com/blog/AmigaTopaz2xMed.png" alt="Commodore Amiga 2.x 'Topaz' system font in medium resolution" /></p>
<p>Commodore&#8217;s update to the Amiga saw all sorts of changes in the ROM and Workbench for the GUI including some revisions to the font and the ability to change what font the workbench used.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Over-extended top of &#8217;1&#8242;</li>
<li>Open elements on &#8216;%@&#8217;</li>
<li>Messy &#8216;Q&#8217; is hard to distinguish</li>
<li>Alternate Topaz/9e &#8211; 10×9 (2 for descenders) &#8211; modified some glyphs like &#8216;g&#8217; and available from Preferences as Text 60</li>
</ul>
<h4>Rationale</h4>
<p>The Workbench booted in black-on-grey (shown) and the new font looked a lot more friendly as well as being a more legible choice for home TVs.</p>
<h4>Influences</h4>
<p>Obvious modification of the prior 1.x font to remove serifs and improve legibility.</p>
<h4>Technical</h4>
<p>WBScreen allowed you to choose which font to display in Workbench including some of the proportional fonts included.</p>
<h3>Atari ST Low/Medium Res (1985)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> ASCII+proprietary set<br />
<label>Low res</label> 320×200 (40×25 text)<br />
<label>Med res</label> 640×200 (80×25 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://fontstruct.com/fontstructions/show/464053">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/AtariSTLow.png" alt="Atari ST system font in low resolution" /> <img src="http://images.damieng.com/blog/AtariSTMed.png" alt="Atari ST system font in medium resolution" /></p>
<p>The <a href="http://en.wikipedia.org/wiki/Atari_ST">Atari ST</a> was Atari&#8217;s answer to the Commodore Amiga after they failed to purchase back the talent and technology.  The machine&#8217;s GUI was based on <a href="http://en.wikipedia.org/wiki/Graphical_Environment_Manager">GEM</a> from Digital Research.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Descenders are cut very short on &#8216;pq&#8217; despite &#8216;gy&#8217; not following this style</li>
<li>Inconsistent positioning between &#8216;,&#8217; and &#8216;;&#8217;</li>
<li>Ugly braces &#8216;()&#8217; from the 8-bit font retained</li>
</ul>
<h4>Rationale</h4>
<p>The font was very clear and worked well in both square pixel (low resolution) and rectangular pixel (medium resolution) modes.</p>
<h4>Influences</h4>
<p>Almost identical to the Atari 8-bit font but with the capital letters, symbols and numbers extended a pixel higher (inverse symmetry was no longer a concern) and more consistent/cleaner lower-case letters &#8216;sj&#8217;.</p>
<h4>Technical</h4>
<p>It is possible to change the system fonts used by the GEM desktop using the <a href="http://www.atarimagazines.com/v4n9/stfontloader.html">ST Font Loader</a>.</p>
<h3>Atari ST High Res (1985)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans condensed<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 12 pixels<br />
<label>Charset</label> ASCII+proprietary set<br />
<label>Screen</label> 640×400 (80×25 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://www.modelb.bbcmicro.com/retro-fonts.html">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/AtariSTHigh.png" alt="Atari ST high-res system font" /></p>
<h4>Unusual characteristics</h4>
<ul>
<li>Very tall letters &#8211; some glyphs 14 pixels high but still only 6-7 pixels wide</li>
<li>Avoids every trace of a serif except usual &#8216;Iil&#8217; monospace hack</li>
<li>Short descenders on &#8216;pq&#8217; still</li>
<li>Inconsistent choices for &#8216;c&#8217; and &#8216;R&#8217; and &#8216;w&#8217;</li>
</ul>
<h4>Rationale</h4>
<p>Given that this screen mode was only available on high-resolution monitors it is very rectangular and failed to really take advantage of the unique situation in which it would be used.</p>
<h4>Influences</h4>
<p>Very likely based on the medium resolution font with some redrawing.</p>
<h3>IBM PC VGA (1985)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold serif<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 10 pixels<br />
<label>Charset</label> ASCII+code pages<br />
<label>Screen</label> 640×400 (80×25 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://www.dafont.com/perfect-dos-vga-437.font">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/VGA.png" alt="VGA DOS system font" /></p>
<h4>Unusual characteristics</h4>
<ul>
<li>Very tall letters &#8211; some glyphs 14 pixels high but still only 6-7 pixels wide</li>
<li>Top bar of &#8216;T&#8217; is two pixels thick</li>
<li>Too-high double quotes &#8216;&#8221;&#8216; also styled inconsistently</li>
<li>Another bubbly &#8216;!&#8217; like the Amiga&#8217;s Topaz 1</li>
<li>Inconsistent sizing between &#8216;,&#8217; and &#8216;;&#8217;</li>
<li>Very large &#8216;$&#8217; even bigger than the capital &#8216;S&#8217;</li>
</ul>
<h4>Rationale</h4>
<p>A reasonably nice serif font that gave a serious look if somewhat inconsistent in places.</p>
<h4>Influences</h4>
<p>Very likely based on the medium resolution font with some redrawing.</p>
<h4>Technical</h4>
<p>Can be overridden by tools like <a href="http://chris.pirillo.com/dos-fonts/">fontedit.com.</a></p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=Cr3P5Ou1egY:yH1Wuk6u9VI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=Cr3P5Ou1egY:yH1Wuk6u9VI:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=Cr3P5Ou1egY:yH1Wuk6u9VI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/Cr3P5Ou1egY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/03/27/typography-in-16-bits-system-fonts/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/03/27/typography-in-16-bits-system-fonts?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=typography-in-16-bits-system-fonts</feedburner:origLink></item>
		<item>
		<title>Typography in 8 bits: System fonts</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/MUPG447I3ys/typography-in-8-bits-system-fonts</link>
		<comments>http://damieng.com/blog/2011/02/20/typography-in-8-bits-system-fonts#comments</comments>
		<pubDate>Sun, 20 Feb 2011 10:19:33 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[acorn]]></category>
		<category><![CDATA[amstrad]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[atari]]></category>
		<category><![CDATA[commodore]]></category>
		<category><![CDATA[cpc]]></category>
		<category><![CDATA[sinclair]]></category>
		<category><![CDATA[Spectrum]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=1831</guid>
		<description>My love of typography originated in the 80&amp;#8242;s with the golden years of 8-bit home computing and their 8&amp;#215;8 pixel monospaced fonts on low-resolution displays. It&amp;#8217;s quite easy to find bitmap copies of these fonts and also scalable traced TTF versions but there&amp;#8217;s very little discussion about the fonts themselves. Let&amp;#8217;s remedy that by firing up</description>
			<content:encoded><![CDATA[<p>My love of typography originated in the 80&#8242;s with the golden years of 8-bit home computing and their 8&#215;8 pixel monospaced fonts on low-resolution displays.</p>
<p>It&#8217;s quite easy to find bitmap copies of these fonts and also scalable traced TTF versions but there&#8217;s very little discussion about the fonts themselves. Let&#8217;s remedy that by firing up some emulators and investigating the glyphs.</p>
<h3>Commodore PET (1977)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Regular semi-serif<br />
<label>Width</label> 5-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/PETSCII">PETSCII</a><br />
<label>Screen</label> 320×200 (40×25 text)<br />
<label>Designer</label> Leonard Tramiel<br />
<a href="http://www.kreativekorp.com/software/fonts/c64.shtml">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/Vic20.png" alt="Commodore PET" /></p>
<p>Commodore&#8217;s first business machine was the <a href="http://en.wikipedia.org/wiki/Commodore_PET">PET</a> which came with a built-in monitor and a full character set unlike other machines at the time.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Primarily sans-serif but serifs present on &#8216;BDJa&#8217; </li>
<li>Slightly stylized &#8216;£&#8217;</li>
</ul>
<h4>Rationale</h4>
<p>The font is good choice for the original PET and it&#8217;s original monitor. It was unfortunately also used on the Vic-20 despite having half the screen resolution where it made a poor choice.</p>
<h4>Influences</h4>
<p>While not visibly influenced from anything else an almost direct rip of this font appears to have been used in the <a href="http://www.1000bit.it/SUPPORT/Manuali/APPLE/LISA/craig/DTCLisaDoc195WSLisaBugPicts.pdf">Apple Lisa debugger</a>.</p>
<h4>Technical</h4>
<p>Unknown.</p>
<h3>Apple ][ (1977)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Regular condensed sans<br />
<label>Width</label> 3/5 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/ASCII">ASCII</a><br />
<label>Screen</label> 280×192 (40×24 text)<br />
<label>Designer</label> Signetics+?<br />
<a href="http://www.kreativekorp.com/software/fonts/apple2.shtml">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/Apple2e.png" alt="Apple ][ system font" /></p>
<p>Apple's first professionally built computer was the <a href="http://en.wikipedia.org/wiki/Apple_II_series">Apple ][</a> which from rev 7 onwards added lower-case letters.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Uppercase letters can touch descenders on the line above as the full height is used</li>
<li>Only first 7 columns per glyph otherwise would have been 35×24 text</li>
<li>Vertical stems for '[]{}&#8217; are 2 pixels wide (bold)</li>
<li>Very small slashes &#8216;/\&#8217;</li>
<li>Upper-case is consistent although &#8216;A&#8217; is very angular, &#8216;G&#8217; unpronounced</li>
<li>Lower-case less consistent &#8211; &#8216;gf&#8217; has soft curves, &#8216;mw&#8217; square, &#8216;nhr&#8217; ignore curve of &#8216;u&#8217;</li>
<li>Numbers &#8211; unusual &#8217;3&#8242; but &#8217;96&#8242; over-extend</li>
</ul>
<h4>Rationale</h4>
<p>The font is well suited to the default high-contrast white-on-black (often green-on-black) given the machine was intended for use on their own monitors.</p>
<h4>Influences</h4>
<p>The upper-case, numbers and symbols were copied from the Signetics 64 × 8 × 5 character generator 2513 chip used in the Apple I and II in revision 0 to 6.</p>
<p>The later Texas Instruments TMS9918 Video Controller Chip used on Sega, Nintendo, Colecovision and TI/99 machines re-used this font with only a couple of pixels changed.</p>
<h4>Technical</h4>
<p>Changing the font requires replacing the 2 KB 2716 pinout ROM with your own EPROM or alternate ROM.</p>
<h3>Atari 400/800 (1979)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans<br />
<label>Width</label> 4-6 pixels<br />
<label>Caps</label> 6 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/ATASCII">ATASCII</a><br />
<label>Screen</label> 320×192 (40×24 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://members.bitstream.net/~marksim/atarimac/fonts.html">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/Atari8bit.png" alt="Atari 8-bit system font" /></p>
<p>Atari&#8217;s entry into the home computing market put out some very capable machines with all sorts of hardware tricks (the creative geniuses behind it would go on to form Amiga). The same font was used on all Atari 8-bit models from the <a href="http://en.wikipedia.org/wiki/Atari_8-bit_family">original 400/800 to the XL and XE models</a> in the late 80&#8242;s.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>6 pixels uppercase causes some vertical imbalance especially on &#8217;9&#8242;</li>
<li>Braces are overly bold being 3 pixels wide.</li>
<li>Less than and greater than symbols are too tall.</li>
<li>&#8216;MWw&#8217; make great use of width to nice effect</li>
<li>Bar on &#8216;G&#8217; too low, &#8216;U&#8217; overtly square, &#8216;X&#8217; very blocky, &#8216;S&#8217; does not extend enough</li>
</ul>
<h4>Rationale</h4>
<p>The machine boots in a low-contrast blue-on-blue and is designed for use with TV&#8217;s which explains some of the odd characteristics above like the square U to distinguish it from the V. It is likely the 6-pixel choice is to allow the letters to be centered when using inverse letter mode.</p>
<h4>Influences</h4>
<p>Unknown.</p>
<h4>Technical</h4>
<p>One byte per row, 8 sequential bytes making one glyph. You can reprogram this by poking address 756 with the page number of the new font (default of 226 for ROM location 0xE000).</p>
<pre><code>POKE 756, 226</code></pre>
<h3>Acorn BBC Micro (1981)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans<br />
<label>Width</label> 4-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/ASCII">ASCII only</a><br />
<label>Screen</label> 320×256 (40×32 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://fontstruct.com/fontstructions/show/63444">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/BBCMode1.png" alt="BBC Micro mode 1 system font" /></p>
<p>The <a href="http://en.wikipedia.org/wiki/BBC_Micro">Beeb</a>, as it was affectionately known, has its own font which could display in three different modes &#8211; one wider and one narrower but many users might not recognize it all as it booted into &#8216;Mode 7&#8242; utilizing a Videotex chip (used in the UK for text-on-TV and travel agents as well as in France for Minitel) that had a different font of its own.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Drops bold in tight spaces e.g &#8216;$&amp;@&#8217;</li>
<li>Outlines the tail on the &#8216;Q&#8217; to make it much clearer</li>
<li>Unique and beautiful &#8216;*&#8217;</li>
<li>Does not extend low bar on &#8216;e&#8217; as much as expected and &#8216;f&#8217; seems to wide</li>
<li>Vertically squished &#8216;?&#8217;</li>
<li>Style of single-quote &#8216; is inconsistent with comma</li>
</ul>
<h4>Rationale</h4>
<p>The machine generally shipped with good quality monitors and the combination of high-contrast colors and this bold font made it very readable indeed.</p>
<h4>Influences</h4>
<p>It&#8217;s quite likely it was influenced by the Atari 8-bit font but with larger capitals and ascenders and a much more consistent look.</p>
<h4>Technical</h4>
<p>The system font is stored at 0xC00-0xC2FF with each character being represented by 8 sequential bytes (left pixel is high bit).<br />
You can replace the font used by system text routine OSWRCH (0xFFEE) using the VDU command 23 followed by the ascii code and then 8 rows of data, e.g.</p>
<pre><code>VDU 23,65,11,22,33,44,55,66,77,88</code></pre>
<h3>Sinclair ZX Spectrum (1982)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Regular sans<br />
<label>Width</label> 6 upper, 5 lower<br />
<label>Caps</label> 6 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/ZX_Spectrum_character_set">ASCII + own</a><br />
<label>Screen</label> 256×192 (32×24 text)<br />
<label>Designer</label> Nine Tiles<br />
<a href="http://fontstruct.com/fontstructions/show/118432">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/Spectrum.png" alt="Sinclair ZX Spectrum system font" /></p>
<p>Sinclair&#8217;s successor to the ZX81 added color and lower-case letters &#8211; again preserving the upper-case and numbers from it&#8217;s predecessor but finally mapping them to ASCII. This font was re-used on Jupiter Ace and Timex machines but the <a href="http://en.wikipedia.org/wiki/ZX_Spectrum">ZX Spectrum</a> was the most popular.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>6 pixels uppercase leaves many unevenly balanced &#8216;BEFS&#8217; and &#8216;X&#8217; with ugly 2×2 center</li>
<li>Full stop is 2×2 pixels (bold) but colon, semi-colon and comma are not</li>
<li>Capital &#8216;MW&#8217; are very slight with latter hard to distinguish from &#8216;V&#8217;</li>
<li>Uneven styling &#8216;c&#8217; omits curves, &#8216;e&#8217; is soft &#8216;g&#8217; is not, &#8216;f&#8217; and &#8216;k&#8217; are thin</li>
<li>Only the copyright symbol uses to the top row of pixels</li>
</ul>
<h4>Rationale</h4>
<p>While the machine has a default high-contrast scheme the video output was poor because of the quality of the RF modulator and home TVs it was connected to. It looks like the designer decided to increase spacing between letters after the ZX80 from one to two pixels which greatly limited what could be done with the letters themselves. This was likely done for the same reasons it was done on the Atari 8-bit &#8211; namely to allow the letters to be centered when using inverse text modes.</p>
<h4>Influences</h4>
<p>Sinclair ZX81 (no lower case), ZX80 (7 pixels wide).</p>
<h4>Technical</h4>
<p>The system font is stored at 0x3D00-0x3FFF with each character being represented by 8 sequential bytes (left pixel is high bit). You can replace the system text routine (RST 10) by poking the new fonts memory address into the system memory map at 23606/23607 minus 256 bytes (the first 32 characters are non-printable, 32×8 = 256)</p>
<pre><code>LOAD "newfont" CODE 49152, 768: POKE 23606, 0: POKE 23607, 191
</code></pre>
<h3>Commodore 64 (1982)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold sans<br />
<label>Width</label> 6 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/PETSCII">PETSCII</a><br />
<label>Screen</label> 320×200 (40×25 text)<br />
<label>Designer</label> Unknown<br />
<a href="http://style64.org/c64-truetype">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/Commodore64.png" alt="Commodore 64 system font" /></p>
<p>Commodore took to take their success with the PET and applied it to the home first with the VIC 20 and then later with the wildly successful <a href="http://en.wikipedia.org/wiki/Commodore_64">Commodore 64</a>.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Inconsistent shapes/style across &#8217;147,&amp;&lt;&gt;@Q&#8217;</li>
<li>2&#215;2 pixel of &#8216;.&#8217; is not carried through to &#8216;;:!&#8217;</li>
<li>Ascenders not as tall as capital letters</li>
</ul>
<h4>Rationale</h4>
<p>The bold font was essential for the low-quality TV&#8217;s Commodore were aiming at. The inconsistencies across the font may have been intentional to help make the letters look different (A vs 4, 1 vs I, 7 vs T) given the limitations of the displays or just poorly implemented (see below).</p>
<h4>Influences</h4>
<p>Lower-case is identical to the Atari 8-bit font and likely copied wholesale as they do not match the upper-case well. Symbols, numbers and upper-case are a bolded version of the PET font that looses the serifs and also could explain the odd reproductions of 1, 2, 7 &#038; 4.</p>
<h4>Technical</h4>
<p>See <a href="#comment-44362">comment from Paolo below</a> for details!</p>
<h3>Amstrad CPC (1984)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Bold serif<br />
<label>Width</label> 6-7 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> <a href="http://en.wikipedia.org/wiki/PETSCII">PETSCII</a><br />
<label>Screen</label> 320×200 (40×25 text)<br />
<label>Designer</label> Locomotive Software<br />
<a href="http://fontstruct.com/fontstructions/show/amstrad_cpc_correct">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/AmstradCPC.png" alt="Amstrad CPC system font" /></p>
<p>Alan Sugar&#8217;s foray into the UK market came a little later than the other 8-bits in 1984 with the <a href="http://en.wikipedia.org/wiki/Amstrad_CPC">Amstrad CPC</a> series.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Full use of 7 pixels for upper and 1 pixel for lower means glyphs can touch</li>
<li>Serif choice is unusual and not consistently applied because of space constraints</li>
<li>&#8217;0&#8242; is wider than would be expected (copied from </li>
<li>Very distinctive curves on &#8216;CGOQ&#8217;</li>
<li>&#8216;X&#8217; looks like a different style because of high mid-point</li>
</ul>
<h4>Rationale</h4>
<p>Sugar wanted the machine to look more professional than other home computers at the time. The choice of a serif based font to look like PCs which also featured serifs (at a higher resolution) reflects that desire.</p>
<h4>Influences</h4>
<p>Very similar to the IBM CGA font with some adjustments (fixes) to the horizontal positioning of some symbols. Many characters completely identical and some bearing style similarities too (wider 0, X choosing one side to be longer than the other). Some other characters bear similarity to the BBC Micro (Q uses the same trick to keep it distinguished) and a number of symbols and lower-case letters being the same where serifs would not fit.</p>
<p>The Amstrad CPC manual shows the system font but is different in some areas. It is possible it is a transcription problem (z is shifted up one pixel, missing pixels on &#8217;37PRz~&#8217; and extra pixels on &#8216;#b&#8217; ) although it could have been an earlier version from the designer as &#8216;rG?&#8217; are subtly different.</p>
<h4>Technical</h4>
<p>Redefine using the Amstrad BASIC command SYMBOL that takes an ascii code and then 8 comma-separated values one-per-row in much the same way as the BBC with the VDU 23 command. SYMBOL AFTER must be set first e.g.</p>
<pre><code>SYMBOL AFTER 32
SYMBOL 65,11,22,33,44,55,66,77,88</code></pre>
<h3>MSX (1983)</h3>
<div class="aside" style="float: right; width: auto;">
<h4>Specifications</h4>
<p><label>Style</label> Regular condensed sans<br />
<label>Width</label> 5 pixels<br />
<label>Caps</label> 7 pixels<br />
<label>Charset</label> ASCII Extended<br />
<label>Screen</label> 320×200? (40×25 text)<br />
<label>Designer</label> Microsoft?<br />
<a href="http://mtr81.egloos.com/1746942t">Download in TrueType</a>
</div>
<p><img src="http://images.damieng.com/blog/MSX.png" alt="MSX system font" /></p>
<p>The MSX differs from the other machines here in that it was a standard rather than a specific machine. It was very popular in Japan and did hit UK shores although I only knew a single person that had one apart from our school which had acquired several Yamaha models to control MIDI keyboards. Given the multiple manufacturers it&#8217;s not surprising that some models had slightly tweaked fonts but the one shown here seems to be the most popular.</p>
<h4>Unusual characteristics</h4>
<ul>
<li>Full use of 7 pixels for upper and 1 pixel for lower means glyphs can touch</li>
<li>Only 5 pixels wide for the letters</li>
<li>Pixels touching on the curves of &#8216;db&#8217; etc. look quite ugly</li>
<li>Very angular curves on &#8217;5&#8242;</li>
</ul>
<h4>Rationale</h4>
<p>An unusual choice that feels very quirky.</p>
<h4>Influences</h4>
<p>Most likely influenced by the Apple ][e.</p>
<h4>Technical</h4>
<p>Unknown.</p>
<p class="information">Mac users should try <a href="http://secretgeometry.com/apps/cathode/">Cathode</a> &#8211; a retro terminal emulator I helped add some of these fonts to.</p>
<p class="new">For more system font analysis read the sequel <a href="http://damieng.com/blog/2011/03/27/typography-in-16-bits-system-fonts">Typography in 16-bits: System fonts</a>.</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=MUPG447I3ys:G7RsqFu6Lug:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=MUPG447I3ys:G7RsqFu6Lug:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=MUPG447I3ys:G7RsqFu6Lug:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/MUPG447I3ys" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/02/20/typography-in-8-bits-system-fonts/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/02/20/typography-in-8-bits-system-fonts?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=typography-in-8-bits-system-fonts</feedburner:origLink></item>
		<item>
		<title>From somewhere small: Transport in the USA (well, Seattle)</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/M2fo_3CPPwA/from-somewhere-small-transport-in-the-usa-well-seattle</link>
		<comments>http://damieng.com/blog/2011/01/29/from-somewhere-small-transport-in-the-usa-well-seattle#comments</comments>
		<pubDate>Sun, 30 Jan 2011 07:57:33 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[transport]]></category>
		<category><![CDATA[uk]]></category>
		<category><![CDATA[usa]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=1804</guid>
		<description>Just over three years ago I packed up my Guernsey life to come and work for Microsoft in Washington. I thought it might be fun to share some things I&amp;#8217;ve learnt. This one is about transport. Customs &amp;#38; immigration Be prepared for cross-referenced questions and mandatory fingerprinting to make you feel like a replicant even though</description>
			<content:encoded><![CDATA[<p>Just over three years ago I packed up my Guernsey life to come and work for Microsoft in Washington. I thought it might be fun to share some things I&#8217;ve learnt. This one is about transport.</p>
<h3>Customs &amp; immigration</h3>
<p>Be prepared for cross-referenced questions and mandatory fingerprinting to make you feel like a replicant even though you&#8217;ve done nothing wrong and your eyes don&#8217;t glow in the dark. The gatekeepers at immigration are all-powerful and take their job seriously so you should too as I found out when I had a case of the giggles.</p>
<p>Some countries need a Visa to visit and while the UK (and Guernsey) doesn&#8217;t coming to a job requires a work visa. Mine took a mountain of paperwork and a lot of work (for Microsoft) to get an all-important H1-B which means you have &#8220;mad skills we need&#8221;. The application is field before April 1st and there aren&#8217;t too many applications that year (there is a limit) and everything is ok you start work on October 1st for 3-years (extendable to 6).</p>
<p>Once approved you get an I-95 card stamped into your passport. You turn this in when you fly out of the country but if you&#8217;re driving up to Canada and coming back soon they may let you keep it. Scan it after you arrive and don&#8217;t loose it as it takes over 3 months to get a replacement and they&#8217;ll need the number as they can&#8217;t look up.</p>
<h3>The TSA</h3>
<p>The Transport Service Authority are the guys and gals tasked with keeping air travel safe.</p>
<p>Taking off shoes is compulsory because somebody hid a bomb in a shoe. Liquids are only allowed in tiny quantities because somebody planned a liquid bomb and many airports want to bombard you with x-rays or technologies to peek beneath your clothes because somebody blew up his underwear.</p>
<p>The Americans are pushing back against this last-threat-chasing approach and loss of dignity but Congress have no idea what it&#8217;s like as they fly private charter flights. For now you can at opt-out of the potentially dangerous x-ray and wave machines.</p>
<h3>Airports</h3>
<p>US airports are much like everywhere full of shops and restaurants for you to roam while you wait but most feel less crammed than Heathrow or Gatwick (with the exception of JFK).</p>
<p>Seattle&#8217;s main airport (SeaTac) has free WiFi which is unusual but welcome &#8211; it has that in common with Guernsey&#8217;s airport.</p>
<h3>Rail</h3>
<p>Trains in the US were a casualty in love affair with the car. The routes and timetables are limited with high fares high and long journey times. The lack of investment is quite apparent and a real shame as it&#8217;s hard to watch the beautiful country and road at the same time.</p>
<p>Esteemed entrepreneur and philanthropist Warren Buffet is pouring money into rail &#8211; whether this is an investment or a charitable donation time will tell.</p>
<h3>Bus</h3>
<p>Busses are regular and punctual in Seattle and some offer free WiFi. The reserved lanes let them blast past the traffic at busy times and even the rnon-Express routes can be quicker than driving at peak times.</p>
<p>The time-table at each stop lists not when the bus will arrive but when it starts the route from somewhere else which save printing a time-table for each stop but also renders it useless. Fire up your mobile device with an app or Google Maps although the latter throws curve balls (and not just for buses). I wondered if was a ploy to disrupt the Microsofties but a visit to San Francisco showed it just as confused in their own backyard.</p>
<p>Anyone hoping to catch a bus in downtown Seattle should be aware that many routes downtown are <strong>inside a large underground tunnel</strong> beneath the roads and the entrances are not clearly visible. Don&#8217;t be standing in the cold for ages before jumping in a cab.</p>
<h3>Roads</h3>
<p>Do people drive SUVs because of the potholes or do they cause them?</p>
<p>The naming and numbering system is simple and the biggest begin with I for interstate because they span more than one state. In Seattle this includes the I-5 which starts at Mexico, comes up through California and Oregon and right through Seattle before turning into the BC99 at the Canadian border and on towards Vancouver. We also have the I-405 which runs parallel to the I-5 but only from Seattle to California and the I-90 (not to be confused with the immigration form of the same name) which starts in Seattle and spans across to Boston on the east coast. Interstates are like English motorways and there is nothing like them Guernsey.</p>
<p>Highways are smaller and get just a number. The most popular here are the 405 that runs north-south parallel with the I-5 for a while but on the east-side and the 520 east-west between downtown Seattle and Redmond via Microsoft HQ which runs almost parallel with the I-90. Both the 520 and the I-90 cross Lake Washington which sits beautifully, if a little inconveniently, between downtown Seattle and &#8220;Eastside&#8221; where everything else exists. They are comparable with dual-carriage ways and there is nothing like them in Guernsey&#8230; well, maybe the 50 meters leading up to the town roundabout.</p>
<h3>Traffic</h3>
<p>The speed limit in Guernsey is 35mph so getting comfortable with 60mph can take months. I&#8217;m never sure it will feel completely natural but there&#8217;s nothing wrong with being alert and edgy on these roads.</p>
<p>Driving at 60mph means I want to leave the proper distance between myself and the car in front. Unfortunately that space will immediately be filled by three cars and a semi-articulated truck. There is no sweet spot where you get good stopping distance nobody will fill.</p>
<p>Be aware that people drive with little concern for their own safety let alone yours.</p>
<h3>Lights</h3>
<p>Many towns and cities are laid out on a grid and almost every intersection has traffic lights.  I wondered why so many sit on highway traffic jams when smaller roads exist and now I know it is impossible to keep momentum through the grid.</p>
<p>You do get to turn right at red lights after stopping and yielding though &#8211; unless a sign says otherwise.</p>
<p>Everyone here goes through on orange and call it &#8217;squeezing the orange&#8217;. Don&#8217;t squeeze too hard though or it&#8217;ll be red and you&#8217;ll find a souvenir to capture the moment for prosperity arriving in the mail and a bill for $70.</p>
<h3>License</h3>
<p>Get a license as soon as you arrive even if you don&#8217;t intend to drive. Rental companies are confused by a Guernsey driving license, bars only accept passports and US drivers licenses and insurance takes how long you&#8217;ve had a US license into consideration. Domestic flights require government ID and carrying your passport everywhere is a liability given how hard it is to replace your passport, I-94 and visa. Trust me on that.</p>
<p>The test is easy. Sit down in front of a PC for traffic rules and regulations (most of which are like the UK except regarding school buses.</p>
<p>The DMV is efficient <strong>once</strong> you get to the front but getting there can run to hours so Go to their web site, find all the offices and keep an eye on wait times for a few days to spot a good time and location. If you can&#8217;t find one go and pick up your number, subtract 15 minutes from the wait time and then go and have lunch, meet friends, start a family and then come back and take your turn. In my case it was 2 hours better spent elsewhere.</p>
<h3>Insurance</h3>
<p>Is going to be expensive at first &#8211; your maximum no-claims-bonus isn&#8217;t going to help so get that license early.</p>
<p>With more people comes more danger and add in crazy hospital costs and litigation the policies will need high limits and people should be careful on the roads. They&#8217;re not in both cases.</p>
<h3><strong>Accidents</strong></h3>
<p>Accidents are common and we sat in traffic for over 45 minutes while somebody had a Carbeque (car on fire).</p>
<p>As a pedestrian I&#8217;ve been almost hit 3 times. Some factors I suspect are:</p>
<ul>
<li>Rear windshield (windscreen) wipers are rare &#8211; drivers never look behind</li>
<li>Orange turn signals (indicators) are often absent &#8211; a flashing red brake light is much less obvious</li>
<li>Automatic and cruise controls exist &#8211; concentrate on anything but driving</li>
<li>SUVs, minivans and trucks obscure the visibility of all around them &#8211; and give a false sense of saftey</li>
<li>Drink driving is less strict &#8211; many will happily drive after a few</li>
<li>Lack of spacial awareness &#8211; also a problem in supermarkets with carts (trolleys)</li>
</ul>
<h3>Automatic vs manual</h3>
<p>Driving on the &#8216;right&#8217; side of the road isn&#8217;t difficult. The steering wheel can still opposite the curb so all is well unless you drive an import (don&#8217;t) and its easy for the entire left-side of your body to fall asleep with nothing to do.</p>
<p>All rentals are automatic.</p>
<p>If you do buy a manual (or stick as they like to call it) then choice disappears quickly, fuel economy improves and resale gets harder. We went with a Subaru Impreza for AWD winter ski trips and a hatchback for transporting stuff. You&#8217;d be shocked at how few models support manual AWD hatchbacks that aren&#8217;t an SUV here.</p>
<p>Don&#8217;t let this put you off, it&#8217;s a great place to live, work or just visit&#8230; but bring a raincoat.</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=M2fo_3CPPwA:Rgcj654WZEI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=M2fo_3CPPwA:Rgcj654WZEI:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=M2fo_3CPPwA:Rgcj654WZEI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/M2fo_3CPPwA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2011/01/29/from-somewhere-small-transport-in-the-usa-well-seattle/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2011/01/29/from-somewhere-small-transport-in-the-usa-well-seattle?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=from-somewhere-small-transport-in-the-usa-well-seattle</feedburner:origLink></item>
		<item>
		<title>Three weeks with Windows Phone 7 – a Mac users perspective</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/D-NT8cnw4uw/three-weeks-with-windows-phone-7-a-mac-users-perspective</link>
		<comments>http://damieng.com/blog/2010/12/26/three-weeks-with-windows-phone-7-a-mac-users-perspective#comments</comments>
		<pubDate>Sun, 26 Dec 2010 17:20:02 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[windows phone 7]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=1785</guid>
		<description>It&amp;#8217;s been a few weeks since I took up Microsoft&amp;#8217;s employee offer of a free Windows Phone 7 (when you renew a 2 year contract) and combined it with AT&amp;#38;T&amp;#8217;s offer of buy-one-get-one-free for my wife. So how have things been going? Physical Compared to the iPhone 3G the Focus is much more comfortable. The</description>
			<content:encoded><![CDATA[<p>It&#8217;s been a few weeks since I took up Microsoft&#8217;s employee offer of a free Windows Phone 7 (when you renew a 2 year contract) and combined it with AT&amp;T&#8217;s offer of buy-one-get-one-free for my wife.</p>
<p>So how have things been going?</p>
<h3>Physical</h3>
<p>Compared to the iPhone 3G the Focus is much more comfortable.</p>
<p>The larger screen size means a wider and taller phone but with less surround it&#8217;s not unwieldy &#8211; far from it. In fact the phone sits far more comfortably in my hand than the iPhone did. This is partly because it&#8217;s a better match for the size of my hand, partly because it&#8217;s a little lighter but mostly I think because the bevel is a lot more subtle and less steep and awkward than the iPhone&#8217;s shiny-pebble inspired design.</p>
<p>On the flip side it does look and feel a little cheaper and less solid but a small part of that is because the back of the phone flips off like many other allowing you access to the battery, sim and memory expansion slot. The dedicated back and home buttons below the screen help keep the display clear of chrome and give the apps the space they need.</p>
<p>The major disappointment for me here is the screen. While it is very bright and has great contrast if, like me, you hold it rather close to your face you can see a dithering pattern caused by the unusual LED subpixel arrangement called <a href="http://en.wikipedia.org/wiki/PenTile_Matrix_Family">PenTile</a> on every colour except green. I&#8217;ve learnt to hold it a little father away as the text rendering is very nice otherwise but compared to a friends iPhone 4 the screen is a letdown.</p>
<h3>User interface</h3>
<p>Until you&#8217;ve used the Zune-inspired interface (part of an overall design strategy called Metro) it&#8217;s a little hard to put it into words. Static screenshots certainly don&#8217;t do it justice as it&#8217;s all about movement and flow in a way other devices aren&#8217;t.</p>
<p>Starting from a tiled home page that gives you a peek into your mail, messages, people and games through a gorgeous combination of animation, text and imagery that keeps the page feeling fresh and alive &#8211; a spirit that is carried through the rest of the device &#8211; not just with the built-in screens and features but also into many third-party apps (more on that soon).</p>
<p>In a way it feels like a window onto a bigger world behind it instead of a subset of that world crammed onto a small screen. It&#8217;s like the difference between a mobile web browser that scales in and out on a whole page versus a mobile-optimized page that lacks detail and finesse.</p>
<p>As many will know my wife and I are primarily based on Apple technology but even after a week with the Focus my wife announced (with a slightly sad face) that her iPhone 3GS felt old &#8211; even with iOS 4.1 on it. I have to admit the same feeling. Sure the iPhone is cure but the icon-and-list approach with the odd red circle to indicate some activity now lacks engagement.</p>
<p>Part of Microsoft&#8217;s advertising campaign has been the get-in-get-out approach and the home page and email works really well here. So much so that it&#8217;s broken my 3 year ritual almost instantly in that I now check my email on my phone each morning when I get up instead of using the laptop to do the same. If I can find a good Google Reader app then the laptop might not open until I get to work.</p>
<p>I had an initial worry when I first turned it on as there were a bunch of AT&amp;T applications and tiles installed however it let me remove all the ones I don&#8217;t want or use (e.g. U-Verse) Score +1 for consumers over providers :)</p>
<h3>Mac integration</h3>
<p>I&#8217;m in a minority among friends as I actually like iTunes. It sorts, it plays, it lets me get audiobooks, podcasts and legal music quick and fast. I&#8217;ve also used it to rip a fair number of my own tracks from CD and bolstered my collection with tracks from Amazon MP3 sometimes (like their $3.99 Tron: Legacy deal). Sure I wish it allowed plug-ins for different music formats &#8211; I have a soft spot for chipmusic &#8211; but apart from that it&#8217;s been quite pain free.</p>
<p>iTunes however only likes to play with iPods, iPads and iPhones. Other companies have hooked their devices in unofficially in the past and Apple have been sure to quickly break it.</p>
<p>Thankfully Microsoft haven&#8217;t let the Mac fans out in the cold and provide the <a href="http://www.microsoft.com/downloads/en/details.aspx?FamilyID=1fe7ea0f-3ad6-4137-8397-d412a3792c33">Windows Phone 7 Connector for Mac</a>.</p>
<p>The software does an okay job at sending music and videos from your iTunes library over to your USB connected phone although obviously DRM-protected content isn&#8217;t going to work.</p>
<p>What was disappointing however is even &#8220;Purchased music&#8221; from iTunes won&#8217;t actually play on the Windows Phone even though it syncs. I&#8217;m assuming this is a bug as there isn&#8217;t any DRM here (that is marked &#8220;Protected music&#8221;) and the file format is Dolby&#8217;s own AAC not Apple&#8217;s so I don&#8217;t see why it shouldn&#8217;t work.</p>
<p>It also won&#8217;t sync your Mac&#8217;s Address Book and Calendar&#8217;s directly however there is a way to do this quite easily indirectly &#8211; see below.</p>
<h3>Contacts</h3>
<p>Enter your Facebook name and password and it will fill your contacts from Facebook with each getting their own &#8216;what&#8217;s new&#8217; etc. Like most people this isn&#8217;t exactly what I want but I took the opportunity to prune 100 people I never speak to &#8211; an option also exists to only supplement existing contacts on the phone with their Facebook pictures and feeds.</p>
<p>It also helpfully pulled in my Gmail contacts and in the cases where I have a contact card in GMail for somebody on Facebook did a good job of joining them up. Some it seems were automatic possibly based on email addresses and full names. Others had recommendation when I went to join that were always correct and in a handful of cases I just had to tell it which ones to join up manually because they had changed their name on Facebook.</p>
<p>In some cases I merged three cards for a single person &#8211; their semi-public Facebook profile and photo, their private telephone numbers from GMail and their semi-public Windows Live details for messenger and Xbox.</p>
<p>Finally I added my Outlook/Exchange account &#8211; all worked flawlessly and for each account you get to choose whether to bring in contacts and calendars and in most cases mail (but not for Facebook).</p>
<p>The result of all this is that my phone is now the best contact list I have on any device. It combines them beautifully in a way no other device I&#8217;ve owned has and not once in the three weeks since I set it up has it got confused, lost details or had sync problems.</p>
<p>Very sweet&#8230; unless of course your primary contact information is your Mac&#8217;s Address Book as any Mac-owning iPhone owners will be.</p>
<h3>Getting Address Book contacts onto Windows Phone</h3>
<p>Please forgive the SEO-tuned heading but I didn&#8217;t find any useful information online and want to share this simple technique with others :)</p>
<p>You&#8217;ll need a GMail account to make this work (it also works with Google Apps for Domains too), simply:</p>
<ol>
<li>Copy any important details from your GMail contacts manually into Address Book if you need to</li>
<li>Wipe out your GMail contacts (you could always backup with Export first if you want but don&#8217;t re-import)</li>
<li>Open the Address Book application and head into Preferences</li>
<li>Choose the option to sync &#8220;On My Mac&#8221; with Google and hit configure to enter your GMail details</li>
<li>Delete the GMail profile from your Windows Phone 7 and then re-add it (otherwise it won&#8217;t sync phone numbers)</li>
</ol>
<p>This means you&#8217;ll have your Mac contacts at your fingertip in GMail so make sure your GMail account has a secure password and <a href="http://mail.google.com/support/bin/static.py?hl=en&amp;page=checklist.cs">follow their steps to ensure your account is well protected</a>.</p>
<h3>Reception &amp; call quality</h3>
<p>I was nervous about getting back into bed with AT&amp;T for another two years. I need coverage at work and home as I don&#8217;t have a dedicated phone at either location and many times AT&amp;T had left me with only a single bar to get by.</p>
<p>I am somewhat confused that I get 3-4 bars on the Samsung Focus in both locations and I&#8217;ve yet to have the chopping up or disconnecting of calls that I attributed to AT&amp;T when using my iPhone 3G. Stranger still is that when I have had 1 bar (one place in my apartment) I am actually still able to make calls without it cutting out or dropping. My iPhone taught me never to try with 1 bar&#8230;</p>
<p>Visual voicemail is gone as I guess that was an Apple exclusive but I&#8217;ve only had a handful of voicemail messages over the last 2 years so I doubt i&#8217;ll miss it.</p>
<h3>Camera</h3>
<p>The camera seems pretty good and has some HDR and anti-shake options as standard as well as limited bunch of image effects. It also does video but I haven&#8217;t tried that yet.</p>
<h3>Marketplace</h3>
<p>You sign into this with your Xbox LIVE credentials and once you&#8217;re there it&#8217;s not a far off experience from the iTunes store except that it has a lot less apps. While it&#8217;s good you don&#8217;t have to wade through so much junk to find good stuff there are some omissions too like Hulu and for many people they&#8217;ll be missing Angry Birds and their favorite games and apps. I also haven&#8217;t found a good Windows Phone-like navigation app although the built-in Bing app is no worse than the Google Maps app on the iPhone that occasionally gave me nonsensical (drive into the ocean) or wrong directions (Seattle hotel being off by 2 blocks).</p>
<p>On the plus side some favourite sites have their own apps and they have fully embraced the metro user interface to provide a great experience &#8211; these include IMDB, eBay, Facebook, Twitter.</p>
<p>The bad side here is that the marketplace you&#8217;ll be presented with is the one your Xbox LIVE account is associated with and once you&#8217;ve set-up your phone YOU CAN&#8217;T CHANGE IT!</p>
<p>For me this means I can&#8217;t get Netflix on my device as my Xbox account is set to USA. Previously Xbox didn&#8217;t let you change your country but recently introduced a facility to let you migrate your account to one of several new countries they now support.  I&#8217;m hopeful they&#8217;ll let more general country changes next year as I&#8217;m not giving up my 8800 gamer score and cool gamertag (damieng) without a fight.</p>
<h3>Summary</h3>
<p>There are a whole bunch of extra things I haven&#8217;t covered here including the Bing maps, Office docs, Xbox LIVE, Zune and the various apps. I&#8217;ll either update this article or post another :)</p>
<p>I haven&#8217;t switched my iPhone on in three weeks. There are a few apps I do miss but they&#8217;re also on my iPad.</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=D-NT8cnw4uw:xakOMY4hnOI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=D-NT8cnw4uw:xakOMY4hnOI:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=D-NT8cnw4uw:xakOMY4hnOI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/D-NT8cnw4uw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2010/12/26/three-weeks-with-windows-phone-7-a-mac-users-perspective/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2010/12/26/three-weeks-with-windows-phone-7-a-mac-users-perspective?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=three-weeks-with-windows-phone-7-a-mac-users-perspective</feedburner:origLink></item>
		<item>
		<title>Six great new features at Xbox.com</title>
		<link>http://feed.damieng.com/~r/DamienG/~3/3VlyjyqZ29g/great-new-features-at-xbox-com</link>
		<comments>http://damieng.com/blog/2010/10/20/great-new-features-at-xbox-com#comments</comments>
		<pubDate>Wed, 20 Oct 2010 09:49:09 +0000</pubDate>
		<dc:creator>Damien Guard</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[xbox]]></category>

		<guid isPermaLink="false">http://damieng.com/?p=1765</guid>
		<description>It&amp;#8217;s been quite a while since xbox.com had a major update and today sees the launch of the new version with a clean new look and a whole host of new features that our teams here at LIVE engagement have been working on. There are a whole great new set of features, my favourites are</description>
			<content:encoded><![CDATA[<p>It&#8217;s been quite a while since xbox.com had a major update and today sees the launch of the new version with a clean new look and a whole host of new features that our teams here at LIVE engagement have been working on.</p>
<p>There are a whole great new set of features, my favourites are below&#8230; note that some of these are not available in non-LIVE locales.</p>
<p><img style="float: right;" title="xbox.com Avatar Editor" src="http://images.damieng.com/blog/AvatarEditor.png" alt="Showing the xbox.com Avatar Editor in action" /></p>
<h3>1. Avatars</h3>
<p>Avatars are no longer just for the console but are escaping out onto the web and Windows Phone 7. With the new <a href="http://live.xbox.com/AvatarEditor">Avatar Editor</a> you can create your own avatar or modify your existing one with a new easy-to-use interface from your browser.</p>
<p>The new Avatar Marketplace lets you search and find cool items for your avatar to wear and try them on right-there in the search pages. Head on in either by <a href="http://marketplace.xbox.com/Products/BrowseAvatarGameStyle">game</a> or by<a href="http://marketplace.xbox.com/Products/BrowseAvatarLifestyle"> lifestyle (brands)</a> (click the little grid icon to see sub-brands such as your own university&#8217;s sports team!).</p>
<p>Because these guys are 3D animated they require <a href="http://www.silverlight.net/">Silverlight</a> to be installed on your machine (the streaming videos on xbox.com also require it)</p>
<h3>2. Marketplace search &amp; results</h3>
<p>A brand new search function means we get <a href="http://marketplace.xbox.com/en-US/Search?query=modern%20call%20of%20duty">much better results than before</a>, fuzzy matching and some dynamic filtering options that appear on the left-hand side letting you dig down into family friendly games (e.g. bt game ratings).</p>
<p>Another cool use is to search for your <a href="http://marketplace.xbox.com/en-US/Search?query=%20nirvana&amp;Game=66acd000-77fe-1000-9115-d80245410869">favourite band and see what tracks and packs</a> they have available. Then head to the game filter on the left to see only the ones that work with your game (e.g. Rock Band, Guitar Hero, Dance Central etc!)</p>
<p>When you visit the product detail page it now shows the images and streaming video inline (goodbye popups) as well as <a href="http://marketplace.xbox.com/Product/Mothership-Zeta/00000000-0000-400c-80cf-001a425307d5">game add-ons</a> <a href="http://marketplace.xbox.com/Product/Take-Me-Out/00000000-0000-400c-80cf-022745410829">showing which games they work with</a> &#8211; useful for those music track packs!</p>
<h3>3. Hand-picked promotions</h3>
<p>Our content teams can now put together collections of themed hand-picked games, add-ons etc. that you can you filter, sort and explore from such as the new <a href="http://marketplace.xbox.com/promotion/kinectgames">Kinect games</a> or <a href="http://marketplace.xbox.com/promotion/familygames">family-friendly fun</a> (these will be per-region so might not exist in yours yet).</p>
<p>Gold and family gold members should keep an eye out for Gold exclusive offers or pricing!</p>
<h3>4. Streamlined account creation</h3>
<p>It&#8217;s now easier-than-ever to sign up for a free Xbox live account. Less questions, less steps and we&#8217;ll give you a randomly-generated gamertag you can change for free later when you&#8217;ve had chance to decide on the perfect name for your game-playing alter-ego. (We&#8217;ve seen some fun auto-generated ones during the development cycle including FirmJunk,</p>
<p><img style="float: right;" title="Compare games" src="http://images.damieng.com/blog/compare.png" alt="Comparing games on Xbox.com" /></p>
<h3>5. Compare games with your friends</h3>
<p>Okay, you could compare games before but the new UI is better and there&#8217;s a cool hidden feature that lets you compare against multiple people at the same time.</p>
<p>To do this head into My Xbox&#8217;s Game Center and choose a friend to compare with. Now, notice the url at the top of the page? Put a comma after it and another gamertag to see three&#8230; or another comma and a gamertag to see all four (the maximum) side-by-side.</p>
<h3>6. Family center</h3>
<p>New with this update is the <a href="http://www.xbox.com/live/familypack">Gold Family Pack</a> which lets you get four gold subscriptions for $99 a year and lots of cool family features including play time reports, gifting points, allowances etc.</p>
<p>There are a whole host of extra features to be seen at xbox.com including mobile-to-web gaming, improved messaging, simplified UI etc. so go check them out!</p>
<p><em>[)amien</em></p>
<div class="feedflare">
<a href="http://feed.damieng.com/~ff/DamienG?a=3VlyjyqZ29g:HF2ZAOQwxzo:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/DamienG?i=3VlyjyqZ29g:HF2ZAOQwxzo:D7DqB2pKExk" border="0"></img></a> <a href="http://feed.damieng.com/~ff/DamienG?a=3VlyjyqZ29g:HF2ZAOQwxzo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/DamienG?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DamienG/~4/3VlyjyqZ29g" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://damieng.com/blog/2010/10/20/great-new-features-at-xbox-com/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://damieng.com/blog/2010/10/20/great-new-features-at-xbox-com?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=great-new-features-at-xbox-com</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 1.258 seconds. --><!-- Cached page generated by WP-Super-Cache on 2012-01-23 09:18:02 --><!-- Compression = gzip -->

