<?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>Website Habitat&#187; Web Design Resources</title>
	<atom:link href="http://websitehabitat.com/category/web-design-resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://websitehabitat.com</link>
	<description>Stress-Free Websites for Coaches &#38; Service Providers</description>
	<lastBuildDate>Mon, 08 Mar 2010 15:51:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>49 Website Design Aspects You Shouldn&#8217;t Overlook</title>
		<link>http://websitehabitat.com/2009/11/web-design-aspects/</link>
		<comments>http://websitehabitat.com/2009/11/web-design-aspects/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 16:13:50 +0000</pubDate>
		<dc:creator>Easton</dc:creator>
				<category><![CDATA[Web Design Resources]]></category>
		<category><![CDATA[business websites]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://websitehabitat.com/?p=932</guid>
		<description><![CDATA[Here are 49 facets of your website design that you should never take for granted. Evaluate each item carefully and write down any relevant statistics, observations, ideas or questions. We hope you find this checklist useful! Want a better website? Order one of our website packages today and save yourself some stress. Just read on [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebsitehabitat.com%2F2009%2F11%2Fweb-design-aspects%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebsitehabitat.com%2F2009%2F11%2Fweb-design-aspects%2F&amp;source=websitehabitat&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="aligncenter size-full wp-image-942" title="brainstorming-paper" src="http://websitehabitat.com/wp-content/uploads/2009/11/brainstorming-paper.jpg" alt="brainstorming-paper" width="500" height="263" /></p>
<p>Here are 49 facets of your website design that you should never take for granted. Evaluate each item carefully and write down any relevant statistics, observations, ideas or questions. We hope you find this checklist useful!</p>
<p>Want a better website? <a href="http://websitehabitat.com/pricing/">Order one of our website  packages today</a> and save yourself some stress. Just read on to see what design aspects you don&#8217;t want to overlook&#8230;</p>
<p><span id="more-932"></span></p>
<h3>The Big Picture: Major Web Design Aspects</h3>
<p>1. Eye-pleasing<br />
2. Unique<br />
3. Simple<br />
4. Organized<br />
5. Appropriate<br />
6. Easy to read<br />
7. Easy to navigate<br />
8. Easy to distinguish links from text</p>
<h3>Accessibility: How Does Your Website Really Look?</h3>
<p>9. Looks same in various browsers<br />
10. Looks same at different resolutions<br />
11. Mobile version looks good</p>
<h3>Errors and Broken Stuff</h3>
<p>12. No broken links<br />
13. No code errors<br />
14. No missing alt text/placeholders</p>
<h3>The Stuff at the Top</h3>
<p>15. Memorable favicon<br />
16. Appropriately-sized masthead<br />
17. Eye-pleasing masthead<br />
18. Relevant masthead<br />
19. Appropriately-sized logo<br />
20. Resizable logo<br />
21. Eye-pleasing logo<br />
22. Relevant logo<br />
23. Logo works without color</p>
<h3>Does Your Website Work Without &#8230; ?</h3>
<p>24. Website works without images<br />
25. Website works without CSS</p>
<h3>Will They Remember You?</h3>
<p>26. Appropriately-sized website title<br />
27. Memorable website title<br />
28. Descriptive website title<br />
29. Memorable tagline<br />
30. Descriptive tagline</p>
<h3>Searches and Subscriptions</h3>
<p>31. Visible search box<br />
32. Obvious search box<br />
33. Useful search box<br />
34. Visible feed/email subscription options</p>
<h3>Articles and Excerpts</h3>
<p>35. Visible article headlines<br />
36. Appropriate number/size of article excerpts on homepage<br />
37. Appropriate number/size of article excerpts on archive pages</p>
<h3>Social Media and Commenting</h3>
<p>38. Visible social media sharing options<br />
39. Relevant social media sharing options<br />
40. Appealing social media sharing options<br />
41. Visible article comment area<br />
42. Easy to publish a comment<br />
43. Easy to browse comments/trackbacks/pingbacks/tweetbacks</p>
<h3>What&#8217;s on the Side?</h3>
<p>44. Organized sidebar(s)<br />
45. Useful sidebar elements</p>
<h3>What&#8217;s on the Bottom?</h3>
<p>46. Organized footer<br />
47. Useful footer elements</p>
<h3>Feed Me, Seymour! Feed Me!</h3>
<p>48. Feed displays correctly<br />
49. Useful feed elements</p>
<p><em>adapted from my <a href="http://www.visionaryblogging.com/blog-improvement-checklist/">Blog Improvement Checklist</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://websitehabitat.com/2009/11/web-design-aspects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Small Business Web Design: 78 of the Best Resources</title>
		<link>http://websitehabitat.com/2009/08/design-resources/</link>
		<comments>http://websitehabitat.com/2009/08/design-resources/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 13:58:06 +0000</pubDate>
		<dc:creator>Easton</dc:creator>
				<category><![CDATA[Web Design Resources]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://websitehabitat.com/?p=477</guid>
		<description><![CDATA[We are always looking for the best resources available around the web to help our clients create the best, most effective websites for their businesses and coaching practices. So here are 78 of the finest resources available for website design for small businesses, your healing practice or your coaching practice. If you know any resources [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebsitehabitat.com%2F2009%2F08%2Fdesign-resources%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebsitehabitat.com%2F2009%2F08%2Fdesign-resources%2F&amp;source=websitehabitat&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="aligncenter size-full wp-image-494" title="colored-paper-rolls" src="http://websitehabitat.com/wp-content/uploads/2009/08/colored-paper-rolls.jpg" alt="colored-paper-rolls" width="500" height="217" /></p>
<p>We are always looking for the best resources available around the web to help our clients create the best, most effective websites for their businesses and coaching practices.</p>
<p>So here are 78 of the finest resources available for website design for small businesses, your healing practice or your coaching practice. If you know any resources that belong on this list, please share them by leaving a comment below!</p>
<p><span id="more-477"></span></p>
<h3>Learn How to Improve Your Blog Design/Layout</h3>
<p><img class="size-full wp-image-497 alignright" title="1-pro-blog-design" src="http://websitehabitat.com/wp-content/uploads/2009/08/1-pro-blog-design.gif" alt="1-pro-blog-design" width="127" height="100" /></p>
<p>1. <a href="http://www.problogdesign.com/">Pro Blog Design</a> &#8211; Michael Martin&#8217;s advice</p>
<p>2. <a href="http://www.simplebits.com/">SimpleBits</a></p>
<p>3. <a href="http://www.smashingmagazine.com/">Smashing Magazine</a> &#8211; Design tips and tricks</p>
<p>4. <a href="http://vandelaydesign.com/">Vandelay Design</a> &#8211; Lots of useful advice, especially for blog design</p>
<p>5. <a href="http://tutsplus.com/">Tuts+</a> &#8211; Tutorials on various topics, including Web design</p>
<p>6. <a href="http://experiencedynamics.blogs.com/">Demystifying Usability</a></p>
<p>7. <a href="http://www.elated.com/">Elated</a> &#8211; Advice and templates for your website</p>
<p>8. <a href="http://www.cssbeauty.com/">CSSBeauty</a> &#8211; All about Cascading Style Sheets</p>
<p><!--more--></p>
<p>9. <a href="http://sixrevisions.com/">Six Revisions</a></p>
<p>10. <a href="http://www.w3schools.com/">W3Schools.com</a></p>
<p>11. <a href="http://www.thebestdesigns.com/">The Best Designs</a></p>
<p><img class="alignright" title="2-seomoz" src="http://websitehabitat.com/wp-content/uploads/2009/08/2-seomoz.gif" alt="2-seomoz" width="125" height="100" /></p>
<p>12. <a href="http://www.seomoz.org/">SEOMoz</a> &#8211; Advice for the SEO aspects of Web design</p>
<p>13. <a href="http://www.alistapart.com/">A List Apart</a></p>
<p>14. <a href="http://www.unmatchedstyle.com/">UnmatchedStyle.com</a></p>
<p>15. <a href="http://www.usability.gov/">Usability.gov</a></p>
<p>16. <a href="http://www.webradiance.com/">WebRadiance</a></p>
<p>17. <a href="http://www.wpdfd.com/">Web Page Design for Designers</a></p>
<p>18. <a href="http://www.stylegala.com/">Stylegala</a></p>
<p>19. <a href="http://www.webcreme.com/">Web Creme</a></p>
<p>20. <a href="http://37signals.com/svn/">Signal vs. Noise</a></p>
<p>21. <a href="http://www.cssreboot.com/">CSS Reboot</a></p>
<p><img class="alignright" title="3-seobook" src="http://websitehabitat.com/wp-content/uploads/2009/08/3-seobook.gif" alt="3-seobook" width="120" height="100" /></p>
<p>22. <a href="http://www.smileycat.com/">Smiley Cat</a></p>
<p>23. <a href="http://www.456bereastreet.com/">456 Berea St</a></p>
<p>24. <a href="http://cssmania.com/">CSS Mania</a></p>
<p>25. <a href="http://www.seobook.com/">SEO Book</a> &#8211; A membership site teaching SEO</p>
<h3>Books &amp; E-Books</h3>
<p><img class="alignright size-full wp-image-507" title="dont-make-me-think" src="http://websitehabitat.com/wp-content/uploads/2009/08/dont-make-me-think.png" alt="dont-make-me-think" width="105" height="127" />26. <a href="http://www.cssmastery.com/">CSS Mastery</a></p>
<p>27. <a href="http://www.amazon.com/Designing-Web-Standards-Jeffrey-Zeldman/dp/0735712018/">Designing With Web Standards</a></p>
<p>28. <a href="http://www.amazon.com/Think-Common-Sense-Approach-Usability/dp/0789723107/">Don&#8217;t Make Me Think!</a></p>
<p>29. <a href="http://www.savethepixel.org/">Save The Pixel</a></p>
<p>30. <a href="http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0465067107/">The Design of Everyday Things</a></p>
<p>31. <a href="http://www.amazon.com/exec/obidos/ASIN/0735712069/">The Unusually Useful Web Book</a></p>
<h3>Associations &amp; Conferences</h3>
<p><img class="alignright size-full wp-image-508" title="an-event-apart" src="http://websitehabitat.com/wp-content/uploads/2009/08/an-event-apart.png" alt="an-event-apart" width="94" height="131" />32. <a href="http://www.w3.org/">World Wide Web Consortium</a></p>
<p>33. <a href="http://www.htmlhelp.com/">The Web Design Group</a></p>
<p>34. <a href="http://events.carsonified.com/">Carsonified Events</a></p>
<p>35. <a href="http://www.aneventapart.com/">An Event Apart</a></p>
<p>36. <a href="http://2009.dconstruct.org/">dConstruct 2009</a></p>
<h3>Experts</h3>
<p>37. <a href="http://www.briangardner.com/">Brian Gardner</a></p>
<p>38. <a href="http://www.ericward.com/">Eric Ward</a></p>
<p><img class="alignright size-full wp-image-509" title="david-airey" src="http://websitehabitat.com/wp-content/uploads/2009/08/david-airey.png" alt="david-airey" width="174" height="69" />39. <a href="http://www.davidairey.com/">David Airey</a></p>
<p>40. <a href="http://www.useit.com/">Jakob Nielsen</a></p>
<p>41. <a href="http://www.dontmakemethink.com/">Steve Krug</a></p>
<p>42. <a href="http://www.idesignstudios.com/blog/">Selene M. Bowlby</a></p>
<p>43. <a href="http://randaclay.com/">Randa Clay</a></p>
<p>44. <a href="http://stopdesign.com/">Douglas Bowman</a></p>
<h3>Articles and FAQs</h3>
<p>45. <a href="http://www.w3.org/Style/CSS/">W3 Consortium on CSS</a></p>
<p>46. <a href="http://www.uie.com/articles/experiencedesign">Great Designs Should Be Experienced and Not Seen</a></p>
<p>47. <a href="http://www.smartwebby.com/web_site_design/fast_loading_websites.asp">Fast Loading Website Tips</a></p>
<p><img class="alignright size-full wp-image-510" title="w3c" src="http://websitehabitat.com/wp-content/uploads/2009/08/w3c.png" alt="w3c" width="221" height="39" />48. <a href="http://www.wetcanvas.com/ArtSchool/Color/ColorTheory/">Color Theory and Mixing</a></p>
<p>49. <a href="http://inspectelement.com/articles/humor-in-web-design/">Humour in Web Design</a></p>
<p>50. <a href="http://www.colormatters.com/colortheory.html">Color Matters &#8211; Color Theory</a></p>
<p>51. <a href="http://www.sitepoint.com/article/anatomy-web-fonts/">The Anatomy of Web Fonts</a></p>
<h3>News</h3>
<p><img class="alignright size-full wp-image-511" title="design-float" src="http://websitehabitat.com/wp-content/uploads/2009/08/design-float.png" alt="design-float" width="211" height="41" />52. <a href="http://www.designfloat.com/">Design Float</a></p>
<p>53. <a href="http://designshack.co.uk/">Design Shack</a></p>
<p>54. <a href="http://www.digital-web.com/">Digital Web Magazine</a></p>
<p>55. <a href="http://www.thefwa.com/">Favourite Website Awards</a></p>
<p>56. <a href="http://www.mezzoblue.com/">mezzoblue</a></p>
<h3>Services</h3>
<p>57. <a href="http://www.rackspace.com/">Rackspace</a> &#8211; Web hosting.</p>
<p><img class="alignright size-full wp-image-512" title="every-stock-photo" src="http://websitehabitat.com/wp-content/uploads/2009/08/every-stock-photo.png" alt="every-stock-photo" width="253" height="52" />58. <a href="http://www.mediatemple.net/">Media Temple</a> &#8211; Web hosting.</p>
<p>59. <a href="http://www.bluehost.com/">Bluehost</a> &#8211; Web hosting.</p>
<p>60. <a href="http://www.sxc.hu/">stock.xchng</a> &#8211; Stock photos.</p>
<p>61. <a href="http://www.everystockphoto.com/">everystockphoto</a> &#8211; More stock photos.</p>
<h3>Software &amp; Tools</h3>
<p>62. <a href="http://960.gs/">960 Grid System</a> &#8211; To help you frame your Web pages.</p>
<p>63. <a href="http://browsershots.org/">Browsershots</a> &#8211; Take screenshots of your website in various browsers.</p>
<p>64. <a href="http://www.colorschemer.com/">ColorSchemer</a></p>
<p>65. <a href="http://www.colourlovers.com/">COLOURlovers</a> &#8211; Share and create color palettes.</p>
<p>66. <a href="http://www.htmlhelp.com/tools/csscheck/">CSSCheck</a> &#8211; Check whether your CSS is valid.</p>
<p>67. <a href="http://jigsaw.w3.org/css-validator/">CSS Validation Service</a></p>
<p>68. <a href="http://www.dafont.com/">Dafont</a> &#8211; Choose from a great many fonts.</p>
<p>69. <a href="http://www.lightondark.com/">light on dark</a> &#8211; Learn how to use a light-on-dark theme.</p>
<p>70. <a href="http://logopond.com/">LogoPond</a> &#8211; Get a crowd-sourced logo.</p>
<p>71. <a href="http://www.montastic.com/">Montastic</a> &#8211; Monitor your website&#8217;s uptime and downtime.</p>
<p>72. <a href="http://typedia.com/">Typedia</a> &#8211; A shared encyclopedia of typefaces.</p>
<p>73. <a href="http://www.typetester.org/">Typetester</a> &#8211; Test different fonts.</p>
<p>74. <a href="http://userfly.com/">Userfly</a> &#8211; Watch videos of your site visitors visiting your site.</p>
<p>75. <a href="http://www.websitegrader.com/">Website Grader</a></p>
<p>76. <a href="http://www.vischeck.com/">Vischeck</a> &#8211; See how color-blind people see your website.</p>
<h3>What NOT to Do</h3>
<p>77. <a href="http://www.webpagesthatsuck.com/">Web Pages That Suck</a></p>
<h3>When You&#8217;re Really, Really Tired of All This Web Design Stuff</h3>
<p>78. <a href="http://www.turnofftheinternet.com/">Turn Off The Internet</a></p>
<p><em>image: <a href="http://www.flickr.com/photos/garydenness/391128092/">Gary Denness</a></em></p>
<p><em><a href="../">Buy a personalized website for business</a> from Website Habitat, plus lots of free bonuses, for only $350 through August 30, 2009.</em></p>
<p><strong>What&#8217;s <em>your</em> favorite resource for small business Web design?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://websitehabitat.com/2009/08/design-resources/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
