<?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>Paper Leaf Design &#124; Edmonton Graphic Design, Edmonton Web Design &#187; 2009</title>
	<atom:link href="http://www.paper-leaf.com/blog/tag/2009/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.paper-leaf.com</link>
	<description>A blog for designers with tips, tutorials, inspiration and more!</description>
	<lastBuildDate>Wed, 08 Feb 2012 23:56:41 +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>Top Web Design Bookmarks of 2009</title>
		<link>http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/</link>
		<comments>http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 15:00:44 +0000</pubDate>
		<dc:creator>Jeff</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[best of]]></category>
		<category><![CDATA[bookmarks]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.paper-leaf.com/blog/?p=776</guid>
		<description><![CDATA[I read a lot of design-related articles &#38; blogs online &#8211; I mean, really, what else can you do when you live in Edmonton, which was the coldest place in North America on Dec 13 at -58C with windchill? Anyway, I&#8217;m constantly bookmarking items I think might be useful for me as a designer in [...]]]></description>
			<content:encoded><![CDATA[<p>I read a lot of design-related articles &amp; blogs online &#8211; I mean, really, what else can you do when you live in Edmonton, which was the coldest place in North America on Dec 13 at -58C with windchill? Anyway, I&#8217;m constantly bookmarking items I think might be useful for me as a designer in the future &#8211; some I never end up using, but some I definitely do! This year, I found some great articles on web usability (always good to be able to effectively communicate why you made a particular design choice to a client), WordPress and jQuery, as well as a few others. Here are my Top Web Design Bookmarks of 2009, with thanks to everyone in the design community who keeps openly sharing their knowledge. </p>
<h3><a title="Perfect Full-Page Background Image" href="http://css-tricks.com/perfect-full-page-background-image/" target="_blank">Perfect Full-Page Background Image</a></h3>
<p><a href="http://css-tricks.com/perfect-full-page-background-image/"><img class="size-full wp-image-788 aligncenter" title="fullpagebg" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/fullpagebg.png" alt="fullpagebg" width="500" height="358" /></a></p>
<p>CSS Tricks is a great website &#8211; a web designer&#8217;s goldmine, if you will &#8211; and this is but one of a ton of great articles on Chris&#8217; site. I  have yet to implement it myself, but I hope to soon!</p>
<p><br/><br />
<h3><a title="10 Usability Findings &amp; Guidelines" href="http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/" target="_blank">10 Usability Findings &amp; Guidelines</a></h3>
<p><a href="http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/"><img class="aligncenter size-full wp-image-781" title="10usability" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/10usability.png" alt="10usability" width="489" height="354" /></a></p>
<p>Smashing Magazine is well-known in the design community, and the main reason is its well-researched and written articles pertaining to web design. Check this one out for usability tips, like where viewers look most on a website (above image &#8211; I felt it needed an explanation or else it just looks like someone&#8217;s website caught Athlete&#8217;s Foot).</p>
<p>Hit the jump for more! <span id="more-776"></span><br />
<br/><br />
<h3><a title="ViewLikeUs" href="http://viewlike.us/" target="_blank">ViewLikeUs</a></h3>
<p><a href="http://viewlike.us/"><img class="aligncenter size-full wp-image-790" title="viewlikeus" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/viewlikeus.png" alt="viewlikeus" width="500" height="277" /></a></p>
<p>In a year that saw a lot of simple, single-function websites, ViewLikeUs jumped on the pile with a beautifully simple tool for web designers: viewing their creations in all the major resolutions with the click of a button.</p>
<p><br/><br />
<h3><a title="BrowserShots" href="http://browsershots.org/" target="_blank">BrowserShots</a></h3>
<p><a href="http://browsershots.org/"><img class="aligncenter size-full wp-image-784" title="browsershots" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/browsershots.png" alt="browsershots" width="500" height="267" /></a></p>
<p>Another site similar to ViewLikeUs, BrowserShots takes screenshots of a website in all the major browsers &#8211; a quick way to check and make sure everything looks the way it should. Another alternative is Adobe&#8217;s <a title="Browserlab" href="https://browserlab.adobe.com/index.html#" target="_blank">BrowserLab</a>.</p>
<p><br/><br />
<h3><a title="Website Design &amp; Development Checklist" href="http://www.hobo-web.co.uk/seo-blog/index.php/website-design-tips/" target="_blank">Website Design &amp; Development Project Checklist</a></h3>
<p><a href="http://www.hobo-web.co.uk/seo-blog/index.php/website-design-tips/"><img class="aligncenter size-full wp-image-785" title="checklist" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/checklist.png" alt="checklist" width="500" height="335" /></a></p>
<p>This post is a great resource for designers and the ever-present challenge of communicating properly with your (sometimes not-web-savvy) clients. This is a must read if you want to avoid headaches.</p>
<p><br/><br />
<h3><a title="20 Top Design Blogs Looking for Writers" href="http://www.inspiredm.com/2009/08/14/20-top-design-blogs-looking-for-freelance-writers/" target="_blank">20 Top Design Blogs Looking for Writers</a></h3>
<p><a href="http://www.inspiredm.com/2009/08/14/20-top-design-blogs-looking-for-freelance-writers/"><img class="aligncenter size-full wp-image-782" title="20blogsforwriters" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/20blogsforwriters.png" alt="20blogsforwriters" /></a></p>
<p>Being a freelancer means that occasionally you&#8217;re going to hit a slow period. Why not supplement your income by writing a few one-off articles for these well-known design blogs?</p>
<p><br/><br />
<h3><a title="FlickrShow" href="http://www.flickrshow.com/" target="_blank">Flickrshow</a></h3>
<p><a href="http://www.flickrshow.com/"><img class="aligncenter size-full wp-image-786" title="flickrshow" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/flickrshow.png" alt="flickrshow" /></a></p>
<p>Most clients want to update their websites themselves. That&#8217;s totally understandable, and easy-to-use CMS&#8217; like CushyCMS or LightCMS make text editing easy. Photos can be a little more tricky &#8211; but Flickrshow pulls content directly from a Flickr account, so your client doesn&#8217;t even need to jump into any CMS to update the photos on their site. Especially great if you&#8217;re developing websites for photographers.</p>
<p><br/><br />
<h3><a title="jQuery Slider" href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider" target="_blank">jQuery Slider</a></h3>
<p><a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider"><img class="aligncenter size-full wp-image-789" title="jQuerySlider" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/jQuerySlider.png" alt="jQuerySlider" width="500" height="312" /></a></p>
<p>There was an explosion in the popularity of jQuery this year, and it&#8217;s easy to see why. This free content slider plug-in is easy to use &amp; looks great. We&#8217;re thinking about using it in our next redesign of the Paper Leaf site.</p>
<p><br/><br />
<h3><a title="10 Short 'n' Sweet Tips" href="http://cssglobe.com/post/6685/10-short-n-sweet-tips-on-how-to-design" target="_blank">10 Short &#8216;n&#8217; Sweet Tips on Web Design</a></h3>
<p><a href="http://cssglobe.com/post/6685/10-short-n-sweet-tips-on-how-to-design"><img class="aligncenter size-full wp-image-780" title="10shortnsweet" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/10shortnsweet.png" alt="10shortnsweet" width="500" height="253" /></a></p>
<p>This article is focused on usability and what to consider when you&#8217;re designing for the web. A quick and useful read!</p>
<p><br/><br />
<h3><a title="@font-face and 15 free fonts" href="http://blog.themeforest.net/tutorials/css-font-face-and-15-free-fonts-you-can-use-today/" target="_blank">@font-face &amp; 15 Free Fonts You Can Use Today</a></h3>
<p><a href="http://blog.themeforest.net/tutorials/css-font-face-and-15-free-fonts-you-can-use-today/"><img class="aligncenter size-full wp-image-787" title="fontface" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/fontface.png" alt="fontface" width="500" height="372" /></a></p>
<p>I have yet to implement the @font-face CSS rule, but we&#8217;ll be doing it in our upcoming Paper Leaf website redesign (probably using Quicksand OTF). If you&#8217;re unfamiliar, the @font-face rule allows you to embed OTF fonts in your web designs so you can get away from the standard &#8220;web safe fonts&#8221; (Verdana, Trebuchet, Georgia etc) and still have your website look the way you want to all users.</p>
<p><br/><br />
<h3><a title="The Best jQuery Plugins of 2009" href="http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009" target="_blank">The Best jQuery Plugins of 2009</a></h3>
<p><a href="http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009"><img class="aligncenter size-full wp-image-783" title="bestjquery09" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/bestjquery09.png" alt="bestjquery09" /></a></p>
<p>Yes, I&#8217;m calling on another &#8220;best of&#8221; list in MY &#8220;best of&#8221; list. Wanna make something of it? For real though, this is a great list full of useful plugins to add some spice to your web designs.</p>
<p><br/><br />
<h3><a title="Wordpress for Designers" href="http://www.multiurl.com/ga/Worpress_For_Designers" target="_blank">WordPress for Designers</a></h3>
<p><a href="http://www.multiurl.com/ga/Worpress_For_Designers"><img class="aligncenter size-full wp-image-791" title="wpfordesigners" src="http://www.paper-leaf.com/blog/wp-content/uploads/2009/12/wpfordesigners.png" alt="wpfordesigners" width="500" height="381" /></a></p>
<p>To round out the list, here is a great series of video screencasts from the gents at ThemeForest on using WordPress if you&#8217;re a designer. WordPress is way more than a blogging platform &#8211; in fact, it can be used as a sort of content management (CMS) system for a lot of clients. It&#8217;s open source, relatively easy to learn, and will give your clients the control over their websites that they want.</p>
<p>I hope you found this list useful. Thanks for reading and have a great year in 2010!</p>
<h6><em>*note: some of these articles may have come out prior to 2009; I just found them and bookmarked them in 2009. Yay for loopholes!</em></h6>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=RT%2B%2540paper_leaf%2B%253A%2B%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=3&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=257&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-technorati">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=10&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-designbump">
			<a href="http://www.shareaholic.com/api/share/?title=Top+Web+Design+Bookmarks+of+2009&amp;link=http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/&amp;notes=I%20read%20a%20lot%20of%20design-related%20articles%20%26amp%3B%20blogs%20online%20-%20I%20mean%2C%20really%2C%20what%20else%20can%20you%20do%20when%20you%20live%20in%20Edmonton%2C%20which%20was%20the%20coldest%20place%20in%20North%20America%20on%20Dec%2013%20at%20-58C%20with%20windchill%3F%20Anyway%2C%20I%27m%20constantly%20bookmarking%20items%20I%20think%20might%20be%20useful%20for%20me%20as%20a%20designer%20in%20the%20fut&amp;short_link=&amp;shortener=bitly&amp;shortener_key=paperleafdesign|R_1121bb5d8a18df4af0bd160172b5bb9b&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=282&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Bump this on DesignBump">Bump this on DesignBump</a>
		</li>
</ul><div style="clear: both;"></div><div class="shr-getshr" style="visibility:hidden;font-size:10px !important"><a target="_blank" href="http://www.shareaholic.com/?src=pub">Get Shareaholic</a></div><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.paper-leaf.com/blog/2009/12/top-web-design-bookmarks-of-2009/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>

