<?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 &#187; Featured</title>
	<atom:link href="http://eclecti.ca/category/featured/feed/" rel="self" type="application/rss+xml" />
	<link>http://eclecti.ca</link>
	<description>Like The Internet...but smaller</description>
	<lastBuildDate>Thu, 10 May 2012 15:30:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Meet BitCoin</title>
		<link>http://eclecti.ca/2011/06/meet-bitcoin/</link>
		<comments>http://eclecti.ca/2011/06/meet-bitcoin/#comments</comments>
		<pubDate>Fri, 24 Jun 2011 18:23:43 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Geekery]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=775</guid>
		<description><![CDATA[If you haven&#8217;t heard of BitCoin yet, you need to. Bitcoin is a peer-to-peer currency. Peer-to-peer means that no central authority issues new money or tracks transactions. These tasks are managed collectively by the network. - http://bitcoin.org/ Bitcoin has the potential to be a hugely disruption technology &#8211; changing business, commerce and politics. Here are some [...]]]></description>
			<content:encoded><![CDATA[<p>If you haven&#8217;t heard of BitCoin yet, you need to.</p>
<blockquote><p>Bitcoin is a peer-to-peer currency. Peer-to-peer means that no central authority issues new money or tracks transactions. These tasks are managed collectively by the network.</p>
<p>- <a href="http://bitcoin.org/">http://bitcoin.org/</a></p></blockquote>
<p>Bitcoin has the potential to be a hugely disruption technology &#8211; changing business, commerce and politics. Here are some hand-picked articles about BitCoin:</p>
<ul>
<li><a title="We Use Coins" href="http://www.weusecoins.com/">We Use Coins</a> &#8211; An introduction to Bitcoin</li>
<li><a title="Wikipedia Article" href="http://en.wikipedia.org/wiki/Bitcoin">Bitcoin</a> &#8211; Obligatory Wikipedia Entry</li>
<li><a href="http://techland.time.com/2011/04/16/online-cash-bitcoin-could-challenge-governments/">Online Cash Bitcoin Could Challenge Governments, Banks</a></li>
<li><a title="Is The World Crazy For Bitcoin, Or Has The Bitcoin World Gone Crazy?" rel="bookmark" href="http://techcrunch.com/2011/06/18/bitcoin-crazy/">Is The World Crazy For Bitcoin, Or Has The Bitcoin World Gone Crazy?</a></li>
<li><a title="Bitcoin Mining" href="http://radoff.com/blog/2011/06/03/bitcoin-mining-free-legalized-lottery/">Bitcoin Mining: The Free Lottery</a></li>
<li><a href="http://www.techdirt.com/articles/20110605/22322814558/senator-schumer-says-bitcoin-is-money-laundering.shtml">Senator Schumer Says Bitcoin Is Money Laundering</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/06/meet-bitcoin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drupal Club</title>
		<link>http://eclecti.ca/2011/06/drupal-club/</link>
		<comments>http://eclecti.ca/2011/06/drupal-club/#comments</comments>
		<pubDate>Fri, 17 Jun 2011 13:38:58 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Geekery]]></category>
		<category><![CDATA[drupal]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=735</guid>
		<description><![CDATA[At my work we brought on board some new interns and I had the chance to work with them as part of their on-boarding. We&#8217;re a Drupal shop, so one of the things I did was put together a short presentation on how we think about and use Drupal. It started off as a Zen [...]]]></description>
			<content:encoded><![CDATA[<p>At my work we brought on board some new interns and I had the chance to work with them as part of their on-boarding. We&#8217;re a Drupal shop, so one of the things I did was put together a short presentation on how we think about and use Drupal. It started off as a Zen of Drupal idea, but then I made a Fight Club joke on one of the slides and it was all downhill from there.</p>
<p>And, thus, I present Drupal Club:</p>
<div id="wp_zdytfp_container_735" style="width:100%; height:349px; text-align:center; margin:auto;">
<div id="v_wp_zdytfp_container_735" style="width:100%; height:100%;">ZD YouTube FLV Player</div>
</div>
<script type="text/javascript">
var flashvars = {
vurl: "http://eclecti.ca/wp-content/uploads/2011/06/DrupalClub.flv",
yturl: "http://eclecti.ca/wp-content/plugins/zd-youtube-flv-player/fl_youTubeProxy.php"
};
var params = {
wmode: "transparent",
allowFullScreen: "true"
};
var attributes = {
id: "my_wp_zdytfp_container_735",
name: "my_wp_zdytfp_container_735"
};
swfobject.embedSWF("http://eclecti.ca/wp-content/plugins/zd-youtube-flv-player/flash/zdytflv-player-dark.swf", "v_wp_zdytfp_container_735", "425", "349", "9.0.0", false, flashvars, params, attributes);
</script>

<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/06/drupal-club/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
<enclosure url="http://eclecti.ca/wp-content/uploads/2011/06/DrupalClub.flv" length="12398667" type="video/x-flv" />
		</item>
		<item>
		<title>The Cost of Accessibility</title>
		<link>http://eclecti.ca/2011/05/the-cost-of-accessibility/</link>
		<comments>http://eclecti.ca/2011/05/the-cost-of-accessibility/#comments</comments>
		<pubDate>Sat, 14 May 2011 20:13:08 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Geekery]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=695</guid>
		<description><![CDATA[Recently, my friend Mike Gifford wrote a great article about Accessibility Tips for Management.  In it, he writes: Without having specialized technical knowledge tied to accessibility, do managers have the skills required to assess if their sites are accessible?  In my experience most managers lack the resources to do any accessibility reviews of their sites and [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Web Accessibility Icon" src="http://www.mentalite.net/mnt/accessibility.jpg" alt="Web Accessibility Icon" width="296" height="284" />Recently, my friend Mike Gifford wrote a great article about <a href="http://openconcept.ca/blog/mgifford/accessibility-tips-management" target="_blank">Accessibility Tips for Management</a>.  In it, he writes:</p>
<blockquote><p>Without having specialized technical knowledge tied to accessibility, do managers have the skills required to assess if their sites are accessible?  In my experience most managers lack the resources to do any accessibility reviews of their sites and so fall back at best reviewing a vendor&#8217;s accessibility statement.</p></blockquote>
<p>Mike makes a very important point here, that we in the Accessibility community need to do a better job of providing information in a broader way and for a more inclusive audience. So in the spirit of moving away from technical information about accessibility, I&#8217;d like to provide something of a response or a compliment to Mike&#8217;s article, looking at the answer to the question &#8220;What is the cost of accessibility?&#8221;</p>
<h2>Accessibility Is Cheap</h2>
<p><img class="alignleft" title="CMS'es" src="http://techshake.info/wp-content/uploads/2011/04/CMS.jpg" alt="CMS'es" width="181" height="181" />The good news about web accessibility is that there are a number of things that limit its cost. Mike&#8217;s article lists a number of free, automated tools to provide accessibility testing of websites &#8211; auditing your website and comparing it to an accessibility checklist. In addition to these tools, web development best practices can deliver accessibility wins and they don&#8217;t cost anything to use, and there are entire organizations dedicated to helping your project identify and implement these types of practices, such as the <a href="http://www.webstandards.org/" target="_blank">Web Standards Group</a>.  Examples of these practices, to share with your developers, include separating content from display, using semantic code &#8211; such as avoiding the use of tables for layout, and using options such as &#8220;alt&#8221; tags .  No only will these practices improve your accessibility, but it will also improve your website&#8217;s code quality and Search Engine Optimization. Don&#8217;t forget, Google is basically a screen reader; what is good for web accessibility is usually good for search engines as well.</p>
<p>Using Content Management System tools such as WordPress or Drupal can provide significant support for web accessibility. By automating code generation and providing workflow elements such as asking for an alt tag each time an image is uploaded to the website, CMS tools can take on much of the heavy lifting for content developers, allowing them to focus on great content and not getting bogged down in the minutia of accessibility coding. Using a CMS provides many other benefits, making websites less expensive to maintain and easier to manage. Keeping in mind the opportunities to support accessibility when selecting a CMS tool is an important accessibility strategy for management.</p>
<p>The most significant way these practices make accessibility cheap is because they &#8220;bake in&#8221; accessibility into the foundation of all your web projects. Ensuring accessibility is a core value of your organization and your developers, which means planning for accessibility and measuring for accessibility, is essential to manage the cost of accessibility.</p>
<h2>Accessibility is Expensive</h2>
<p><img class="alignleft" title="Woodworking Tools" src="http://farm1.static.flickr.com/222/495544926_fe842d2044_m.jpg" alt="Woodworking Tools" width="240" height="180" />Ultimately web accessibility is not about validation checklists. Checklists don&#8217;t have experiences; People have experiences. This doesn&#8217;t mean that checklist tools aren&#8217;t useful &#8211; they are; I use them in every web development project I work on. However, checklists can provide a false positive &#8211; that is to say, just because a website passes a checklist, it doesn&#8217;t mean the site is accessible. In fact, even if a website can demonstrate that it meets every requirement set out by every accessibility standard, it might still not be accessible, because if someone can&#8217;t access the content&#8230;then the site isn&#8217;t accessible. This makes accessibility a very demanding element of web development and design.</p>
<p>Building accessibility expertise in your team is not simple, fast or cheap. Web develop and design have matured from a task to give as a side-task to a sysadmin or programmer into full, professional disciplines. Building professional websites is now a craft and one of the skills of crafting a website is accessibility, something which wasn&#8217;t even a consideration in the early days of the web. Indeed, accessibility itself is discipline rich enough to fill entire books, conferences and careers. This doesn&#8217;t mean everyone who builds your website needs to be an accessibility expert. However, proven accessibility expertise is a valuable skill and takes time and energy to cultivate. And, as recommended by Mike, it may make sense for you to engage an external accessibility consultant, such as Ottawa based <a href="http://furtherahead.com/" target="_blank">Further Ahead</a>.</p>
<p>The most common way accessibility is expensive is when it is a project afterthought. Much like security or information architecture, accessibility is a fundamental part of a high-quality, successful website. As work on the website progresses, it will become progressively more and more expensive to include effective and thorough accessibility. Building the value of and expertise in accessibility in your team, through training, hiring and engaging consultants when necessary, all work to help manage the cost of accessibility.</p>
<p><img class="alignright" title="Cost of Bugs Graph" src="http://blogs.windriver.com/.a/6a00d83451f5c369e2013485fce46f970c-pi" alt="Cost of Bugs Graph" width="422" height="210" /></p>
<h2>Planning for the Cost of Accessibility</h2>
<p>Bill Graham of Wind River, a subsidary of Intel, <a href="http://blogs.windriver.com/vxworks/device-management/" target="_blank">write this about the cost of fixing bugs</a>:</p>
<blockquote><p>We intuitively know that defects in the field are much more expensive than those found in development. In fact, the difference is bigger than you think. If you find a bug in-house you save orders of magnitude in time and money&#8230;Take a look at this diagram (from www.agitar.com). Cost to fix bugs rises exponentially as you move down the development timeline. After you&#8217;re shipping your product, the cost per defect has increased 640 times!</p></blockquote>
<p>What if we consider accessibility problems in our websites the same as bugs in our software? If we take this perspective, then we see accessibility problems as something that is a requirement to fix. Data on the cost of fixing bugs shows us the key variable in managing these costs is doing this work as early in the project as possible. The later in the project a bug is identified, that is to say an accessibility problem is identified, the more expensive it will be to fix it. Now, accessibility fixes may not follow this exact pattern &#8211; I&#8217;m not saying the cost per defect for accessibility issues is 640 times higher after you ship a website. But I do think the general principle we see here holds true for accessibility issues. It is tempting to thing of functional bugs as something different from accessibility bugs, but keep in mind that if someone on your website can&#8217;t access a function, it&#8217;s no different than that function being broken.</p>
<p>To plan for the cost of accessibility in web project, it is critical to include accessibility in the project plan from the very beginning.</p>
<p>To plan for the cost of accessibility as a competency on your team, it is critical to include it in your talent development and retention strategies. With legislation such as ADA in the US, AODA in Ontario and other laws in other jurisdictions, it is clear that the legal requirements for accessibility are not going anywhere and will become more strict over time. Adding the accessibility dimension of expertise to your organization will take investment, commitment and time.</p>
<p>I hope this article provides a useful and accessible summary of some of the key issues about the cost web accessibility for managers. What insights do you have? What are the most important things managers need to consider when costing web accessibility?</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/05/the-cost-of-accessibility/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Learning the Vi Editor</title>
		<link>http://eclecti.ca/2011/05/learning-the-vi-editor/</link>
		<comments>http://eclecti.ca/2011/05/learning-the-vi-editor/#comments</comments>
		<pubDate>Fri, 13 May 2011 15:25:09 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=683</guid>
		<description><![CDATA[Vi/m is a part of the core set of tools used on Unix/Linux systems. It can seem alien and unusable at first, but with some work and patience learning how to use Vi/m will add a powerful tool to your tool box. You can check out the Official Introduction to Vim to get started or [...]]]></description>
			<content:encoded><![CDATA[<p>Vi/m is a part of the core set of tools used on Unix/Linux systems. It can seem alien and unusable at first, but with some work and patience learning how to use Vi/m will add a powerful tool to your tool box. You can check out the<a href="http://www.vim.org/about.php" target="_blank"> Official Introduction to Vim</a> to get started or take a look at the <a href="http://thomer.com/vi/vi.html" target="_blank">Vi Lovers Homepage</a>.</p>
<p>Below is a list of (mostly) online resource from Quickstarts to Tutorials to Videos and Cheatsheets.</p>
<h2>Articles</h2>
<h3>Quickstart</h3>
<ul>
<li><a href="http://fosswire.com/post/2007/11/ultra-quick-start-in-vim/" target="_blank">Ultra Quick Start in Vim</a></li>
<li><span style="font-size: 15px;"><a title="Unix 101: vi Editor" href="http://www.uic.edu/depts/accc/software/unixgeneral/vi101.html" target="_blank">Unix 101: Vi Editor</a></span></li>
<li><a href="http://heather.cs.ucdavis.edu/~matloff/UnixAndC/Editors/ViIntro.html" target="_blank">Extremely Quick and Simple Intro to Vi</a></li>
<li><a href="http://www.stat.tamu.edu/~dahl/teaching/605/1.20/vim-tutorial/html/quickstart.html" target="_blank">Getting Started </a>Chapter from Prof. David B. Dahl&#8217;s <a href="http://www.stat.tamu.edu/~dahl/teaching/605/1.20/vim-tutorial/html/index.html" target="_blank">vim Tutorial</a></li>
</ul>
<h3>Tutorials</h3>
<ul>
<li><a href="http://docs.freebsd.org/44doc/usd/12.vi/paper.html" target="_blank">An Introduction to Display Editing with Vi</a>
<ul>
<li>Written by William Joy, the creator of Vi</li>
</ul>
</li>
<li><a href="http://blog.wekeroad.com/2010/05/24/vim-kata-one" target="_blank">Vim Kata</a></li>
<li>Prof. David B Dahl&#8217;s <a href="http://www.stat.tamu.edu/~dahl/teaching/605/1.20/vim-tutorial/html/index.html" target="_blank">Vim Tutorial</a></li>
<li><a href="http://www.gentoo.org/doc/en/vi-guide.xml" target="_blank">Learning Vi: The Cheatsheet Technique</a></li>
<li><a href="http://acms.ucsd.edu/info/vi_tutorial.shtml" target="_blank">Beginner&#8217;s Guide to the Vi Editor</a> &#8211; UC San Diego</li>
<li><a href="http://www.vi-improved.org/tutorial.php" target="_blank">IRC Based Vim Tutorial</a></li>
<li><a href="http://www.jerrywang.net/vi/" target="_blank">Vi For Smarties</a></li>
</ul>
<h3>Books</h3>
<ul>
<li><a href="https://docs.rice.edu/confluence/download/attachments/6783727/unix04.pdf?version=1" target="_blank">Introduction to the Vi Editor</a> &#8211; Rice University</li>
<li><a href="ftp://ftp.vim.org/pub/vim/doc/book/vimbook-OPL.pdf" target="_blank">The Vim Book</a> by Steve Oualline</li>
<li><a href="http://www.swaroopch.com/notes/Vim" target="_blank">A Byte of Vim </a></li>
<li><a href="http://iccf-holland.org/click5.html" target="_blank">List of Vi/Vim Books at Vim.Org</a></li>
</ul>
<h3>Advanced</h3>
<ul>
<li>A<a href="http://linuxgazette.net/152/srinivasan.html" target="_blank"> Slightly Advanced Introduction to Vim</a></li>
<li><a href="http://www.eng.hawaii.edu/Tutor/vi.html" target="_blank">Mastering the Vi Editor</a></li>
<li><a href="http://tottinge.blogsome.com/use-vim-like-a-pro/" target="_blank" class="broken_link">Use Vim Like A Pro</a></li>
<li><a href="http://nvie.com/posts/how-i-boosted-my-vim/" target="_blank">How I Boosted By Vim</a></li>
<li><a href="http://items.sjbach.com/319/configuring-vim-right" target="_blank">Configuring Vim Right</a></li>
<li><a href="http://jmcpherson.org/editing.html" target="_blank">Efficient Editing with Vim</a></li>
</ul>
<h3>Reference</h3>
<ul>
<li><a href="http://www.unix-manuals.com/refs/vi-ref/vi-ref.htm" target="_blank">UNIX Manuals Vi Reference</a></li>
<li><a href="http://vim.wikia.com/wiki/Vim_Tips_Wiki" target="_blank">The Vim Tips Wiki</a></li>
</ul>
<h3>Videos</h3>
<ul>
<li><a title="7 Habits of Effective Text Editing" href="http://video.google.com/videoplay?docid=2538831956647446078#">7 Habits of Effective Text Editing</a>
<ul>
<li>Great talk by Bram Moolenaar, the author of Vim, at a Google TechTalk in 2007</li>
</ul>
</li>
<li><a href="http://www.youtube.com/watch?v=ke7SfUFvvxo&amp;playnext=1&amp;list=PL1073D7D61DE03626" target="_blank">Learning Vi(m)</a>
<ul>
<li>My playlist of vi tutorial videos on YouTube</li>
</ul>
</li>
<li><a href="http://derekwyatt.org/vim/vim-tutorial-videos/" target="_blank">Derek Wyatt: Certified Vim Junkie</a>
<ul>
<li>Amazing series of videos on learning and mastering Vim</li>
</ul>
</li>
<li>Lullabot Vi/Vim Tutorials
<ul>
<li><a href="http://www.lullabot.com/videos/command-line-basics-intro-vivim" target="_blank">Command Line Basics: Intro to Vi/Vim</a></li>
<li><a href="http://www.lullabot.com/videos/command-line-basics-editing-with-vivim" target="_blank">Command Line Basics: Editing with Vi/Vim</a></li>
<li><a href="http://www.lullabot.com/videos/command-line-basics-more-editing-with-vivim" target="_blank">Command Line Basics: More Editing with Vi/Vim</a></li>
</ul>
</li>
</ul>
<h3>Cheatsheets</h3>
<ul>
<li><a href="http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tutorial.html" target="_blank">Graphical Vi/Vim Cheat Sheet &amp; Tutorial</a></li>
<li><a href="http://blogs.tech-recipes.com/johnny/vim-quick-reference/" target="_blank">Vim Quick Reference</a></li>
<li><a href="http://tnerual.eriogerg.free.fr/vimqrc.html" target="_blank">Vim Quick Reference Card</a></li>
<li><a href="http://www.catonmat.net/blog/bash-vi-editing-mode-cheat-sheet/" target="_blank">Bash Vi Editing Mode Cheat Sheet</a></li>
<li><a href="http://www.aranaio.com/public/application" target="_blank" class="broken_link">Mac Cheat Widgets for Vi</a> and other Unix Tools</li>
</ul>
<p>&nbsp;</p>
<p><em>Image Source: http://dribbble.com/system/users/2086/screenshots/121306/shot_1298917103.png?1303485086</em></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/05/learning-the-vi-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design Foundations</title>
		<link>http://eclecti.ca/2011/03/web-design-foundations/</link>
		<comments>http://eclecti.ca/2011/03/web-design-foundations/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 03:54:32 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Eclecti.ca]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=570</guid>
		<description><![CDATA[There was a request on Reddit today asking for some resources on how learn web design skills.  The response was great.  So great that I&#8217;m just going to copy it here. I really appreciate how the list starts with typography.  This is very much about visual design and not code or other kinds of crunchy [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Web Design Wireframe" src="http://farm4.static.flickr.com/3202/3307873748_44a6e5af53_m.jpg" alt="Web Design Wireframe" width="240" height="202" />There was a request on Reddit today <a title="Original Reddit Post" href="http://www.reddit.com/r/web_design/comments/g7zaq/hi_web_design_developer_here_looking_to_improve/" target="_blank">asking for some resources on how learn web design skills</a>.  The response was great.  So great that I&#8217;m just going to copy it here. I really appreciate how the list starts with typography.  This is very much about visual design and not code or other kinds of crunchy hackery.</p>
<p>The information is clearly in the context of web design, for the most part. However there is quite a bit of information here that is just about visual design in general.  I&#8217;ve added a few books to the list that I find useful and continue to refer to, a couple of links that I like; in particular I added some links about wireframing.</p>
<p>If you have some links to share, please let me know.  I&#8217;m think about how this might evolve into a resource page as opposed to a post.</p>
<p>Many thanks to <a href="http://www.reddit.com/user/avogadrospimp" class="broken_link">avogadrospimp</a> for asking the question and to <a href="http://www.reddit.com/user/materialdesigner">materialdesigner</a> and <a href="http://www.reddit.com/user/Luchian" class="broken_link">Luchian</a> for the awesome answers.</p>
<h2>Typography</h2>
<p><a href="http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/" target="_blank">Typography Intro<br />
</a><a href="http://ilovetypography.com/2007/11/06/type-terminology-humanist-2/" target="_blank">Typographic History<br />
</a><a href="http://ilovetypography.com/2008/03/21/extreme-type-terminology/" target="_blank">Typographic Terminology<br />
</a><a href="http://blog.typekit.com/2011/03/17/type-study-typographic-hierarchy/" target="_blank">Typographic Hierarchy<br />
</a><a href="http://www.typography.com/ask/recentTopic.php?rtID=92" target="_blank">Mixing Fonts<br />
</a><a id="static_txt_preview" href="http://www.amazon.ca/gp/product/0881792063/ref=as_li_ss_tl?ie=UTF8&amp;tag=ecelctica-20&amp;linkCode=as2&amp;camp=15121&amp;creative=390961&amp;creativeASIN=0881792063">The Elements of Typographic Style</a> (Book)<br />
<a id="static_txt_preview" href="http://www.amazon.ca/gp/product/1568989695/ref=as_li_ss_tl?ie=UTF8&amp;tag=ecelctica-20&amp;linkCode=as2&amp;camp=15121&amp;creative=390961&amp;creativeASIN=1568989695">Thinking With Type Revised Edition</a> (Book)<br />
<a id="static_txt_preview" href="http://www.amazon.ca/gp/product/0201703394/ref=as_li_ss_tl?ie=UTF8&amp;tag=ecelctica-20&amp;linkCode=as2&amp;camp=15121&amp;creative=390961&amp;creativeASIN=0201703394">Stop Stealing Sheep &amp; Find Out How Type Works</a> (Book)</p>
<h2>Typography on the Web</h2>
<p><a title="Web Typography" href="http://www.webtypography.net" target="_blank">Web Typography</a><br />
<a title="Web Typographic Guidelines and Techniques" href="http://www.smashingmagazine.com/2011/03/14/technical-web-typography-guidelines-and-techniques/" target="_blank">Web Typographic Guidelines and Techniques<br />
</a><a title="Choosing the Right Font" href="http://webdesign.tutsplus.com/articles/choosing-the-right-font-a-practical-guide-to-typography-on-the-web/" target="_blank">Choosing the Right Font<br />
</a><a title="On Web Typography" href="http://www.alistapart.com/articles/on-web-typography/" target="_blank">On Web Typography</a></p>
<h2>Design Theory</h2>
<p><a title="Web Design Theory" href="http://webdesign.tutsplus.com/sessions/web-design-theory/" target="_blank">Web Design Theory</a><br />
<a title="Principles of Design" href="http://www.digital-web.com/articles/principles_of_design/" target="_blank">Principles of Design</a><br />
<a title="The Lost Principles of Design" href="http://www.fuelyourcreativity.com/the-lost-principles-of-design/" target="_blank">The Lost Principles of Design</a><br />
<a title="Principles of Good Web Design" href="http://inspectelement.com/articles/the-principles-of-good-web-design-part-1-layout/" target="_blank">Principles of Good Web Design</a><br />
<a title="Design Principles" href="http://desktoppub.about.com/od/designprinciples/Principles_of_Design.htm" target="_blank">Design Principles</a><br />
<a title="50 Free Lessons in Graphic Design" href="http://psd.tutsplus.com/articles/web/50-totally-free-lessons-in-graphic-design-theory/" target="_blank">50 Free Lessons in Graphic Design Theory</a><br />
<a title="Teach Yourself Graphic Design" href="http://psd.tutsplus.com/articles/inspiration/teach-yourself-graphic-design-a-self-study-course-outline/" target="_blank">Teach Yourself Graphic Design </a><br />
<a id="static_txt_preview" href="http://www.amazon.ca/gp/product/1592535879/ref=as_li_ss_tl?ie=UTF8&amp;tag=ecelctica-20&amp;linkCode=as2&amp;camp=15121&amp;creative=390961&amp;creativeASIN=1592535879">Universal Principles of Design, Revised and Updated</a> (Book)<br />
<a id="static_txt_preview" href="http://www.amazon.ca/gp/product/0465067107/ref=as_li_ss_tl?ie=UTF8&amp;tag=ecelctica-20&amp;linkCode=as2&amp;camp=15121&amp;creative=390961&amp;creativeASIN=0465067107">The Design of Everyday Things</a> (Book)</p>
<h2>Gestalt Design Theory</h2>
<p>&#8220;I believe Andy Rutledge&#8217;s Gestalt series is the best way to grasp the fundamental principles of design. Reading these articles, and many others found on his site, helped me focus on the important aspects in a design and provided a clear understanding as to <em>why</em> elements on a webpage should, look, be positioned and behave in a certain way.&#8221; - <a href="http://www.reddit.com/user/Luchian" class="broken_link">Luchian</a></p>
<p><a rel="nofollow" href="http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php">Figure Ground Relationships<br />
</a><a rel="nofollow" href="http://www.andyrutledge.com/gestalt-principles-2-similarity.php">Similarity<br />
</a><a rel="nofollow" href="http://www.andyrutledge.com/gestalt-principles-3.php">Proximity, Uniform Connectedness, and Good Continuation<br />
</a><a rel="nofollow" href="http://www.andyrutledge.com/common-fate.php">Common Fate<br />
</a><a rel="nofollow" href="http://www.andyrutledge.com/closure.php">Closure</a></p>
<p><span style="font-size: 20px; font-weight: bold;">Design History</span></p>
<p><a title="Design Is History" href="http://designishistory.com/" target="_blank">Design Is History<br />
</a><a title="Design History" href="http://www.designhistory.org/" target="_blank">Design History</a></p>
<h2>Layout</h2>
<p><a title="Whitespace" href="http://www.alistapart.com/articles/whitespace/" target="_blank">Whitespace</a><br />
<a title="Designing With The Grid" href="http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/" target="_blank">Designing With The Grid</a><br />
<a title="Outside The Grid" href="http://www.alistapart.com/articles/outsidethegrid/" target="_blank">Outside the Grid</a><br />
<a title="Rhythm" href="http://24ways.org/2006/compose-to-a-vertical-rhythm" target="_blank">Rhythm</a><br />
<a title="Visual Hierarchy" href="http://www.webdesignerdepot.com/2010/01/the-principle-of-proximity-in-web-design/" target="_blank">Visual Hierarchy </a></p>
<h2>Wireframing</h2>
<p><a title="The Importance of Wireframing in Web Design" href="http://www.onextrapixel.com/2009/07/15/the-importance-of-wireframes-in-web-design-and-9-tools-to-create-wireframes/" target="_blank">The Importance of Wireframes In Web Design</a><br />
<a title="Ultimate Guide to Website Wireframing" href="http://sixrevisions.com/user-interface/website-wireframing/" target="_blank">Ultimate Guide to Website Wireframing</a><br />
<a title="The Importance of Wireframing" href="http://www.45royale.com/blog/articles/the-importance-of-wireframing/" target="_blank">The Importance of Wireframing</a><br />
<a title="Get Wireframing: The All-In-One Guide" href="http://www.gracesmith.co.uk/get-wireframing-the-all-in-one-guide/" target="_blank">Get Wireframing: The All-In-One Guide</a><br />
<a title="35 Excellent Wireframing Resources" href="http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/" target="_blank">35 Excellent Wireframing Resources</a></p>
<h2>Colour</h2>
<p><a title="Colour Theory in Web Design" href="http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/" target="_blank">Colour Theory in Web Design</a><br />
<a title="The Meaning of Colour" href="http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/" target="_blank">The Meaning of Colour</a><br />
<a title="Colour Contrast" href="http://snook.ca/technical/colour_contrast/colour.html" target="_blank">Colour Contrast</a><br />
<a title="Colour Lovers" href="http://www.colourlovers.com/" target="_blank">Colour Lovers</a><br />
<a title="Kuler Theme Generator" href="http://kuler.adobe.com" target="_blank">Kuler Theme Generator</a><br />
<a title="0 to 255 Colour Variations for Web Designers" href="http://www.0to255.com" target="_blank">0 to 255 Colour Variations for Web Designers </a></p>
<p><span style="font-size: 20px; font-weight: bold;">Art Direction</span></p>
<p><a title="Art Direction and Design" href="http://www.alistapart.com/articles/art-direction-and-design/" target="_blank">Art Direction and Design</a><br />
<a title="Print Design" href=" http://www.underconsideration.com/fpo/" target="_blank">Print Design</a><br />
<a title="Logo Design" href="http://justcreativedesign.com/2009/07/27/what-makes-a-good-logo/" target="_blank">Logo Design</a><br />
<a title="Branding" href="http://www.underconsideration.com/brandnew/" target="_blank">Branding</a></p>
<p style="text-align: right;">Image from <a href="http://www.flickr.com/photos/rohdesign/3307873748/">http://www.flickr.com/photos/rohdesign/3307873748</a> <a rel="license cc:license" href="http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_CA">Some rights reserved</a></p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/03/web-design-foundations/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Wifi @ Drupalcon Chicago</title>
		<link>http://eclecti.ca/2011/03/wifi-drupalcon-chicago/</link>
		<comments>http://eclecti.ca/2011/03/wifi-drupalcon-chicago/#comments</comments>
		<pubDate>Wed, 09 Mar 2011 17:20:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Eclecti.ca]]></category>
		<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=557</guid>
		<description><![CDATA[There has been some complaints of the wifi at Drupalcon dropping.  The organizers took a moment to explain what&#8217;s going on.  Here&#8217;s the rundown of the wifi usage during yesterday&#8217;s keynote: 2032 concurrent wireless users 3842 active dhcp leases 4373 unique devices &#8211; please keep in mind there are 3000 people at Drupalcon 70M down [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Free Wifi" src="http://farm3.static.flickr.com/2451/3678423649_aea890e760_m.jpg" alt="" width="240" height="180" />There has been some complaints of the wifi at Drupalcon dropping.  The organizers took a moment to explain what&#8217;s going on.  Here&#8217;s the rundown of the wifi usage during yesterday&#8217;s keynote:</p>
<ul>
<li>2032 concurrent wireless users</li>
<li>3842 active dhcp leases</li>
<li>4373 unique devices &#8211; please keep in mind there are 3000 people at Drupalcon</li>
<li>70M down the 100M pipe available</li>
<li>2.4 ghz frequency range was complete saturated.</li>
<li>5 ghz frequency range had lots of room</li>
</ul>
<p>So it turns out, the problem is old wireless hardware&#8230;and almost 1.5 wifi devices per person <img src='http://eclecti.ca/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>The thing I love most, is that they took five minutes to explain this to us today.  These&#8230;these are my people <img src='http://eclecti.ca/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: right;"><span style="color: #808080;">Photo by http://www.flickr.com/photos/jkannenberg/3678423649/sizes/s/in/photostream/</span></p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/03/wifi-drupalcon-chicago/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DrupalCon Keynote: State of The Drupal Address</title>
		<link>http://eclecti.ca/2011/03/drupalcon-keynote-state-of-drupal-address/</link>
		<comments>http://eclecti.ca/2011/03/drupalcon-keynote-state-of-drupal-address/#comments</comments>
		<pubDate>Tue, 08 Mar 2011 18:45:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Geekery]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[Keynote]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=544</guid>
		<description><![CDATA[I have found Dries&#8217; State of The Drupal keynotes to be great both times I&#8217;ve seen them.  It is fantastic that these presentations, along with all the sessions from DrupalCon are available on Archive.Org.  If you want to skip the intro material, Dries starts his talk at Below are some notes I made summarizing Dries&#8217; [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><object width="640" height="506" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="quality" value="high" /><param name="cachebusting" value="true" /><param name="flashvars" value="config={'key':'#$aa4baff94a9bdcafce8','playlist':['format=Thumbnail?.jpg',{'autoPlay':false,'url':'GenSessionMorning2_512kb.mp4'}],'clip':{'autoPlay':true,'baseUrl':'http://www.archive.org/download/keynote_dries/','scaling':'fit','provider':'h264streaming'},'canvas':{'backgroundColor':'#000000','backgroundGradient':'none'},'plugins':{'controls':{'playlist':false,'fullscreen':true,'height':26,'backgroundColor':'#000000','autoHide':{'fullscreenOnly':true}},'h264streaming':{'url':'http://www.archive.org/flow/flowplayer.pseudostreaming-3.2.1.swf'}},'contextMenu':[{},'-','Flowplayer v3.2.1']}" /><param name="src" value="http://www.archive.org/flow/flowplayer.commercial-3.2.1.swf" /><embed width="600" height="483" type="application/x-shockwave-flash" src="http://www.archive.org/flow/flowplayer.commercial-3.2.1.swf" allowfullscreen="true" allowscriptaccess="always" quality="high" cachebusting="true" flashvars="config={'key':'#$aa4baff94a9bdcafce8','playlist':['format=Thumbnail?.jpg',{'autoPlay':false,'url':'GenSessionMorning2_512kb.mp4'}],'clip':{'autoPlay':true,'baseUrl':'http://www.archive.org/download/keynote_dries/','scaling':'fit','provider':'h264streaming'},'canvas':{'backgroundColor':'#000000','backgroundGradient':'none'},'plugins':{'controls':{'playlist':false,'fullscreen':true,'height':26,'backgroundColor':'#000000','autoHide':{'fullscreenOnly':true}},'h264streaming':{'url':'http://www.archive.org/flow/flowplayer.pseudostreaming-3.2.1.swf'}},'contextMenu':[{},'-','Flowplayer v3.2.1']}" /></object></p>
<p>I have found Dries&#8217; State of The Drupal keynotes to be great both times I&#8217;ve seen them.  It is fantastic that these presentations, along with all the sessions from DrupalCon are available on Archive.Org.  If you want to skip the intro material, Dries starts his talk at</p>
<p>Below are some notes I made summarizing Dries&#8217; keynote address.</p>
<h2>Drupal 7 Highlights</h2>
<ul>
<li>Drupal is 10 years old</li>
<li>1 million+ sites use Drupal
<ul>
<li>Governments, Fortune 500, Universities and Non-Profits</li>
<li>1.7% of all sites on the web</li>
</ul>
</li>
<li>D7 took 3 years from Feb 08 &#8211; Jan 11</li>
<li>Lead &#8211; Dries, Co-Maintainer &#8211; Webchick</li>
<li>Major Initiatives: Fields, Overlay, DB, Registry</li>
<li>1000 contributors &#8211; 30% more than D6</li>
<li>Contributions match a long tail curve</li>
<li>30 Contributors responsible for 50% of D7 core patches</li>
<li>7925 modules, 947 themes, 4322 developers</li>
<li>Drupal.org relaunch</li>
<li>In Feb 2011: 5 million visits, 25 million page views, 130k unique visitors/day</li>
<li>Migrated to Git</li>
<li>1 million+ sites use Drupal, Governments, Fortune 500, Universities and Non-Profits</li>
<li>1.7% of all sites on the web</li>
<li>Community of 551 392 people in 228 countries using 186 languages</li>
<li>3000 delegates at DrupalCon 2011</li>
</ul>
<p style="text-align: center;">•</p>
<h2>D7 Successes</h2>
<ul>
<li>Test Driven Development</li>
<li>Updated Development Documentation</li>
<li>Usability Team</li>
<li>Development Snapshots &#8211; Including during Code Freeze</li>
<li>Accessibility Team</li>
</ul>
<p style="text-align: center;">•</p>
<h2>D7 Problems</h2>
<ul>
<li>Empowerment</li>
<li>Release Cycle Predictability</li>
<li>High Bandwidth Communication</li>
<li>Better Priorites</li>
<li>Too Many Critical Bugs</li>
<li>Performance First</li>
</ul>
<p style="text-align: center;">•</p>
<h2>Drupal 8 Process</h2>
<ul>
<li>Move from CVS to Git
<ul>
<li>incremental work in Git sandboxes</li>
<li>Bigger changes moved into core</li>
</ul>
</li>
<li>5 Gates to pass to move into core
<ul>
<li>Performance</li>
<li>Accessibility</li>
<li>Usability</li>
<li>Documentation</li>
<li>Testing</li>
<li>No Critical Bugs</li>
</ul>
</li>
<li>Larger initiatives will be phased to break into chunks
<ul>
<li>Each chunk must pass the gates</li>
</ul>
</li>
<li>No more than 15 Critical Bugs in Core</li>
<li>Move from Co-Maintainer to Initiative Owner
<ul>
<li>May still appoint a Co-Maintainer</li>
<li>Initiative Owner is like a Mini Co-Maintainer</li>
<li>Dries will work with IO and others &#8211; not just IO</li>
<li>Designed to provide regular High-Bandwidth meetings with IOs</li>
<li>First IOs will be appointed in a few months</li>
</ul>
</li>
</ul>
<h2>Drupal 8 Initiatives</h2>
<ul>
<li>What is the world Drupal 8 will need to live in?  &#8221;The Future is being anywhere at any time, reaching any information or people needed on any device&#8221;</li>
<li>Clear shift from fixed devices to mobile devices</li>
<li>&#8220;If we were to start Drupal scratch, we would design for <strong>mobile first</strong> and desktop second&#8221;</li>
<li>Drupal 8 need to output content to a wide range of devices
<ul>
<li>Desktop &#8211; HTML</li>
<li>Laptop &#8211; XML driven Flash</li>
<li>TV &#8211; XML</li>
<li>Tablet &#8211; HTML5 &amp; CSS 3</li>
<li>Phones &#8211; Native App</li>
</ul>
</li>
<li>5 Strategic Initiatives for Drupal 8
<ol>
<li>Multi-Device Publishing will be key &#8211; Markup Free Core</li>
<li>Interoperability - Mail, ID, Commerce, Docs, CRM</li>
<li>Drupal needs to deliver a Delightful Experience<strong> &#8211; </strong>Simplicity and Power are Increasing</li>
<li>Configuration Management<strong> &#8211; </strong>Exportables, UUID</li>
<li>Content Staging</li>
</ol>
</li>
</ul>
<ul>
<li>Ecosystem
<ul>
<li>Be careful &#8211; The future is not just about features
<ul>
<li>&#8220;The battle devices has now become a war of ecosystems.  Our competitors aren&#8217;t taking our market share with devices; they are taking our market with an entire ecosystem&#8221;  - Stephen Elop, CEO Nokia</li>
</ul>
</li>
<li>Between equal platforms, the one with the better ecosystem will win</li>
<li>We need to continue to invest in the ecosystem around Drupal</li>
<li>Ecosystem is what will matter the most</li>
</ul>
</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2011/03/drupalcon-keynote-state-of-drupal-address/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The manic flittings of my fleeting attention span</title>
		<link>http://eclecti.ca/2009/03/welcome-to-the-manic-flittings-of-my-fleeting-attention-span/</link>
		<comments>http://eclecti.ca/2009/03/welcome-to-the-manic-flittings-of-my-fleeting-attention-span/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 19:54:54 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Eclecti.ca]]></category>
		<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://eclecti.ca/?p=6</guid>
		<description><![CDATA[This is Eclecti.ca One of the key rules of building an audience for a blog is to have a clear topic to attract readers. I am not interested in that rule. I have tried that sort of blogging, but to be honest I&#8217;m not good at it.]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Tree of eclecti.ca" src="http://farm4.static.flickr.com/3405/3493851953_e8aeff349b.jpg" alt="Tree of eclecti.ca" width="400" height="304" />This is Eclecti.ca</p>
<p>One of the key rules of building an audience for a blog is to have a clear topic to attract readers.  I am not interested in that rule.  I have tried that sort of blogging, but to be honest I&#8217;m not good at it.</p>
]]></content:encoded>
			<wfw:commentRss>http://eclecti.ca/2009/03/welcome-to-the-manic-flittings-of-my-fleeting-attention-span/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

