<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Eclecti.ca</title>
	<atom:link href="http://eclecti.ca/feed/" rel="self" type="application/rss+xml" />
	<link>http://eclecti.ca</link>
	<description>Like The Internet...but smaller</description>
	<lastBuildDate>Tue, 11 Jun 2013 17:10:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Writing for the Web</title>
		<link>http://eclecti.ca/writing-for-the-web/</link>
		<comments>http://eclecti.ca/writing-for-the-web/#comments</comments>
		<pubDate>Sat, 09 Feb 2013 03:30:40 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Geekery]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=994</guid>
		<description><![CDATA[Writing for the Web is different than other kinds of writing. That&#8217;s because people don&#8217;t read webpages, they scan them. Not only that but people give a webpage about three seconds to convince them to keep reader. When a near-limitless number of alternatives is a single-click away, going back to a list of search results, [...]]]></description>
				<content:encoded><![CDATA[<p>Writing for the Web is different than other kinds of writing. That&#8217;s because <strong>people don&#8217;t read webpages, they scan them</strong>. Not only that but <strong>people give a webpage about three seconds</strong> to convince them to keep reader.</p>
<p>When a near-limitless number of alternatives is a single-click away, going back to a list of search results, your opportunity to engage the reader is very small. <strong>Writing for the web is very different than other kinds of writing</strong>.</p>
<p>But don&#8217;t worry, <strong>you&#8217;re about to learn how to write for the web</strong>, to connect with your audience and keep them engaged from your first line to your last.</p>
<p>I help people get their message online by building them a website. It&#8217;s fun and rewarding and I still get excited when I can help someone new move their converstations online. When I&#8217;m finished my work, and they have a new website, the real work of the website is just beginning. A website is only as good as it&#8217;s content and no matter how great a site I build, the people I work with still need to fill it with awesome content.</p>
<p>There are four key things to keep in mind when writing for the web:</p>
<ol>
<li><a href="#scannable"><span style="line-height: 13px;">Make Your Text Scannable</span></a></li>
<li><a href="#short">Keep It Short and Simple</a></li>
<li><a href="#quality">Quality Counts</a></li>
<li><a href="#call">Have a Great Call To Action</a></li>
</ol>
<div class="woo-sc-box normal large  ">At the end of this article, you can get my<a href="http://j.mp/WritingForTheWebChecklist"> Free Writing For The Web Checklist</a> to help make sure you follow these steps everytime you write for the web.</div>
<h2><a name="scannable"></a>Make Your Text Scannable</h2>
<p>People don&#8217;t read webpages, they scan them. Research shows us that most people don&#8217;t read from left -to-right, top-to-bottom when reading a webpage. They read in an &#8220;F&#8221; shape, like this:</p>
<p><img class="aligncenter" alt="" src="http://us.cision.com/images/misc/f-pattern-reading-on-the-web.jpg" /></p>
<p>This means we need to shape our web content to fit this pattern. This of course is for English readers, which are left-to-right, top-to-bottom readers. If you&#8217;re working in a different language that is right-to-left, like Arabic or top-to-bottom, such as Chinese, you&#8217;ll need to match those reading patterns.</p>
<p><strong>Here are some things we can do to match the F Pattern</strong>:</p>
<ul>
<li>highlighted important words and phrases
<ul>
<li>use links, bold, typeface and colours to highlight</li>
</ul>
</li>
<li>bulleted lists help make content easy to scan</li>
<li>Keep each paragraph to only one idea.
<ul>
<li>If you put more ideas in, they will get lost when readers skip over them</li>
</ul>
</li>
<li>Put your conclusion first and then explain it</li>
<li>Use half the words as conventional writing.</li>
</ul>
<h3>Links</h3>
<p>Want to learn more? Check out these links:</p>
<ul>
<li><a href="http://www.nngroup.com/articles/how-users-read-on-the-web/">How Users Read on the Web</a></li>
<li><a href="http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/">F-Shaped Pattern For Reading Web Content</a></li>
<li><a href="http://writemindset.com/writing/217/scannable.html">10 ways to write scannable web copy</a></li>
</ul>
<h2><a name="short"></a>Keep it Short and Simple</h2>
<p>People read the web to solve a problem and they are looking for the best answer. Part of they measure &#8220;best&#8221; is how easy it is to read your content. Unline a book or magazine, where the reader has committed to reading with time, space and maybe even money, webpages don&#8217;t require the same committment. They are fast and easy to switch and are most likely free.</p>
<p>Lead with your conclusion and then explain it. This is often referred to as the <a href="http://en.wikipedia.org/wiki/Inverted_pyramid">inverted pyramid</a> pattern. This will place your most important content at the top-left of the page, where the most time is spent by F Pattern readers.</p>
<h3>Links</h3>
<p>What to learn more? Check out these links:</p>
<ul>
<li><a href="http://styleguide.yahoo.com/writing/write-web/get-point"><span style="line-height: 13px;">Get To The Point</span></a></li>
<li><a href="http://www.quepublishing.com/articles/article.aspx?p=2008723">Writing Online Copy that Sells: Keeping It Short and Simple</a></li>
<li><a href="http://www.chapterthree.com/blog/jessica-hui/basic-ingredients-good-web-writing">Basic Ingrediants for Good Web Writing</a></li>
<li><a href="http://www.appliedluck.com/2011/11/writing-for-web-keep-it-short.html">Writing for the Web? Keep it short</a></li>
</ul>
<h2><a name="quality"></a>Quality Counts</h2>
<p>Taking the time to proofread isn&#8217;t some sort of secret sauce for writing for the web. It&#8217;s just part of good writing. But that doesn&#8217;t mean you can skip it when writing for the web. Email and status updates might be looser on the need for proofreading, but if you&#8217;re trying to engage your reader, look your best and make sure your content is well written and error-free.</p>
<p>I think two great books on this topic are the classic <a href="http://en.wikipedia.org/wiki/The_Elements_of_Style">Elements of Style</a> and <a href="http://books.google.ca/books/about/On_Writing_Well_30th_Anniversary_Edition.html?id=R-85PhmkW5gC">On Writing Well</a>. Every writer should read these books at least once, in my opinion, and preferably once a year.</p>
<p>In particular, a key writing strategy to focus on quality is to <strong>write in the active voice</strong>. The opposite of the active voice, is the passive voice. Passive voice writing is longer, more complicated and less engaging. Active voice writing is shorter, simpler and engaging. Here&#8217;s an example:</p>
<p style="padding-left: 30px;"><strong>Active Voice</strong>: You wrote the web page.</p>
<p style="padding-left: 30px;"><strong>Passive Voice</strong>: The web page was written by you.</p>
<p>The exception to this rule is when writing the passive voice helps deliver great titles, headings and summaries by making the first two words highly relevant. As reported by the Neilsen/Norman Group, &#8220;recent findings from our eyetracking research emphasized the overwhelming<strong> importance of getting the first 2 words right</strong> , since that&#8217;s often all users see when they scan Web pages. Given this, we have to bend the writing guidelines a bit, especially for elements that users fixate on when they scan — that is, <strong>headlines, subheads, summaries, captions, hypertext links, and bulleted lists</strong> .&#8221;</p>
<h3>Links</h3>
<p>What to learn more? Check out these links:</p>
<ul>
<li><a href="http://www.copyblogger.com/brilliant-writing-tips/">Brilliant Writing Tips</a></li>
<li><span style="line-height: 13px;"><a href="http://www.fatdux.com/blog/2009/08/07/20-tips-for-writing-for-the-web/">20 tips for writing for the web</a><br />
</span></li>
<li><a href="http://www.hongkiat.com/blog/writing-for-the-web-tips-common-mistakes-we-make/">Writing For The Web: Tips &amp; Common Mistakes We Make</a></li>
<li><a href="http://www.webdesignerdepot.com/2009/08/20-tips-on-how-to-write-for-the-web/">Tips for Better Writing On The Web</a></li>
<li><a href="http://www.dailywritingtips.com/active-voice/">Using the Active Voice to Strengthen Your Writing</a></li>
<li><a href="http://www.nngroup.com/articles/passive-voice-is-redeemed-for-web/">Passive Voice Is Redeemed For Web Headings</a></li>
</ul>
<h2><a name="call"></a>Have a Great Call To Action</h2>
<p>Readers on the web aren&#8217;t just reading your content. What they are reading is part of a flow of information. They will be quickly shifting to the next piece of content that is part of their flow. To increase engagement, it is very important to provide a clear call to action for your reader. Traditionally thought of as an e-commerce strategy, where the call to action is to buy &#8211; it has become clear that an effective call to action is very useful for all web content.</p>
<p>Ask yourself &#8220;What is the next thing I want my reader to after reading my content?&#8221; It could be buying something, it could be signing up for a newsletter, following you on twitter or even just inviting them to comment on your article. Whatever that action is, you need to provide the call to action in a clear and compelling fashion.</p>
<p>How can we make our call to action compelling? Here are 5 things you can do to have a great call to action</p>
<ol>
<li><span style="line-height: 13px;">Use clear, active language like: Call, Buy, Register, Subscribe and Donate</span></li>
<li>Keep it short and simple</li>
<li>Avoid adverbs</li>
<li>Have a call to action on every page</li>
<li>Make it stand out: position, colour and size</li>
</ol>
<h3>Links</h3>
<p>What to learn more? Check out these links:</p>
<ul>
<li><span style="line-height: 13px;"><a href="http://boagworld.com/design/10-techniques-for-an-effective-call-to-action/">10 techniques for an effective ‘call to action’</a></span></li>
<li>
<p style="display: inline !important;"><a href="http://blog.hubspot.com/blog/tabid/6307/bid/31435/How-to-Write-Call-to-Action-Copy-That-Gets-Visitors-Clicking.aspx">How to Write Call-to-Action Copy That Gets Visitors Clicking</a></p>
</li>
<li><a href="http://www.1stonthelist.ca/articles/how-to-write-call-to-actions/">How to Write Compelling Call to Actions for your Website</a></li>
</ul>
<h2>The Checklist</h2>
<p>Now that you have the tools, you&#8217;re ready to write awesome content for the web. To help you when you write for the web, use my <a href="http://j.mp/WritingForTheWebChecklist">Free Writing For The Web Checklist</a>.</p>
<p>&nbsp;</p>
<h2 style="text-align: center;">What You Think?</h2>
<p><div class="woo-sc-box normal large  ">Tell me what you think about writing for the web. Comment below or tell me on <a href="https://twitter.com/seanyo">Twitter</a>.<span style="color: #ff6600"><span style="color: #333333"></div></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/writing-for-the-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>MetaLink: Thursday with 5 links</title>
		<link>http://eclecti.ca/metalink-thursday-with-5-links/</link>
		<comments>http://eclecti.ca/metalink-thursday-with-5-links/#comments</comments>
		<pubDate>Thu, 31 Jan 2013 17:47:49 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Food]]></category>
		<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=975</guid>
		<description><![CDATA[Test Kitchen tips: Stove-top smoking: Sometimes nothing beats smoking a nice cut of meat outdoors on a lazy, hot day &#8212; that is, as long as the weather cooperates. But the great outdoors can get a little testy, especially during these winter months. Even in Southern California. &#8211; by Noelle Carter &#8211; Tags: food &#8211; [...]]]></description>
				<content:encoded><![CDATA[<p><strong>Test Kitchen tips: Stove-top smoking</strong>: Sometimes nothing beats smoking a nice cut of meat outdoors on a lazy, hot day &#8212; that is, as long as the weather cooperates. But the great outdoors can get a little testy, especially during these winter months. Even in Southern California. &#8211; by Noelle Carter &#8211; Tags: food &#8211; <a href="http://www.latimes.com/features/food/dailydish/la-dd-test-kitchen-tips-stove-top-smoking-20130121,0,5552955.story" target="_blank">http://www.latimes.com/features/food/dailydish/la-dd-test-kitchen-tips-stove-top-smoking-20130121,0,5552955.story</a></p>
<p><strong>Peanut Butter Black Bean Brownies</strong>: As of a few days ago, I have started counting my calories a bit. Nothing extreme, but I am trying to be more conscious of what I&#8217;m eating. This means more fruits and veggies, less bread and less sugar. My body is thanking me, but my brain is not on the same page. &#8211; by Amanda K. &#8211; Tags: food &#8211; <a href="http://amandakbythebay.blogspot.ca/2013/01/peanut-butter-black-bean-brownies.html" target="_blank">http://amandakbythebay.blogspot.ca/2013/01/peanut-butter-black-bean-brownies.html</a></p>
<p><strong>Week 5: Legumes – Red Lentil Burgers</strong>: I love lentils. Lentil soup is my favorite. But I wanted to try something a little different with them, so I thought this recipe would be perfect! I had read it a while back in an issue of Cooking Light, and I found it easily on their website. &#8211; by Everythingevil &#8211; Tags: food &#8211; <a href="http://52weeksofnomnom.wordpress.com/2013/01/30/week-5-legumes-red-lentil-burgers/" target="_blank">http://52weeksofnomnom.wordpress.com/2013/01/30/week-5-legumes-red-lentil-burgers/</a></p>
<p><strong>The Pizza Lab: Foolproof Pan Pizza</strong>: It&#8217;s time for another round of The Food Lab. Got a suggestion for an upcoming topic? Email Kenji here, and he&#8217;ll do his best to answer your queries in a future post. Become a fan of The Food Lab on Facebook or follow it on Twitter for play-by-plays on future kitchen tests and recipe experiments. &#8211; by J. Kenji López-Alt &#8211; Tags: food &#8211; <a href="http://slice.seriouseats.com/archives/2013/01/the-pizza-lab-the-worlds-easiest-pizza-no-knead-no-stretch-pan-pizza.html" target="_blank">http://slice.seriouseats.com/archives/2013/01/the-pizza-lab-the-worlds-easiest-pizza-no-knead-no-stretch-pan-pizza.html</a></p>
<p><strong>If Almonds Bring You Joy, Enjoy More For Fewer Calories</strong>: Scientists are starting to discover that the standard way of measuring calories, established more than 100 years ago, may not be terribly accurate when it comes to higher fat, high-fiber foods like nuts. But when it comes to almonds, the count may be off by a whole lot. Food scientists at the U.S. &#8211; by Allison Aubrey &#8211; Tags: food &#8211; <a href="http://www.npr.org/blogs/thesalt/2012/08/03/158083010/if-almonds-bring-you-joy-enjoy-more-for-fewer-calories" target="_blank">http://www.npr.org/blogs/thesalt/2012/08/03/158083010/if-almonds-bring-you-joy-enjoy-more-for-fewer-calories</a></p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/metalink-thursday-with-5-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 12/12/2012</title>
		<link>http://eclecti.ca/m3talinks-for-12122012/</link>
		<comments>http://eclecti.ca/m3talinks-for-12122012/#comments</comments>
		<pubDate>Wed, 12 Dec 2012 15:30:22 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=971</guid>
		<description><![CDATA[vox.io blog Did you know that Ada Lovelace, the illegitimate daughter of poet Lord Byron, is credited as the world’s first computer programmer? Born in 1815, Ada was raised in a strict environment of mathematics and logic as a child, in order to prevent her from becoming anything like the “insane” father who had abandoned [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://blog.vox.io/post/37645656884/happy-birthday-ada-lovelace-the-first-computer">vox.io blog</a>      </p>
<p class="diigo-description">Did you know that Ada Lovelace, the illegitimate daughter of poet Lord Byron, is credited as the world’s first computer programmer? Born in 1815, Ada was raised in a strict environment of mathematics and logic as a child, in order to prevent her from becoming anything like the “insane” father who had abandoned her. Sounds like a great soap opera plot, doesn’t it? (Days of Our Lives, if you’re reading this, get a hold of me).</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/adalovelace">adalovelace</a>            <a href="http://www.diigo.com/user/seanyo/ada">ada</a>            <a href="http://www.diigo.com/user/seanyo/computer">computer</a>            <a href="http://www.diigo.com/user/seanyo/programmer">programmer</a>            <a href="http://www.diigo.com/user/seanyo/woman">woman</a>            <a href="http://www.diigo.com/user/seanyo/awesome">awesome</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-12122012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 12/06/2012</title>
		<link>http://eclecti.ca/m3talinks-for-12062012/</link>
		<comments>http://eclecti.ca/m3talinks-for-12062012/#comments</comments>
		<pubDate>Thu, 06 Dec 2012 15:30:21 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=969</guid>
		<description><![CDATA[Vim: Seven habits of effective text editing If you spend a lot of time typing plain text, writing programs or HTML, you can save much of that time by using a good editor and using it effectively. This paper will present guidelines and hints for doing your work more quickly and with fewer mistakes. The [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://www.moolenaar.net/habits.html">Vim: Seven habits of effective text editing</a>      </p>
<p class="diigo-description">If you spend a lot of time typing plain text, writing programs or HTML, you can save much of that time by using a good editor and using it effectively. This paper will present guidelines and hints for doing your work more quickly and with fewer mistakes.</p>
<p>The open source text editor Vim (Vi IMproved) will be used here to present the ideas about effective editing, but they apply to other editors just as well. Choosing the right editor is actually the first step towards effective editing. The discussion about which editor is the best for you would take too much room and is avoided. If you don&#8217;t know which editor to use or are dissatisfied with what you are currently using, give Vim a try; you won&#8217;t be disappointed.</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/vim">vim</a>            <a href="http://www.diigo.com/user/seanyo/editor">editor</a>            <a href="http://www.diigo.com/user/seanyo/howto">howto</a>            <a href="http://www.diigo.com/user/seanyo/productivity">productivity</a></p>
<ul class="diigo-comments">                  </ul>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-12062012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 12/05/2012</title>
		<link>http://eclecti.ca/m3talinks-for-12052012/</link>
		<comments>http://eclecti.ca/m3talinks-for-12052012/#comments</comments>
		<pubDate>Wed, 05 Dec 2012 15:30:20 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=967</guid>
		<description><![CDATA[Command And Conquer &#8211; Tiberian Dawn &#8211; HTML5 This is a recreation of the original Command and Conquer RTS game, entirely in HTML5 and JavaScript. The current version includes several levels in the single player campaign and multiplayer support using Node.js. tags: html5 videogames awesome retro Posted from Diigo. The rest of my favorite links [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://www.adityaravishankar.com/projects/games/command-and-conquer/">Command And Conquer &#8211; Tiberian Dawn &#8211; HTML5</a>      </p>
<p class="diigo-description">This is a recreation of the original Command and Conquer RTS game, entirely in HTML5 and JavaScript.</p>
<p>The current version includes several levels in the single player campaign and multiplayer support using Node.js.</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/html5">html5</a>            <a href="http://www.diigo.com/user/seanyo/videogames">videogames</a>            <a href="http://www.diigo.com/user/seanyo/awesome">awesome</a>            <a href="http://www.diigo.com/user/seanyo/retro">retro</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-12052012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 11/20/2012</title>
		<link>http://eclecti.ca/m3talinks-for-11202012/</link>
		<comments>http://eclecti.ca/m3talinks-for-11202012/#comments</comments>
		<pubDate>Tue, 20 Nov 2012 15:30:24 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=965</guid>
		<description><![CDATA[How to make a Mobius bagel: Sliced just right the breakfast snack makes linked halves with curious mathematical properties &#124; Mail Online How to make a Möbius bagel: Sliced just right the breakfast snack makes linked halves with curious mathematical properties tags: math moebius bagel breakfast awesome Posted from Diigo. The rest of my favorite [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://www.dailymail.co.uk/sciencetech/article-2232924/How-make-Mobius-bagel-Sliced-just-right-breakfast-snack-makes-linked-halves-curious-mathematical-properties.html">How to make a Mobius bagel: Sliced just right the breakfast snack makes linked halves with curious mathematical properties | Mail Online</a>      </p>
<p class="diigo-description">How to make a Möbius bagel: Sliced just right the breakfast snack makes linked halves with curious mathematical properties</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/math">math</a>            <a href="http://www.diigo.com/user/seanyo/moebius">moebius</a>            <a href="http://www.diigo.com/user/seanyo/bagel">bagel</a>            <a href="http://www.diigo.com/user/seanyo/breakfast">breakfast</a>            <a href="http://www.diigo.com/user/seanyo/awesome">awesome</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-11202012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 11/19/2012</title>
		<link>http://eclecti.ca/m3talinks-for-11192012/</link>
		<comments>http://eclecti.ca/m3talinks-for-11192012/#comments</comments>
		<pubDate>Mon, 19 Nov 2012 15:30:26 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=963</guid>
		<description><![CDATA[Game Accessibility Guidelines &#124; A straightforward reference for inclusive game design A straightforward reference for inclusive game design Guidance, examples and advice on why and how to cater for gamers with disabilities and other impairments tags: accessibility guidelines design games awesome Say Hello to Etherpad Lite V1.1.1 &#8211; John McLear Etherpad Lite is a collaborative [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://www.gameaccessibilityguidelines.com">Game Accessibility Guidelines | A straightforward reference for inclusive game design</a>      </p>
<p class="diigo-description">A straightforward reference for inclusive game design<br />
Guidance, examples and advice on why and how to cater for gamers with disabilities and other impairments</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/accessibility">accessibility</a>            <a href="http://www.diigo.com/user/seanyo/guidelines">guidelines</a>            <a href="http://www.diigo.com/user/seanyo/design">design</a>            <a href="http://www.diigo.com/user/seanyo/games">games</a>            <a href="http://www.diigo.com/user/seanyo/awesome">awesome</a></p>
</li>
<li>
<p class="diigo-link">                <a href="http://mclear.co.uk/2012/07/05/say-hello-to-etherpad-lite-v1-1-1/">Say Hello to Etherpad Lite V1.1.1 &#8211; John McLear</a>      </p>
<p class="diigo-description">Etherpad Lite is a collaborative editor, sort of like a web-based multiplayer Notepad but with some really amazing features and a really developer friendly community and framework. Etherpad Lite is completely open-source and comes with no douchery what so ever attached</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/etherpad">etherpad</a>            <a href="http://www.diigo.com/user/seanyo/awesome">awesome</a>            <a href="http://www.diigo.com/user/seanyo/collaboration">collaboration</a>            <a href="http://www.diigo.com/user/seanyo/documentation">documentation</a>            <a href="http://www.diigo.com/user/seanyo/tools">tools</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-11192012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 11/13/2012</title>
		<link>http://eclecti.ca/m3talinks-for-11132012/</link>
		<comments>http://eclecti.ca/m3talinks-for-11132012/#comments</comments>
		<pubDate>Tue, 13 Nov 2012 15:30:20 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=961</guid>
		<description><![CDATA[jeffdav on code: why doesn&#8217;t the favicon for my site appear in IE7? When I was at Microsoft, I was the developer tasked with fixing the Favicon story for IE7. The original IE6 behavior was to download the favicon once&#8211;when a user made a site a Favorite. I do not want to go too deep [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://jeffcode.blogspot.ca/2007/12/why-doesnt-favicon-for-my-site-appear.html">jeffdav on code: why doesn&#8217;t the favicon for my site appear in IE7?</a>      </p>
<p class="diigo-description">When I was at Microsoft, I was the developer tasked with fixing the Favicon story for IE7. The original IE6 behavior was to download the favicon once&#8211;when a user made a site a Favorite. I do not want to go too deep into the details of how this craziness works, but the key piece of information to understanding why it seemed so broken is this: a mapping between the url of the site the url for the site&#8217;s Favicon would be stored in IE&#8217;s History database and the actually bits of the icon would be stored in the temporary Internet files folder. Thus, if you cleared your history or your cache, or the item expired out of either one, the icon would be gone forever.</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/code">code</a>            <a href="http://www.diigo.com/user/seanyo/favicon">favicon</a>            <a href="http://www.diigo.com/user/seanyo/web design">web design</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-11132012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 11/10/2012</title>
		<link>http://eclecti.ca/m3talinks-for-11102012/</link>
		<comments>http://eclecti.ca/m3talinks-for-11102012/#comments</comments>
		<pubDate>Sat, 10 Nov 2012 15:30:20 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=959</guid>
		<description><![CDATA[The CSS physical unit problem &#8211; QuirksBlog Now that we have the iPad Mini, web designers waste no time in wanting to distinguish between it and the iPad 2. Tough luck. Yesterday Max Firtman explained in detail why that is not possible. Briefly, no JavaScript or CSS property, variable or media query is different on [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://www.quirksmode.org/blog/archives/2012/11/the_css_physica.html">The CSS physical unit problem &#8211; QuirksBlog</a>      </p>
<p class="diigo-description">Now that we have the iPad Mini, web designers waste no time in wanting to distinguish between it and the iPad 2. Tough luck.</p>
<p>Yesterday Max Firtman explained in detail why that is not possible. Briefly, no JavaScript or CSS property, variable or media query is different on the iPad 2 and the iPad Mini. Both are 1024&#215;768, neither has a retina screen, etc.</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/css">css</a>            <a href="http://www.diigo.com/user/seanyo/unit">unit</a>            <a href="http://www.diigo.com/user/seanyo/web design">web design</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-11102012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>M3talinks For 11/09/2012</title>
		<link>http://eclecti.ca/m3talinks-for-11092012/</link>
		<comments>http://eclecti.ca/m3talinks-for-11092012/#comments</comments>
		<pubDate>Fri, 09 Nov 2012 15:30:26 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[m3talink]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=957</guid>
		<description><![CDATA[Flip All The Pronouns – blarg? Maya and I have been playing through Windwaker together; she like sailing, scary birds and remembering to be brave, rescuing her little brother and finding out what’s happening to Medli and her dragon boat. She’s the hero of the story, of course. It’s annoying and awkward, to put it [...]]]></description>
				<content:encoded><![CDATA[<ul class="diigo-linkroll">
<li>
<p class="diigo-link">                <a href="http://exple.tive.org/blarg/?p=3274">Flip All The Pronouns – blarg?</a>      </p>
<p class="diigo-description">Maya and I have been playing through Windwaker together; she like sailing, scary birds and remembering to be brave, rescuing her little brother and finding out what’s happening to Medli and her dragon boat.</p>
<p>She’s the hero of the story, of course.</p>
<p>It’s annoying and awkward, to put it mildly, having to do gender-translation on the fly when Maya asks me to read what it says on the screen. You can pick your character’s name, of course – I always stick with Link, being a traditionalist – but all of the dialog insists that Link is a boy, and there’s apparently nothing to be done about it.</p>
<p>Well, there wasn’t anything to be done about it. As you might imagine, I’m not having my daughter growing up thinking girls don’t get to be the hero, and rescue their little brothers.</p>
<p>This isn’t particularly user-friendly; you’ll need to download the Dolphin emulator and find a Windwaker .GCM, the Gamecube disk image with this SHA-1 hash:</p>
<p class="diigo-tags">          <span>tags:</span>                      <a href="http://www.diigo.com/user/seanyo/zelda">zelda</a>            <a href="http://www.diigo.com/user/seanyo/girlgamer">girlgamer</a>            <a href="http://www.diigo.com/user/seanyo/gender">gender</a>            <a href="http://www.diigo.com/user/seanyo/awesome">awesome</a>            <a href="http://www.diigo.com/user/seanyo/dad">dad</a></p>
</li>
</ul>
<p class="diigo-ps">Posted from <a href='http://www.diigo.com'>Diigo</a>. The rest of my favorite links are <a href='http://www.diigo.com/user/seanyo'>here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/m3talinks-for-11092012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
