<?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>the studio of court demone</title>
	<atom:link href="http://courtdemone.ca/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://courtdemone.ca/blog</link>
	<description></description>
	<lastBuildDate>Wed, 01 Feb 2012 03:06:52 +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>Why Web Designers Suck and How You Can Make a High-Quality Website Without One</title>
		<link>http://courtdemone.ca/blog/2012/01/why-web-designers-suck-and-how-you-can-make-a-high-quality-website-without-one/</link>
		<comments>http://courtdemone.ca/blog/2012/01/why-web-designers-suck-and-how-you-can-make-a-high-quality-website-without-one/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 00:45:41 +0000</pubDate>
		<dc:creator>Court</dc:creator>
				<category><![CDATA[Guides]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[non-designers]]></category>

		<guid isPermaLink="false">http://courtdemone.ca/blog/?p=195</guid>
		<description><![CDATA[Most of the time, we designers don&#8217;t suck that badly. I even kind of like us. But when the average person comes to us with the desire to build a quality website, we have a tendency to leave them confused by web-speak, cringing at our price estimates, and disheartened by the thought that their desire [...]]]></description>
			<content:encoded><![CDATA[<p>Most of the time, we designers don&#8217;t suck that badly. I even kind of like us. But when the average person comes to us with the desire to build a quality website, we have a tendency to leave them confused by web-speak, cringing at our price estimates, and disheartened by the thought that their desire won&#8217;t become a reality. And that&#8217;s when we suck. A lot.</p>
<p>Here are some of the main reasons many designers, including myself, suck:</p>
<ul>
<li><strong>We&#8217;re expensive. </strong>Hiring a high-quality designer is going to cost you a lot of money. For a basic brochure-style website, I start my fees at about $800, and I&#8217;ve heard that&#8217;s on the cheaper side. Most people who have an idea for a website they&#8217;d like to make a reality don&#8217;t have the extra money to shell out for that idea. And even if you do, most of the time you&#8217;d be better to spend that money on other areas of your initiative.</li>
<li><strong>Design isn&#8217;t that important. </strong>The design of a site and how it&#8217;s built aren&#8217;t the most important parts of a site. The most important part of a site is the content you put into it. People come to your site because they&#8217;re looking for information. That information is what makes up the site&#8217;s content. While great design compliments and supports great content, great design can&#8217;t make up for shitty content. But great content can more than make up for shitty design. Just look at <a href="http://www.craigslist.org">craigslist</a> or <a href="http://www.stevepavlina.com">StevePavlina.com</a>.</li>
<li><strong>Most of you can do just as well without us.</strong> Most of you can make the site you need on your own. This article will show you how to do exactly that.</li>
</ul>
<p>Instead of making a sales pitch on why you should shell out a grand for a site, I&#8217;ll show you how to create a high-quality, professional-level site for nearly free, with minimal technological know-how (if you can make your way through adding photos or writing a note on Facebook, you&#8217;ll have no problem making this site). Note that I didn&#8217;t say easy. Building a quality site will take some motivation and time, but you&#8217;ll come out of it with a website you&#8217;ve created yourself that&#8217;s got an edge over everyone else&#8217;s.</p>
<p>If you are a designer reading this, please share this advice with those who come to you and are considering building a site. I&#8217;ve been giving this advice to people for years, and instead of pushing clients away like most designers fear, it has built stronger relationships and generated more referrals than I could ever have imagined, as well as saved me from spending all my time on small projects, leaving my schedule open for bigger, more interesting, and more profitable projects. Both you and your clients can appreciate that.<span id="more-195"></span></p>
<h2>Start with the right tools.</h2>
<p>Instead of having a website custom built for you, which is both time consuming and expensive, there are services you can use that will make creating and running a website about as easy as using Facebook. The service that I would recommend is called WordPress. Maybe you&#8217;ve heard of WordPress as a blogging platform, but over the years it has grown into a full fledged content management system (CMS). Since WordPress is open source, meaning any developer or designer can add to it, it has evolved to do any range of tasks: from hosting a basic brochure-style site, to running full-out online stores. WordPress is one of the most powerful CMSs available, and it&#8217;s completely free to use.</p>
<p>One of the greatest benefits of WordPress is the vast amount of customizable themes and plugins available. A <em>theme</em> is the design of your site, how it looks and how the user navigates it. There are literally thousands, if not millions, of themes available for free, and very high quality ones available for relatively cheap. Most of them allow you to upload your own logo if you so choose, and modify the layout to suit your needs.</p>
<p>WordPress also has thousands of plugins. A <em>plugin</em> is an add-on that allows WordPress to do things it wouldn&#8217;t usually do. For instance, a basic WordPress install doesn&#8217;t have the ability to post your Twitter feed in your sidebar or host an online store. But there are plugins that let you do both those things. With plugins, there&#8217;s almost nothing you can&#8217;t do with WordPress.</p>
<p>Using WordPress is dead simple. All you need to do is login, choose and customize your theme, and add and edit pages much like you would in Facebook. It&#8217;s really that easy.</p>
<p>Now, I&#8217;m not going to walk  you through how to install and use WordPress, because there are already tons of guides that explain that better than I ever could. What I will give you though is a list of services that will host a WordPress site for you, and link you to some good guides to get you started using WordPress.</p>
<p>These are the two hosting services I recommend:</p>
<ul>
<li><strong><a href="http://www.wordpress.com">WordPress.com</a></strong> is a great place to try WordPress out. They have a free option and a $17/year option for hosting. Functionally, both options are the same, but the free option will be www.yoursite.wordpress.com, while the $17/year option will be www.yoursite.com. The free option is great if you want to try using WordPress but aren&#8217;t ready to commit yet. Both require very little set up, but you&#8217;ll be restricted to only a couple hundred themes, and you won&#8217;t be able to use plugins. This option is best if you&#8217;re not that tech savvy or just want to try the service out.</li>
<li><strong><a href="http://www.hostpapa.com">HostPapa.com</a></strong> is my hosting provider of choice. They&#8217;ve got a variety of plans that range between $4-12/month and have excellent customer support. WordPress comes pre-installed and you can use any theme or plugin, though it&#8217;ll take the tiniest bit of tech savvy to upload them. Since HostPapa is a full fledged hosting service, you&#8217;ll be able to evolve past a WordPress site in the future if you so choose. This option is best if you&#8217;re comfortable doing basic file uploading, are committed to putting up a site, or want to have the ability to expand the scope of the project in the future.</li>
</ul>
<p>As for starting guides, check these out:</p>
<ul>
<li>Most of the best resources are WordPress&#8217;s own. Their <a href="http://codex.wordpress.org/First_Steps_With_WordPress">First Steps with WordPress</a> article is where I recommend you start. If you&#8217;re content is not going to change much, you&#8217;ll want to get familiar with <a href="http://codex.wordpress.org/Pages">pages</a>. If you&#8217;re going to be putting out content on a regular basis, like a blog or magazine, you&#8217;ll want to get familiar with <a href="http://codex.wordpress.org/Writing_Posts">posts</a>. For any and all other information, check out <a href="http://codex.wordpress.org/Getting_Started_with_WordPress">the rest of their instructional articles</a>.</li>
<li>Another good resource to check out is <a href="http://www.wpbeginner.com/">WPBeginner.com</a>. They&#8217;ve got guides and tutorials on almost everything WordPress.</li>
</ul>
<p>In case you&#8217;re worried that using WordPress could be seen as unprofessional, stop worrying. This site is powered by WordPress. So are sites by <a href="http://social.ford.com/">Ford</a>, <a href="http://blogs.wsj.com/law/">the Wall Street Journal</a>, <a href="http://www.samsungusanews.com/">Samsung</a>, and <a href="http://www.wpbeginner.com/showcase/21-popular-brands-that-are-using-wordpress/">a slew of other major companies</a>.</p>
<div class="mceTemp">
<dl class="wp-caption alignnone" style="width: 598px;">
<dt class="wp-caption-dt"><a href="http://courtdemone.ca/blog/wp-content/uploads/2012/01/wordpress.png"><img class="size-full wp-image-204" title="The WordPress writing screen" src="http://courtdemone.ca/blog/wp-content/uploads/2012/01/wordpress.png" alt="The WordPress writing screen" width="588" height="388" /></a></dt>
</dl>
<dl id="attachment_204" class="wp-caption alignnone" style="width: 598px;">
<dd class="wp-caption-dd">This is how easy WordPress is!</dd>
</dl>
</div>
<p>If you have any questions about WordPress, how to set it up, or how to use it, put them in the comments or email me and I&#8217;ll give you a hand. If somewhere down the road you think you need a custom theme made for you, give me a shout, I&#8217;d be stoked to put one together for you. Switching to a custom theme is easy and you can preserve all of your original content.</p>
<h2>Give your site some real value.</h2>
<p>As I mentioned before, design isn&#8217;t that important. That&#8217;s why you can get away with a pre-made theme and still have a quality site. What is important is the content you put on your site. There&#8217;s a reason you wanted to build a site, and that reason was to share some sort of information. Whether it&#8217;s information about your business, information about you, or just information you think everyone should know, you&#8217;ve got to turn that information into some sort of meaningful and valuable content for your readers. And since no one knows that information better than you, there are few people better qualified to write that content.</p>
<p>Creating valuable content out of the information you want to provide isn&#8217;t just a matter of writing a few paragraphs and slapping them onto a page. People build entire careers out of knowing how to craft content to provide valuable information, entertain the reader, and sell the service it&#8217;s promoting. Now I&#8217;m not expecting you to sweat content creation that much, but I would suggest taking a look at some of these guides on writing quality content so you have a basic knowledge of what works and have an edge on everybody else.</p>
<p>Here are a couple guide that I frequently reference while writing:</p>
<ul>
<li><a href="http://www.copyblogger.com/copywriting-101/">Copyblogger&#8217;s Copywriting 101 series</a> is the place I go when I need a refresh in the basics. Although it&#8217;s geared more towards sales copy, the suggestions apply to almost all writing for the web. You have to use some sense when applying them though, as some of the tactics they suggest have been used poorly so many times that users have become desensitized to them. To make sure you&#8217;re not using them poorly, read your content out loud to yourself and see if it sounds like something you would hear people say in everyday conversation. If it sounds overly sales-pitch-like, I&#8217;d say you should try to get it sounding more natural.</li>
<li>I don&#8217;t know where I came across<a href="http://www.fireandknowledge.org/archives/2007/01/08/a-guide-to-writing-well/"> Joshua Sowin&#8217;s Guide to Writing Well</a>, but I&#8217;m glad I did. This guide is considerably more in depth than Copyblogger&#8217;s, but it&#8217;s really worth a read if you need to do any sort of lengthy writing.</li>
<li>You can add me to the list of people who recommend everyone get a copy of <a href="http://www.amazon.com/Elements-Style-Fourth-William-Strunk/dp/020530902X">Strunk and White&#8217;s the Elements of Style</a>. You&#8217;ve got to know the rules before you break them, and Strunk and White lay out the rules better than anyone.</li>
</ul>
<p>One key step: PROOFREAD! Once you&#8217;ve drafted your content, make sure to read it allowed to yourself and have someone else read it over as well. Work on any bits that you have to read twice to understand, or that confuse whoever&#8217;s reading it for you.</p>
<p>Remember when I said there are areas that are better than design to spend your money on? Well, if the idea of writing your own content terrifies you, sounds daunting, or you just really want high quality professionally crafted content, this might be one of the areas you&#8217;ll want to consider spending money on (note that content creation is one of the many things I do!).</p>
<p>If you have some content you&#8217;ve created yourself and would like a professional to go over it, I&#8217;d love to help. Just shoot me an email with the content you&#8217;ve created or a link to your site, and I&#8217;ll give you my honest feedback and suggestions, free.</p>
<p><strong>Note about SEO: </strong>If you put the effort into maintaining your website and making it worthwhile, you&#8217;ll no doubt run into SEO tactics at some point. <em>SEO </em>stands for Search Engine Optimization, and SEO tactics are tactics for trying to get your site to show up more in search engine results like Google. While this might sound all well and good, 99% of the tactics out there are snake oil. They are spammy, out-dated attempts at stuffing keywords into unnecessary places, and Google actually penalizes your site for using them. So a word of caution: don&#8217;t try any SEO tactics without the advice of a web professional.</p>
<h2>Some design tips.</h2>
<p>Although you probably don&#8217;t need a designer for your site, you can definitely benefit from some of our professional advice. If you follow these basic tips, your site will be head and shoulders above the competition.</p>
<ul>
<li><strong><strong>Make sure your contact information is on every page. </strong></strong>All of us have wasted enough of our lives searching for phone numbers on a website. Save your users time, and make sure your phone number, email, or preferred method of content is conveniently displayed on every page.</li>
<li><strong>A bigger font size is better than a smaller one. </strong>If you have to lean in to read the screen, the font is too small. You can never be certain of a user&#8217;s quality of eye sight, so it&#8217;s better to play it safe with a big font. 16px is a good size to start with.</li>
<li><strong>Avoid weird shit. </strong>People often conflate being unique with being weird. Just look at most teenagers. Weirdos, right? That&#8217;s just their attempt at being unique. When it comes to your site, being weird can make your site unattractive and hard to use. Users have certain expectations of a site. They expect the logo to be in the top left side of the page and they expect the navigation to be along the top or down the left side of the page. Failure to comply with these expectations (us designers call them <em>patterns</em>) cause the user unnecessary confusion. <strong>Here are some good patterns to follow:</strong>
<ul>
<li>Use dark text on light background.</li>
<li>Stick to a plain, readable font, like Helvetica or Georgia.</li>
<li>Make sure your links are underlined and a different colour than the rest of the text.</li>
<li>Avoid things that are unnecessary or distracting, like music, flashing text and images, and splash screens.</li>
</ul>
</li>
<li><strong>Keep your brand in mind. </strong>Your <em>brand </em>is what comes to mind when someone mentions you or your company. It includes your logo, your slogan, and the feel of everything you produce. I like to think of it as your personality. Take a moment to think about what your personality is, and try to convey that in your content and design.</li>
<li><strong>For bonus points, consider learning some HTML and CSS. </strong><em>HTML </em>stands for Hypertext Markup Language, and is the language used to structure information in a website. <em>CSS </em>stands for Cascading Style Sheets, and is the language used to style that information. It&#8217;s pretty easy to <a href="http://w3schools.com/">learn the basics of both languages</a>, and can give you control over small aspects of your site that you otherwise wouldn&#8217;t have control over.</li>
</ul>
<p>Like I said with the content, if you want me to go over your site&#8217;s design and give you my honest feedback and suggestions for free, just shoot me an email.</p>
<h2>When you should hire a designer.</h2>
<p>If us designers were completely useless, none of us would have jobs. But that&#8217;s not the case. There are plenty of reasons why you would need to hire a designer. A good indicator that you&#8217;ll need a designer is that you haven&#8217;t understood this article at all, or that you think your site surpasses the scope of what this article has laid out.</p>
<p>If you&#8217;re still on the fence about whether you need a designer or not, ask yourself these questions:</p>
<ul>
<li>Do you want your site to do more than just convey information?</li>
<li>Is your site going to be a key part of a serious marketing effort?</li>
<li>Are you developing a cohesive and extensible brand?</li>
<li>Have you hired other marketing professionals?</li>
</ul>
<p>If the answer to any of these questions is yes, you should look at hiring a designer. These are situations when it&#8217;s best to bring in a professional who knows the ins and outs of what makes a site work and sell. So if your site is going to have an online store, if it&#8217;s going to be the make-or-break point between you and potential customers, or if it&#8217;s going to be part of a greater marketing plan, I&#8217;d definitely recommend hiring a designer. Naturally, I&#8217;d suggest you give me a shout to help you with your project, but if another designer pointed you to this article in the first place, I definitely suggest you see what they can do for you. Obviously they know their stuff if they sent you here!</p>
<h2>In closing.</h2>
<p>With motivation and time, you can make yourself a quality site that won&#8217;t cost you much. And if that sounds like too much work for you, you can always hire me or another designer to do it. Hey, we may suck, but somebody&#8217;s got to do it.</p>
<p>So what do you think, has this made up for all that sucking of days past? Put you&#8217;re questions and feedback in the comments and I&#8217;ll hit you back!</p>
<p>Oh yea, and you can always return the favour of all this wonderful advice by sharing it on the social network of your choice. Thanks much!</p>
]]></content:encoded>
			<wfw:commentRss>http://courtdemone.ca/blog/2012/01/why-web-designers-suck-and-how-you-can-make-a-high-quality-website-without-one/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Troubleshooting MAMP Installation</title>
		<link>http://courtdemone.ca/blog/2011/11/troubleshooting-mamp-installation/</link>
		<comments>http://courtdemone.ca/blog/2011/11/troubleshooting-mamp-installation/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 04:32:23 +0000</pubDate>
		<dc:creator>Court</dc:creator>
				<category><![CDATA[Guides]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[MAMP]]></category>
		<category><![CDATA[virtual hosts]]></category>

		<guid isPermaLink="false">http://courtdemone.ca/blog/?p=166</guid>
		<description><![CDATA[I recently had to buy a new laptop after my faithful MacBook Pro of three and a half years blew its logic board. The only thing that came close to the pain of adding nearly $3000 more to my debt was the pain it took to set up my development environment again. Luckily, MAMP was [...]]]></description>
			<content:encoded><![CDATA[<p>I recently had to buy a new laptop after my faithful MacBook Pro of three and a half years blew its logic board. The only thing that came close to the pain of adding nearly $3000 more to my debt was the pain it took to set up my development environment again. Luckily, MAMP was there to lessen the blow. Easy to install, easy to customize, bing, boom, bam, local server! But, for some reason, this time around it decided to be a bitch, especially when I tried to set up my virtual hosts. For posterities sake, I figured I would share my findings with all of you beautiful people. If you&#8217;re looking for a guide to setting up virtual hosts with MAMP, check out <a href="http://brassblogs.com/tutorials/setting-up-virtual-hosts-on-mamp">this tutorial</a> from Shelly Cole.<span id="more-166"></span></p>
<h3>Problem #1: Virtual hosts aren&#8217;t working at all!</h3>
<p>So you&#8217;ve set up your hosts file, your httpd-vhosts.conf (just httpd.conf with older Apache installations) points to the right folder, you&#8217;ve restarted your server, and your browser is still telling you that the site cannot be found. Another developer on my team and I spent a whole day trying to figure this one out. So how do you fix it? Let me explain what&#8217;s going on first.</p>
<p>MAMP uses port 8888 for its server, and when you enter a URL without a port specified, it assumes the port is 80. So you&#8217;re looking for it on port 80, when it exists on port 8888. So you try specifying port 8888 by typing &#8220;yourvirtualhost:8888&#8243; into your address bar, and voila, you&#8217;ve got a page! But it&#8217;s probably not the page you want. For me, it was a page from MAMP that says your virtual host is set up and you can begin adding files. My guess is this is how MAMP Pro works when you configure virtual hosts through its interface, and since you&#8217;re working around its interface, it&#8217;s gonna be a pain.</p>
<p>So to fix this, and to save you from having to specify the port every time you want to access your server, open up httpd.conf in /MAMP/conf/apache/ and change</p>
<p><code>Listen 8888</code></p>
<p>to</p>
<p><code>Listen 80</code></p>
<p>(in my installation, this is on line 48).</p>
<h3>Problem #2: My .htaccess files aren&#8217;t working</h3>
<p>I sorta kicked myself when I figured out what was going on with this one and I have a feeling you&#8217;ll do the same. MAMP is set up for you to put your files in /MAMP/htdocs/. If you&#8217;re like me, you&#8217;d much rather have your sites in a more convenient location, like ~/Sites/. But MAMP doesn&#8217;t like this, and if you set up your sites outside of htdocs, you&#8217;ll notice that none of the things you defined in your .htaccess files will be working. Easy fix. Crack open httpd.conf again, and you&#8217;ll find a line that says something like</p>
<p><code>&lt;Directory "/Applications/MAMP/htdocs/"&gt;</code></p>
<p>with the line</p>
<p><code>AllowOverride All</code></p>
<p>somewhere before the closing directory tag. In my installation, this can be found from line 212-240. What this does is specify that Apache settings can be overriden by .htaccess files within that directory.</p>
<p>There&#8217;s two ways to fix this:</p>
<p><strong>1) </strong>Change the path within the directory tag to the path of the directory you keep your sites in. This becomes less than optimal when you have multiple directories that you keep sites in.</p>
<p><strong>2) </strong>You can remove the Directory tag and its closing counterpart. This will cause the contained options to apply to the global Apache settings. This may be an issue if there are settings contained in this tag that you don&#8217;t want applied globally.</p>
<h3>Last thoughts</h3>
<p>These problems weren&#8217;t existent when I had previously installed MAMP, so I&#8217;m figuring they&#8217;re a recent addition. I&#8217;m gonna make the guess that they were implemented to try and get more people to buy MAMP Pro, though that&#8217;s pure speculation and I would hate to start a vicious rumor. I hope that this guide has been helpful, and if you are having or have had other problems when trying to set up MAMP, let me know and I&#8217;ll do my best to help and then add the solution to this article.</p>
]]></content:encoded>
			<wfw:commentRss>http://courtdemone.ca/blog/2011/11/troubleshooting-mamp-installation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Court&#8217;s Mighty Morphin&#8217; Web Design Tools *Updated*</title>
		<link>http://courtdemone.ca/blog/2011/10/courts-mighty-morphin-web-design-tools/</link>
		<comments>http://courtdemone.ca/blog/2011/10/courts-mighty-morphin-web-design-tools/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 21:00:38 +0000</pubDate>
		<dc:creator>Court</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[lists]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://courtdemone.ca/blog/?p=10</guid>
		<description><![CDATA[I&#8217;ve seen that it&#8217;s a bit of a trend amongst web designers to make a blog post about the tools that they use. Seeing how I&#8217;m a sucker for a good fad I figured I&#8217;d hop on the self indulgent train and share all the gizmos I use to make a super website. Here it [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve seen that it&#8217;s a bit of a trend amongst web designers to make a blog post about the tools that they use. Seeing how I&#8217;m a sucker for a good fad I figured I&#8217;d hop on the self indulgent train and share all the gizmos I use to make a super website. Here it goes:</p>
<p><a href="http://courtdemone.ca/blog/wp-content/uploads/2010/08/tools.jpg"><img class="aligncenter size-full wp-image-17 no-border" title="tools" src="http://courtdemone.ca/blog/wp-content/uploads/2010/08/tools.jpg" alt="Court's Mighty Morphin' Web Design Tools" width="394" height="178" /></a><span id="more-10"></span></p>
<h3>My Brain</h3>
<p>I don&#8217;t use this one as often as I should, but when I do, I tend to get some pretty good results. I highly recommend trying yours out. If yours is broken, or doesn&#8217;t work as well as it used to, borrow a friend&#8217;s.</p>
<h3>Sketch Pad and Pencil</h3>
<p>I&#8217;m not gonna lie, I sort of have a deep seated hatred for Photoshop and most other Adobe products (It&#8217;s not you Adobe, It&#8217;s me). The longer I can spend without touching it, the better. I like to have a small stack of sketches before I even turn on my MacBook. If you can get stoked on a design while it&#8217;s still on paper, then it&#8217;s gonna make the whole process that much more enjoyable.</p>
<h3><a href="http://www.apple.com/macbookpro/" target="_blank">MacBook Pro</a></h3>
<p>It&#8217;s shiny, it&#8217;s sturdy, and every hipster in every coffee shop has one. I&#8217;ve got the 17&#8243; display one with the 1GB of dedicated graphics RAM, if you were at all curious.</p>
<h3><a href="http://www.logitech.com/mice-pointers/mice/devices/5845">Logitech Performance Mouse MX</a></h3>
<p>I didn&#8217;t realize that a man could have feelings for a mouse, but it has happened. This thing is comfy as hell, has the smoothest scroll wheel in the world, and tracks on any surface, including glass. Although the price tag hovers around $100, I don&#8217;t regret spending any of it.</p>
<h3><a href="http://www.aiaiai.dk/headphones/tma-1.html">AiAiAi TMA-1 Headphones</a></h3>
<p>I can&#8217;t work without music. It helps keep my concentration when working in a noisy environment, and let&#8217;s face it: Dr. Dre designs beats better than I could ever hope to design a website. So naturally, there&#8217;s no better place to look for inspiration. Rated in <a href="http://reviews.cnet.com/best-headphones/">CNET&#8217;s top 5 headphone picks</a>, these things are crisp, clear, not too bassy, and comfy to wear for prolonged periods. They&#8217;re not noise cancelling, but they may as well be. The $200 price tag makes them rather attractive as well.</p>
<h3><a href="http://www.cocoatech.com/">Pathfinder</a></h3>
<p>Pathfinder completely changed how I use my Mac. It replaces the standard Mac Finder, and is hundreds of times more powerful. Here&#8217;s a basic list of things it does: tabbed windows, split pane browsing, breadcrumbs, integrated Subversion and Terminal window, easily switch hidden files on and off, Drop Stack for moving multiple files, and that&#8217;s just scratching the surface. It costs $40, but it&#8217;s worth every penny, and this is coming from the guy who pirates EVERYTHING.</p>
<h3><a href="http://scplugin.tigris.org/">SCPlugin</a> and <a href="http://code.google.com/p/svnx/">svnx</a></h3>
<p>SCPlugin fully integrates Subversion into your file browser, and svnx does everything that SCPlugin can&#8217;t. Together, they&#8217;re the closest you can get to TortoiseSVN on a Mac.</p>
<h3><a href="http://www.activestate.com/komodo-edit">Komodo Edit</a></h3>
<p>I spent a good while testing out code editors, and Komodo Edit takes the cake. It&#8217;s free, incredibly customizable, has libraries and autosuggests for every coding language you can think of, has tabs and split pane editing, has in window file browsing, and is just generally a wonderful tool. The support team is great, and they have a full IDE version for purchase if you&#8217;re interested as well. In short, it&#8217;s the bomb.</p>
<h3><a href="http://www.google.com/chrome" target="_blank">Google Chrome</a></h3>
<p>It&#8217;s fast, it&#8217;s sleek, and I&#8217;m a sucker for Google products. The minimalist feel to it is great. The WebKit layout engine is the least buggy one out there and the Javascript engine it uses is very speedy. The built in web development tools are killer, and paired with <a href="https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi">Pendule</a>, you&#8217;re flying. Plus, it&#8217;s got some nice extensions too, here&#8217;s a few I can&#8217;t live without: <a href="https://chrome.google.com/extensions/detail/gffjhibehnempbkeheiccaincokdjbfe" target="_blank">Gmail Checker</a>, <a href="https://chrome.google.com/extensions/detail/ajpgkpeckebdhofmmjfgcjjiiejpodla" target="_blank">Xmarks</a>, <a href="https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi">Pendule</a>, <a href="https://chrome.google.com/extensions/detail/hmdcmlfkchdmnmnmheododdhjedfccka" target="_blank">Eye Dropper</a>, and <a href="https://chrome.google.com/extensions/detail/alelhddbbhepgpmgidjdcjakblofbmce" target="_blank">Awesome Screenshot</a> (Makes a screen cap of the ENTIRE web page!)</p>
<h3><a href="http://www.photoshop.com/" target="_blank">Photoshop</a> &amp; <a href="http://www.adobe.com/products/illustrator.html">Illustrator</a> vs. <a href="http://www.gimp.org/">GIMP</a> &amp; <a href="http://inkscape.org/">Inkscape</a></h3>
<p>So, just like the rest of you, I&#8217;ve been using Adobe tools for my whole design career. But when I got my new laptop, I didn&#8217;t feel like spending the money to purchase the software, nor did I feel like spending the effort to acquire the software through less legitimate means. So, I started fooling around with GIMP and Inkscape. So far, the learning curve is a little high, but I&#8217;m slowly getting the hang of it. Even if I do go back to the cruel mistress that is Adobe, at least I&#8217;ll get to say I experimented with open-source a little in college like everyone else. I&#8217;ll make a post about my experimentation when I&#8217;ve come to a decision.</p>
<h3><a href="http://www.evernote.com/">Evernote</a></h3>
<p>Evernote did to my organization, productivity, and creativity what Newton did to gravity. Evernote is a note taking application that I use to take notes (duh), keep track of to do lists, store business cards and contact info, organize ideas as they come up, and store links to useful web resources. It syncs across everything, and has type recognition, so you can just take a picture of your hand written notes with your phone, and then search them with Evernote later. Best of all, it&#8217;s free!</p>
<h3><a href="http://www.mamp.info/en/index.html">MAMP</a></h3>
<p>MAMP (Mac, Apache, MySQL, PHP) is a god send. If you&#8217;re unfamiliar with it, it&#8217;s an app that makes hosting a server locally dead simple. Flip a switch and go. I use it to set up development domains on my computer to test my sites. You can also set it up so clients can take a look at the progress you&#8217;re making. Free and paid versions.</p>
<h3><a href="http://cyberduck.ch/" target="_blank">Cyber Duck</a></h3>
<p>Great FTP Client. Does it&#8217;s job, and does it well.</p>
<h3><a href="https://www.virtualbox.org/">VirtualBox</a></h3>
<p>It&#8217;s no secret: Internet Explorer is the bane of the web desinger&#8217;s existence. It&#8217;s an even bigger piss off for designers who use Macs, because we have few ways to test in IE. Luckily, using VirtualBox, you can run Windows right in your Mac, and can even set it up to access your local server. I&#8217;ll be writing an article on this, and other methods of testing IE on a Mac, a bit later.</p>
<h3>Tons of Web Design Digests</h3>
<p>While fooling around with the specifics of a design, I peruse through as many designs as I can to see what I like and don&#8217;t like about them, and then try to pull all the awesome bits into my new design. <a href="http://www.tweetmydesign.com/" target="_blank">Tweet My Design</a>, <a href="http://webdesignledger.com/" target="_blank">Web Design Ledger</a>, <a href="http://2010.designmeltdown.com/" target="_blank">Design Melt Down</a> and <a href="http://www.thinkingforaliving.org/" target="_blank">Thinking For a Living</a> are some of my favourite places to go for ideas.</p>
<h3>Color Tools</h3>
<p>Sometimes finding the right color palette is waaaaayyyyy harder than it should be. When backed up into such a pigmatic predicament, I like to turn to a color tool and play around until I find a palette I like. Check out <a href="http://colorschemedesigner.com/" target="_blank">Color Scheme Designer</a> and <a href="http://www.colorotate.org/" target="_blank">ColoRotate</a>.</p>
<h3><a href="http://new.myfonts.com/WhatTheFont/" target="_blank">What The Font?</a></h3>
<p>Ever wondered what that font was? Then upload it to What The Font? and you&#8217;ll know!</p>
<h3><a href="http://css3please.com/" target="_blank">CSS3 Please!</a></h3>
<p>It&#8217;s hard to keep track of all the new fangled CSS3 tags for all the different browsers. This handy little webpage creates all the code for you. It even gives you code for gradients in IE. Weird&#8230;</p>
<h3><a href="http://www.google.com/analytics" target="_blank">Google Analytics</a>, <a href="http://www.google.com/webmasters/tools/" target="_blank">Google Webmaster Tools</a>, and <a href="https://adwords.google.com/select/KeywordToolExternal" target="_blank">Google Keyword Tool</a></h3>
<p>I get it: I&#8217;m a Google whore. But that doesn&#8217;t stop these tools from being AMAZINGLY helpful. I do some basic SEO research and implementation on all my sites, and since Google<em> is</em> the biggest search engine out there, it makes sense to use their tools to help get you hits. Before I sit down to write any copy, I always do some thorough research of possible keywords using the keyword tool. Later, once the site&#8217;s up, I track my position for those keywords in Webmaster tools, and the amount of hits using analytics. It&#8217;s a wonderful system, really.</p>
<h3><a href="http://www.hostpapa.ca" target="_blank">HostPapa.ca</a></h3>
<p>Awesome hosting, reasonable prices, great support team, Canadian owned and run entirely off green energy.</p>
<h3><a href="http://www.gmail.com" target="_blank">GMail</a>, <a href="http://www.skype.com" target="_blank">Skype</a>, and <a href="http://adium.im/">Adium</a></h3>
<p>You&#8217;ve got to keep in contact with clients somehow.</p>
<h3><a href="http://docs.google.com" target="_blank">Google Docs</a></h3>
<p>Perfect for writing up web copy. Don&#8217;t have to worry about sending it back and forth with a client, you guys can just share permissions to the file and work on it together (Always keep a back up though, clients can be zealous).</p>
<h3><a href="http://wordpress.org/" target="_blank">WordPress</a></h3>
<p>You want a blog? I&#8217;ll give you a blog! Easy to use, looks great, and easy to make themes for. Hey, I&#8217;m using it right now!</p>
<p>And that&#8217;s about it! Congratulations for reading through that whole post, hopefully you learned something about a new application that&#8217;ll help you out. Maybe you only garnered that I was lacking ideas for a blog post. Maybe you decided to get a Google account (Very good idea). Whatever the reason, I thank you, and assure you my next post will be more interesting.</p>
]]></content:encoded>
			<wfw:commentRss>http://courtdemone.ca/blog/2011/10/courts-mighty-morphin-web-design-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Redone American History X Poster</title>
		<link>http://courtdemone.ca/blog/2010/10/redone-american-history-x-poster/</link>
		<comments>http://courtdemone.ca/blog/2010/10/redone-american-history-x-poster/#comments</comments>
		<pubDate>Tue, 12 Oct 2010 17:34:56 +0000</pubDate>
		<dc:creator>Court</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[movies]]></category>

		<guid isPermaLink="false">http://courtdemone.ca/blog/?p=74</guid>
		<description><![CDATA[I had the chance to put my design skills to the test for my Introduction to Social Work class. We were asked to do a paper on a movie, along with a creative project. I chose American History X as my film, and made this poster. Credits to Olly Moss for the idea.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://courtdemone.ca/blog/wp-content/uploads/2010/10/american-history-x.jpg"><img class="aligncenter size-full wp-image-75 no-border" title="american-history-x" src="http://courtdemone.ca/blog/wp-content/uploads/2010/10/american-history-x.jpg" alt="" width="444" height="685" /></a></p>
<p>I had the chance to put my design skills to the test for my Introduction to Social Work class. We were asked to do a paper on a movie, along with a creative project. I chose American History X as my film, and made this poster. Credits to <a href="http://www.flickr.com/photos/ollym/3109717785/in/photostream/" target="_blank">Olly Moss</a> for the idea.</p>
]]></content:encoded>
			<wfw:commentRss>http://courtdemone.ca/blog/2010/10/redone-american-history-x-poster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>God is in the Details</title>
		<link>http://courtdemone.ca/blog/2010/09/god-is-in-the-details/</link>
		<comments>http://courtdemone.ca/blog/2010/09/god-is-in-the-details/#comments</comments>
		<pubDate>Wed, 22 Sep 2010 02:45:10 +0000</pubDate>
		<dc:creator>Court</dc:creator>
				<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://courtdemone.ca/blog/?p=67</guid>
		<description><![CDATA[&#8220;Where wast thou when I laid the foundations of the earth? declare, if thou hast understanding. Who hath laid the measures thereof, if thou knowest? or who hath stretched the line upon it? Whereupon are the foundations thereof fastened? or who laid the corner stone thereof; When the morning stars sang together, and all the [...]]]></description>
			<content:encoded><![CDATA[<p><em><a href="http://courtdemone.ca/blog/wp-content/uploads/2010/09/god.jpg"><img class="aligncenter size-full wp-image-68 no-border" title="god" src="http://courtdemone.ca/blog/wp-content/uploads/2010/09/god.jpg" alt="God is in the Details" width="494" height="788" /></a>&#8220;Where wast thou when I laid the foundations of the earth? declare, if thou hast understanding. Who hath laid the measures thereof, if thou knowest? or who hath stretched the line upon it? Whereupon are the foundations thereof fastened? or who laid the corner stone thereof; When the morning stars sang together, and all the sons of God shouted for joy?&#8221;<span style="font-style: normal;"> ~ the Book of Job 38:4-7, KJB</span></em></p>
<p><em>&#8220;God is in the Details.&#8221;</em> ~ Ludwig Mies Van Der Rohe</p>
<p><span id="more-67"></span>For a while there, there were two things that completely dominated my curiosity and imagination: Design and Religion. Being a designer by trade, a fascination with design is to be expected, but seeing how I&#8217;m not a religious person, a fascination with religion is unexpected, if not flat out weird. Despite their apparent differences, I see them both sharing similarities. I&#8217;ve done no formal studying of either of them, so I&#8217;m not an authoritative voice, but what follows is food for thought.</p>
<p>Were I to put a definition to design (Which I&#8217;m hesitant on doing), I would say that design is the greater impression of an accumulation of details, with each detail being a purposeful and integral attribute of the whole design. Design is in the details. Design <em>is</em> the details. But design is still greater than the sum of its details. The design would not be the design were it not for every little individual detail, but at the same time, the details would have no inherent meaning or purpose were it not for the greater design.</p>
<p>Were I to put a definition to God (Which I&#8217;m hesitant on doing), I would say that God is the greater impression of an accumulation of details, with each detail being a purposeful and integral attribute of God (Or of God&#8217;s creation). God is in the details. God <em>is</em> the details. But God is still greater than the sum of its details. God would not be God were it not for every little individual detail, but at the same time, the details would have no inherent meaning or purpose were it not for God.</p>
<p>What I&#8217;m trying to say here, other than demonstrate the power of search and replace, is that design can expand beyond something we do to make a buck, and begin to situate itself as a way of life. I may be just grasping at straws here, but please, bear with me.</p>
<p>Being your typical West Coast-er, when I get stoked on religious stories, they&#8217;re usually ones from the Far East: Of Bodhidharma wandering into to China from India, Of Krishna consoling Arjuna, Of how Ganesha got his elephant head. So it&#8217;s a little odd for me to refer to the Good Book. But here, it seems apt. After being plagued with boils due to a sort of cosmic bet between God and Satan, the ever-faithful Job curses the day he was born and pleads to God to explain why He allowed something so terrible occur to someone so righteous. God then reproaches Job by asking him: Were you there when the Universe was made? How do you know about what is and what isn&#8217;t righteous? God goes on to very poetically ask whether Job knows how all the little details in the Universe work, like how water turns to ice and how the eagles fly. &#8220;Knowest thou the time when the wild goats of the rock bring forth? <em>or</em> canst thou mark when the hinds do calve? Canst thou number the months <em>that</em> they fulfil? or knowest thou the time when they bring forth?&#8221; In all this, God is not only asserting the power and integrity of all these details, but He&#8217;s also reminding Job that he is a detail which relies on God for meaning in all of it. God is not complete without Job. Job is purposeless without God.</p>
<p>When I have a web design in which I manage to get the footer or the bullets just right, when I manage to find that perfect balance in which the element is distinct in itself but still contributing to the purpose of the whole of the design, I feel like I can see that grand scale, of both design and God. I can see how it all fits together, and how it&#8217;s possible that I may be that standalone bullet within the Design of Life. I may be purposeless without the Design, but the Design falls apart without me, or you, or your grandma, or your dog&#8230;</p>
<p>So next time you curse at your computer screen because you just can&#8217;t get that bullet right, remember: God is in the Details.</p>
]]></content:encoded>
			<wfw:commentRss>http://courtdemone.ca/blog/2010/09/god-is-in-the-details/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing with Confidence</title>
		<link>http://courtdemone.ca/blog/2010/09/designing-with-confidence/</link>
		<comments>http://courtdemone.ca/blog/2010/09/designing-with-confidence/#comments</comments>
		<pubDate>Sat, 04 Sep 2010 01:04:02 +0000</pubDate>
		<dc:creator>Court</dc:creator>
				<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://courtdemone.ca/blog/?p=28</guid>
		<description><![CDATA[My design process used to be very counter intuitive. I&#8217;d start the design in one direction, get half way through, and scrap it because I decided it looked like crap. I&#8217;d do this over and over again until finally I settled on a design I wasn&#8217;t particularly happy with solely because I was too exhausted to continue [...]]]></description>
			<content:encoded><![CDATA[<p>My design process used to be very counter intuitive. I&#8217;d start the design in one direction, get half way through, and scrap it because I decided it looked like crap. I&#8217;d do this over and over again until finally I settled on a design I wasn&#8217;t particularly happy with solely because I was too exhausted to continue on. Even then I&#8217;d second guess every one of my choices and end up dulling everything down with excessive gradients, dull colors and rounded corners, knowing that I could hide behind Web 2.0 staples that would make it &#8216;slick&#8217; enough to satisfy clients.  The problem wasn&#8217;t that my ideas were shitty. The problem was that I refused to see them through to the end.<span id="more-28"></span></p>
<p>Project after agonizing project I would continue with this cycle of doubt, until one day I could stand it no longer. I made the choice to see my designs through with confidence, and discover what they looked like in the end prior to deciding whether to scrap it or not. Initially, I thought I&#8217;d be spending a lot more time working this way, but I&#8217;d more than make up for it in saved sanity. But, it turned out to save sanity and time. Since I&#8217;ve revised my process, I&#8217;ve never started a project over more than once (As opposed to the 5-15 times I would start things over in the past). After seeing the first cut of a website sitting in my browser, I&#8217;m less likely to see it as a hunk of loosely affiliated garbage as I would in the steps working towards that first cut, but rather a rough diamond with certain parts that need to be buffed up prior to it&#8217;s glistening potential to be reached. And then I get to shining.</p>
<p>This probably isn&#8217;t all that new. You can hear the sentiments of this philosophy everywhere. The place that I can think of it being most prominent for me is in the Think-then-do concept in <a href="http://www.webdesignfromscratch.com/blog/" target="_blank">Ben Hunt</a>&#8216;s wonderful treatise on web design, <a href="http://www.webdesignfromscratch.com/blog/how-to-design-like-a-pro-web-designer/" target="_blank">Save the Pixel</a>. Here&#8217;s my paraphrasing of Hunt&#8217;s concept: Your brain&#8217;s best at doing one thing at a time (At least for the male side of the species). So why boggle it by trying to do more than one thing at a time? In your conceptualizing and planning phase, allow your brain to take on the role of manager and designer, coming up with what the site is going to look like, and how it is going to work. But once you sit down in front of Photoshop or a code editor, your brain becomes a worker and does what the manager has told it to do. When the worker is second guessing his work (Doing the manager&#8217;s job), things are bound to go awry. Despite reading that book quite a while ago, that particular part of it only recently sunk in.</p>
<p>So that&#8217;s confidence in designing. What about confidence in the design itself? Too often have designs of late been tormented by being watered down with omnipresent gradients and excessive noise filters. Why not allow a design to be bold and brash, with square corners and solid colours? (Does it count for alliteration when it&#8217;s two pairs of words with the same respective first letters like that?) In the past, when I wasn&#8217;t happy with a design and didn&#8217;t know entirely what to do, I&#8217;d just toss in some gradients and soften up some of the colours and voila, I&#8217;d call it good to go. This isn&#8217;t because these things are the magic antidote that will save any design from peril. It&#8217;s because the design still had some parts that sucked, and by turning down it&#8217;s boldness and volume, you were turning down the suck. It&#8217;s like trying to make life more bearable by turning down that new Katie Perry track, when really, you should probably just toss in some <a href="http://www.youtube.com/watch?v=Skjgq4ILB_s" target="_blank">Souls of Mischief</a> (I&#8217;m in an alternative west coast mood this morning).</p>
<p>This doesn&#8217;t mean that the design should be scrapped all together (See: the first half of this article), but rather the design still needs to be buffed up a bit. It&#8217;s useless to look at a design as though it&#8217;s worthless, when it&#8217;s just a rough diamond that needs to be shined to perfection. When I play around with the design a bit, and maybe inject certain parts with the confidence that they&#8217;re lacking, I can almost always find the tootsie roll center amongst the hard sour candy. And even when I&#8217;m not quite seeing it, sometimes getting a friend or colleague to look at it can show me that it&#8217;s not as bad as I think. A design is always going to look more heavy handed to the designer who made it.</p>
<p>I&#8217;m going to assume that none of this is new information, or at least it shouldn&#8217;t be. I just figure it&#8217;s something that needs to be said more often. Have confidence in the things you make, and wait til you can see the whole picture until you decide whether to continue working with it or not. It has definitely saved me hours of frustration and the last specs of my sanity.</p>
<p><strong><em>Note:<span style="font-weight: normal;"> I don&#8217;t want to come off as thinking that gradients, round corners, noise filters, and soft colours are evil. They&#8217;re just as useful tools as anything else in a designer&#8217;s arsenal. It just seems that lately they&#8217;ve become a bit of a crutch, and I think that we, as web designers, need to start working with them less. It&#8217;s easier to code without them, it&#8217;s less time spent in photoshop, and a design will almost always seems stronger and less distracted without them.</span></em></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://courtdemone.ca/blog/2010/09/designing-with-confidence/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

