<?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>Farr Design &#187; Web Design</title>
	<atom:link href="http://farrdesign.net/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://farrdesign.net/blog</link>
	<description>Web Design and ramblings.</description>
	<lastBuildDate>Sat, 13 Mar 2010 22:03:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Thinking About Rebranding</title>
		<link>http://farrdesign.net/blog/2010/03/13/thinking-about-rebranding/</link>
		<comments>http://farrdesign.net/blog/2010/03/13/thinking-about-rebranding/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 22:03:05 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[rebranding]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=175</guid>
		<description><![CDATA[Since I&#8217;ve started freelancing and set up this website my skills and knowledge of web design have changed drastically. I&#8217;ve had time to look over other web designers websites and have been envious of there designs. Now whenever I look at my website there are so many things that I want to change but just [...]]]></description>
			<content:encoded><![CDATA[<p>Since I&#8217;ve started freelancing and set up this website my skills and knowledge of web design have changed drastically. I&#8217;ve had time to look over other web designers websites and have been envious of there designs. Now whenever I look at my website there are so many things that I want to change but just haven&#8217;t had the time to do. I think it&#8217;s time to set aside some time for myself and my brand and work on a new design for my website, brand new logo, and everything else that comes along with it.</p>
<h2>Problems with my current brand</h2>
<p><strong>Logo</strong> &#8211; I used to love my logo, now not so much. I&#8217;m not quite sure what&#8217;s happened from then till now, but I think I&#8217;m looking for something a little simpler.</p>
<p><strong>Website isn&#8217;t dynamic</strong> &#8211; Since I created my current website my skill set has increased greatly. A few things that I&#8217;ve added to my belt is some php, wordpress as cms, and a bit of jquery. I want to create a dynamic website using these new found tools.</p>
<p><strong>More social integration</strong> &#8211; Right now my website is behind a few years mainly because it doesn&#8217;t have any kind of social integration i.e. twitter, facebook, digg, and all those others. I use these things but don&#8217;t have a way for people to know about them when they visit my website.</p>
<p><strong>Overall visual appeal</strong> &#8211; My website right now is too dark, I want to get away from that with my new design. I want to make it look more professional but also let it show more of my personality, maybe showcase a bit of my illustration skills.</p>
<h2>Inspiration</h2>
<p>I&#8217;ve mentioned that I&#8217;ve been inspired by a few designers websites, so here they are:</p>
<p><a href="http://marcobarbosa.com/"><img class="size-full wp-image-178 alignnone" title="Picture 1" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-1.png" alt="" width="500" height="317" /></a></p>
<p><a href="http://tammyhartdesigns.com/about/"><img class="alignnone size-full wp-image-179" title="Picture 2" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-2.png" alt="" width="500" height="314" /></a></p>
<p><a href="http://joshhemsley.com/"><img class="alignnone size-full wp-image-180" title="Picture 3" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-3.png" alt="" width="500" height="319" /></a></p>
<p><a href="http://www.lealea.net/"><img class="alignnone size-full wp-image-181" title="Picture 4" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-4.png" alt="" width="500" height="318" /></a></p>
<p><a href="http://sushiandrobots.com/"><img class="alignnone size-full wp-image-182" title="Picture 5" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-5.png" alt="" width="500" height="244" /></a></p>
<p><a href="http://www.ndesign-studio.com/"><img class="alignnone size-full wp-image-183" title="Picture 6" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-6.png" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.dawghousedesignstudio.com/"><img class="alignnone size-full wp-image-185" title="Picture 8" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-8.png" alt="" width="500" height="249" /></a></p>
<p><a href="http://www.newconcept.hu/index.php/data/portfolio/"><img class="alignnone size-full wp-image-187" title="Picture 10" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-10.png" alt="" width="500" height="248" /></a></p>
<p><a href="http://www.davidhellmann.com/"><img class="alignnone size-full wp-image-188" title="Picture 11" src="http://farrdesign.net/blog/wp-content/uploads/2010/03/Picture-11.png" alt="" width="500" height="249" /></a></p>
<h2>After seeing these don&#8217;t you want to redesign your website!?</h2>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/03/13/thinking-about-rebranding/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Free Goodreads Icon Pack</title>
		<link>http://farrdesign.net/blog/2010/02/25/free-goodreads-icon-pack/</link>
		<comments>http://farrdesign.net/blog/2010/02/25/free-goodreads-icon-pack/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 19:28:54 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Free Stuff]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[goodreads]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[social icons]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=168</guid>
		<description><![CDATA[I frequent Goodreads a lot it's a great social network where I can go and talk about books with the great community that's there and also find out about new books.

I've been designing a lot of websites for authors that are on goodreads and one thing that I always like to do is show more social networking on their websites. I haven't found any good icons for goodreads so I made some. I hope you enjoy them!]]></description>
			<content:encoded><![CDATA[<p>I frequent Goodreads a lot it&#8217;s a great social network where I can go and talk about books with the great community that&#8217;s there and also find out about new books.</p>
<p>I&#8217;ve been designing a lot of websites for authors that are on goodreads and one thing that I always like to do is show more social networking on their websites. I haven&#8217;t found any good icons for goodreads so I made some. I hope you enjoy them!</p>
<p style="text-align: center;"><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/iconpack.jpg"><img class="size-full wp-image-169 aligncenter" title="iconpack" src="http://farrdesign.net/blog/wp-content/uploads/2010/02/iconpack.jpg" alt="" width="300" height="474" /></a></p>
<p style="text-align: center;"><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/goodreads_icon_pack.zip"></a><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/goodreads_icon_pack.zip">Download!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/02/25/free-goodreads-icon-pack/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Odd Jobs for Web Designers: Easy Ways to Make a Quick Buck</title>
		<link>http://farrdesign.net/blog/2010/02/09/odd-jobs-for-web-designers-easy-ways-to-make-a-quick-buck/</link>
		<comments>http://farrdesign.net/blog/2010/02/09/odd-jobs-for-web-designers-easy-ways-to-make-a-quick-buck/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 20:05:54 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[easy jobs]]></category>
		<category><![CDATA[extra cash]]></category>
		<category><![CDATA[extra money]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[job boards]]></category>
		<category><![CDATA[jobs]]></category>
		<category><![CDATA[odd jobs]]></category>
		<category><![CDATA[sell]]></category>
		<category><![CDATA[stock]]></category>
		<category><![CDATA[t-shirt design]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[themeforest]]></category>
		<category><![CDATA[threadless]]></category>
		<category><![CDATA[web design jobs]]></category>
		<category><![CDATA[web designer]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=158</guid>
		<description><![CDATA[As web designers we'd like to be doing web design work ALL the time but that's just not the case. Here are some ways to make some extra money as a web designer:]]></description>
			<content:encoded><![CDATA[<p>As web designers we&#8217;d like to be doing web design work ALL the time but that&#8217;s just not the case. Here are some ways to make some extra money as a web designer:</p>
<p>Sell Stock</p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/graphicriver.jpg"><img class="size-full wp-image-160 alignnone" title="graphicriver" src="http://farrdesign.net/blog/wp-content/uploads/2010/02/graphicriver.jpg" alt="graphic river" width="500" height="250" /></a></p>
<p>Everyone now a days owns a pretty decent camera and can take nice pictures and upload them fast. Instead of having them sit on your computer collecting e-dust (?) why not see if any one of the image stock sites will take them. Some of them have fairly high standards but some of them don&#8217;t. Basically though if you know the rule of thirds anyone can make a nice stock photo. It&#8217;s nice to be able to upload a photo, forget about it and be able to make some money on it.</p>
<ul>
<li><a href="http://www.istockphoto.com/index.php" target="_blank">iStockphoto</a></li>
<li><a href="http://graphicriver.net/" target="_blank">graphicriver</a></li>
<li><a href="http://graphicleftovers.com/" target="_blank">graphic leftovers</a></li>
</ul>
<p>Design/Sell T-shirts and Other Stuff</p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/threadless.jpg"><img class="alignnone size-full wp-image-163" title="threadless" src="http://farrdesign.net/blog/wp-content/uploads/2010/02/threadless.jpg" alt="threadless" width="500" height="250" /></a></p>
<p>Web design is a very creative field of work but sometimes you just want to design something that you like and not have to worry about what your clients think so If you&#8217;re feeling a bit more creative you can design t-shirts. There are a couple options, you can enter design contests and win prizes like on threadless or you can design anything you want and put it out there for sale and make money off of commission like on zazzle.</p>
<ul>
<li><a href="http://www.threadless.com/" target="_blank">Threadless</a></li>
<li><a href="http://www.zazzle.com/" target="_blank">Zazzle</a></li>
<li><a href="http://www.redbubble.com/" target="_blank">Red Bubble</a></li>
</ul>
<p>Design/Sell Templates</p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/themeforest.jpg"><img class="alignnone size-full wp-image-162" title="themeforest" src="http://farrdesign.net/blog/wp-content/uploads/2010/02/themeforest.jpg" alt="theme forest" width="500" height="250" /></a></p>
<p>We are web designers so I&#8217;m sure you, as I do, have some unfinished projects lying around or designs that didn&#8217;t make it to the cutting board. Why not try to sell some of those. You&#8217;ll have to make it more user friendly (or not) but it&#8217;s a good way to make some cash out of those unfinished projects. In my opinion it&#8217;s not worth it to create templates from scratch and sell them to these places because if you think about it I&#8217;d sell a template for say $750 but they will sell it for $10 plus you usually only get a percentage of that let&#8217;s say it&#8217;s %60 so really you are getting $6 per each one sold so you&#8217;d have to sell 125 templates to make up for what you&#8217;d sell normally. Just my opinion though.</p>
<ul>
<li><a href="http://themeforest.net/" target="_blank">Themeforest</a></li>
<li><a href="http://www.themegalaxy.net/" target="_blank">Theme Galaxy</a></li>
<li><a href="http://www.templatemonster.com/" target="_blank">Template Monster</a></li>
</ul>
<p>Design/Sell Fonts</p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/linotype.jpg"><img class="alignnone size-full wp-image-161" title="linotype" src="http://farrdesign.net/blog/wp-content/uploads/2010/02/linotype.jpg" alt="linotype" width="500" height="250" /></a></p>
<p>This is something you can do but you have to have a bit of a different skill set to do this. Meaning you&#8217;ll need to learn a couple of new things but if you&#8217;re into typography this can be lucrative for you.</p>
<ul>
<li><a href="http://www.linotype.com/" target="_blank">Linotype</a></li>
<li><a href="http://www.itcfonts.com/" target="_blank">ITCFonts</a></li>
</ul>
<p>Search Job Boards</p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/02/getafreelancer.jpg"><img class="alignnone size-full wp-image-159" title="getafreelancer" src="http://farrdesign.net/blog/wp-content/uploads/2010/02/getafreelancer.jpg" alt="get a freelancer" width="500" height="250" /></a></p>
<p>Job boards are not only a decent way to get new web design clients but also to do odds and ends jobs. Some easy quick ways to make a buck through job boards are:</p>
<ul>
<li>ebook formatting</li>
<li>banner design</li>
<li>simple website fixes</li>
<li>button design</li>
<li>photo touch up</li>
<li>and much more</li>
</ul>
<p>Here are some job boards that I frequent:</p>
<ul>
<li><a href="http://www.odesk.com/w/" target="_blank">oDesk</a></li>
<li><a href="https://www.getafreelancer.com/" target="_blank">Get a Freelancer</a></li>
<li><a href="http://www.bidhire.com/" target="_blank">Bid Hire</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/02/09/odd-jobs-for-web-designers-easy-ways-to-make-a-quick-buck/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Favorite Website This Week</title>
		<link>http://farrdesign.net/blog/2010/01/30/my-favorite-website-this-week-2/</link>
		<comments>http://farrdesign.net/blog/2010/01/30/my-favorite-website-this-week-2/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 18:42:27 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sprites]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=150</guid>
		<description><![CDATA[This is one of the most useful generators I've come across recently. Finally a generator that will create CSS sprites automatically, no more loading images in photoshop and piecing them together (although I love photoshop). This makes it quick and painless to reduce the number of http requests on the page for smaller images.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/Picture-1.png"><img class="size-large wp-image-151 aligncenter" title="sprite generator" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/Picture-1-1023x573.png" alt="sprite generator" width="710" height="397" /></a></p>
<p>This is one of the most useful generators I&#8217;ve come across recently. Finally a generator that will create CSS sprites  automatically, no more loading images in photoshop and piecing them  together (although I love photoshop). This makes it quick and painless to reduce the number of http  requests on the page for smaller images.</p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/30/my-favorite-website-this-week-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Question for the Freelance Designer World</title>
		<link>http://farrdesign.net/blog/2010/01/28/question-for-the-freelance-designer-world/</link>
		<comments>http://farrdesign.net/blog/2010/01/28/question-for-the-freelance-designer-world/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 21:05:08 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Question]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[big companies]]></category>
		<category><![CDATA[charging for web design]]></category>
		<category><![CDATA[individuals]]></category>
		<category><![CDATA[money]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=144</guid>
		<description><![CDATA[For most freelance web designers designing comes easy. That's what we're here for...to design! It would be nice if that was all we had to do, but it's not. Sure we get to be our own bosses but we also have to be entrepreneurs, accountants and much much more.

An important aspect of freelancing is deciding how much to charge for web design. Here's my question:]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="big vs little business" src="http://i876.photobucket.com/albums/ab321/FarrDesign/small_vs_big_wrestling.jpg" alt="" width="468" height="535" /></p>
<p>I&#8217;ve been trying to figure this out, maybe somebody can help me.</p>
<p>For most freelance web designers designing comes easy. That&#8217;s what we&#8217;re here for&#8230;to design! It would be nice if that was all we had to do, but it&#8217;s not. Sure we get to be our own bosses but we also have to be entrepreneurs, accountants and much much more.</p>
<p>An important aspect of freelancing is deciding how much to charge for web design. Here&#8217;s my question:</p>
<p>Is it okay to charge differently depending on who wants your services?</p>
<p>Let me explain. Say I charge $30 per hour on average (I don&#8217;t actually charge by the hour buy I make sure it comes out to that) because I&#8217;ve calculated that&#8217;s how much I need to live off of plus expenses. Is it okay to charge more for bigger companies and less for say an individual? Or should I keep it a flat rate?</p>
<p>My moral standing on this is that for most individuals this might be breaking their wallet where as it won&#8217;t for a big company. But another factor in this would be that most design work comes from referrals from past jobs. Individuals know other individuals. Big companies know other big companies.</p>
<p>So more specifically my question is should I change my rates depending on the wallet of the client in hopes of any work and pick and choose or should I keep my rates at a comfortable level and potentially not get a lot of work?</p>
<p>Discuss.</p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/28/question-for-the-freelance-designer-world/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>My Favorite Website this Week</title>
		<link>http://farrdesign.net/blog/2010/01/18/my-favorite-website-this-week/</link>
		<comments>http://farrdesign.net/blog/2010/01/18/my-favorite-website-this-week/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 17:53:42 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[designbump]]></category>
		<category><![CDATA[favorite]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=133</guid>
		<description><![CDATA[DesignBump:

Just found this website this week that lets designers submit your articles and "bump" them up if they like them. I believe this has been the thing behind my boost in traffic, so I'll be continuing to use it to get myself out there.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.designbump.com"><img class="alignnone size-large wp-image-134" title="DesignBump" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/Picture-2-1024x590.png" alt="DesignBump" width="450" height="259" /></a></p>
<p>DesignBump:</p>
<p>Just found this website this week that lets designers submit your articles and &#8220;bump&#8221; them up if they like them. I believe this has been the thing behind my boost in traffic, so I&#8217;ll be continuing to use it to get myself out there.</p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/18/my-favorite-website-this-week/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>My Beautiful Workspace</title>
		<link>http://farrdesign.net/blog/2010/01/13/my-beautiful-workspace/</link>
		<comments>http://farrdesign.net/blog/2010/01/13/my-beautiful-workspace/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 01:09:06 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[cats]]></category>
		<category><![CDATA[equipment]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[pc]]></category>
		<category><![CDATA[wacom]]></category>
		<category><![CDATA[workspace]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=125</guid>
		<description><![CDATA[Since I don't have much time to write today. I thought I'd show a picture of my workspace and talk about office space a little bit. As a freelance web designer that works from home it's always pertinent to have your own quiet workspace. Currently mine is in my dining room, and my husband often plays WOW on the PC, forgets that I'm in the room working and yells at the screen. But currently it's the cheapest workspace I can afford right now. As you can see I've already got the best computers, so I couldn't afford an office if I tried.]]></description>
			<content:encoded><![CDATA[<p>Since I don&#8217;t have much time to write today. I thought I&#8217;d show off my workspace. As a freelance web designer that works from home it&#8217;s always pertinent to have your own quiet workspace. Currently mine is in my dining room, and my husband often plays WOW on the PC, forgets that I&#8217;m in the room working and yells at the screen. But currently it&#8217;s the cheapest workspace I can afford right now. As you can see I&#8217;ve already got the best computers, so I couldn&#8217;t afford an office if I tried.</p>
<div id="attachment_126" class="wp-caption alignnone" style="width: 760px"><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/office.jpg"><img class="size-full wp-image-126" title="workspace" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/office.jpg" alt="workspace" width="750" height="533" /></a><p class="wp-caption-text">Oh yes, it comes with a cat too!</p></div>
<p>Equipment:</p>
<p>Micro Velocity PC with LG screen Windows 7 OS<br />
uses: Gaming, IE web design troubleshooting</p>
<p>Dell Laptop with Linux OS<br />
uses: Some serious programing!</p>
<p>iMac with Leopard OSX and Wacom tablet<br />
uses: All my designing goes on here along with web surfing.</p>
<p>Oh yes, that poster in the background..I&#8217;m not supposed to talk about it. :)</p>
<p>I love my set up. I get a good couple hours of it to myself while my husband is at work as long as my cat isn&#8217;t sitting on the keyboard that I&#8217;m using (she has to use the one I&#8217;m at, seriously?)</p>
<p>So what does your workspace look like?</p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/13/my-beautiful-workspace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 Amazing CSS Resources and Time Savers</title>
		<link>http://farrdesign.net/blog/2010/01/10/20-amazing-css-resources-and-time-savers/</link>
		<comments>http://farrdesign.net/blog/2010/01/10/20-amazing-css-resources-and-time-savers/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 21:59:29 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[css layouts]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[organization]]></category>
		<category><![CDATA[resources]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=78</guid>
		<description><![CDATA[Here are a few CSS resources and time savers that I find really useful.]]></description>
			<content:encoded><![CDATA[<p>Here are a few CSS resources and time savers that I find really helpful.</p>
<h1>CSS Inspiration</h1>
<p>For those days when you can&#8217;t quite figure out what you want to do, it&#8217;s nice to look at other people&#8217;s work and who knows what will trigger your muse! Just be careful not to be a copy cat.</p>
<p><a title="css remix" href="http://cssremix.com/" target="_blank">CSS Remix</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssremix.jpg"><img class="size-full wp-image-90 alignnone" title="css remix" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssremix.jpg" alt="css remix" width="602" height="231" /></a></p>
<p><a title="css import" href="http://www.cssimport.com/" target="_blank">CSS Import</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssimport.jpg"><img class="alignnone size-full wp-image-87" title="css import" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssimport.jpg" alt="css import" width="602" height="231" /></a></p>
<p><a title="css envy" href="http://www.cssenvy.com/" target="_blank">CSS Envy</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssenvy.jpg"><img class="alignnone size-full wp-image-86" title="css envy" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssenvy.jpg" alt="css envy" width="602" height="231" /></a></p>
<p><a title="nice stylesheet" href="http://www.nicestylesheet.com/" target="_blank">Nice Stylesheet</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/nicestyle.jpg"><img class="alignnone size-full wp-image-98" title="nice style" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/nicestyle.jpg" alt="nice style" width="602" height="231" /></a><br />
<span id="more-78"></span></p>
<h1>CSS Tricks + Tutorials</h1>
<p>As a web designer there are always new tricks that you can learn or how to do that new trend that everyone&#8217;s talking about. No matter how skilled you are in CSS there are always new things to learn or people who know how to do what you do better. So take a look at some of these.</p>
<p><a title="css play" href="http://www.cssplay.co.uk/index" target="_blank">CSS Play</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssplay.jpg"><img title="css play" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssplay.jpg" alt="css play" width="602" height="231" /></a></p>
<p><a title="dynamic drive" href="http://www.dynamicdrive.com/style/" target="_blank">Dynamic Drive</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/dynamiccss.jpg"><img title="dynamic css" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/dynamiccss.jpg" alt="dynamic css" width="602" height="231" /></a></p>
<p><a title="w3 schools css" href="http://www.w3schools.com/css/" target="_blank">W3 Schools CSS</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/w3scss.jpg"><img title="w3 school css" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/w3scss.jpg" alt="w3 school css" width="602" height="231" /></a></p>
<p><a title="css sticky footer" href="http://www.cssstickyfooter.com//" target="_blank">CSS Sticky Footer</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssstickyfooter.jpg"><img title="css sticky footer" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssstickyfooter.jpg" alt="css sticky footer" width="602" height="231" /></a></p>
<p>I personally love this one and use it all the time!</p>
<p><a title="css menu maker" href="http://www.cssmenumaker.com/" target="_blank">CSS Menu Maker</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssmenu.jpg"><img title="css menu" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cssmenu.jpg" alt="css menu" width="602" height="231" /></a></p>
<p>Feeling a bit lazy today? This is a great site to make custom css menus if you just don&#8217;t feel like doing the code yourself or if you don&#8217;t know how to you can always learn from it.</p>
<h1>CSS Organization</h1>
<p>A rule of thumb for writing up CSS is to be organized, not only for your sake but for others. You can save a lot of that time trying to find that selector or property if you keep it clean and alphabetized. Here are some awesome CSS organization websites.</p>
<p>First here is a style sheet that I use all the time, but I can&#8217;t for the life of me remember where I got it, hopefully it will help you.</p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/style.css">download the style sheet</a></p>
<p><a title="clean css" href="http://www.cleancss.com/" target="_blank">Clean CSS</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/cleancss.jpg"><img title="clean css" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/cleancss.jpg" alt="clean css" width="602" height="231" /></a></p>
<p>This will often cut down my css file quite a bit and is really useful for keeping your selectors and properties looking the same.</p>
<p><a title="primer css" href="http://primercss.com/index.php" target="_blank">Primer CSS</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/primer.jpg"><img title="primer" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/primer.jpg" alt="primer" width="602" height="231" /></a></p>
<p><a title="format css" href="http://www.lonniebest.com/FormatCSS/" target="_blank">Format CSS</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/formatcss.jpg"><img title="format css" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/formatcss.jpg" alt="format css" width="602" height="231" /></a></p>
<p><a title="style neat" href="http://www.styleneat.com/" target="_blank">Style Neat</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/styleneat.jpg"><img title="style neat" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/styleneat.jpg" alt="style neat" width="602" height="231" /></a></p>
<h1>CSS Layout Templates</h1>
<p>I often find myself using the same layouts over and over again so being able to have a good layout template helps me save some time and get started on the real stuff.</p>
<p><a title="free css layouts" href="http://www.free-css.com/free-css-layouts/page1.php" target="_blank">Free CSS Layouts</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/freecsslayout.jpg"><img title="free css layout" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/freecsslayout.jpg" alt="free css layout" width="602" height="231" /></a></p>
<p><a title="iron myers layouts" href="http://layouts.ironmyers.com/" target="_blank">Iron Myers Layouts</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/ironmyerslayout.jpg"><img title="iron myers layout" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/ironmyerslayout.jpg" alt="iron myers layout" width="602" height="231" /></a></p>
<p><a title="layout gala" href="http://blog.html.it/layoutgala/" target="_blank">Layout Gala</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/layoutgala.jpg"><img title="layout gala" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/layoutgala.jpg" alt="layout gala" width="602" height="231" /></a></p>
<h1>Color</h1>
<p>These are a few resources that can help when it comes to choosing color schemes.</p>
<p><a title="w3 schools html color names" href="http://www.w3schools.com/HTML/html_colornames.asp" target="_blank">W3 Schools Html Color Names</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/w3colors.jpg"><img title="w3 school colors" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/w3colors.jpg" alt="w3 school colors" width="602" height="231" /></a></p>
<p><a title="colour lovers" href="http://www.colourlovers.com/" target="_blank">Colour Lovers</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/colourlovers.jpg"><img title="colour lovers" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/colourlovers.jpg" alt="colour lovers" width="602" height="231" /></a></p>
<p><a title="Color Schemer" href="http://www.colorschemer.com/online.html" target="_blank">Color Schemer</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/colorschemer.gif"><img title="color schemer" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/colorschemer.gif" alt="color schemer" width="602" height="231" /></a></p>
<p><a title="image pallete" href="http://www.cssdrive.com/imagepalette/" target="_blank">Image Pallete</a></p>
<p><a href="http://farrdesign.net/blog/wp-content/uploads/2010/01/imagepallete.jpg"><img title="image pallete" src="http://farrdesign.net/blog/wp-content/uploads/2010/01/imagepallete.jpg" alt="image pallete" width="602" height="231" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/10/20-amazing-css-resources-and-time-savers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>IE Conditional Comments</title>
		<link>http://farrdesign.net/blog/2010/01/09/ie-conditional-comments/</link>
		<comments>http://farrdesign.net/blog/2010/01/09/ie-conditional-comments/#comments</comments>
		<pubDate>Sat, 09 Jan 2010 23:55:49 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[if]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=72</guid>
		<description><![CDATA[So you've created this beautiful design and it works in the most up to date browsers (Firefox, Safari, Opera, Chrome) and then you look at that little runt in the family IE and your design looks like it's been made by a 12 year old. You can't just ignore it because 80% of your clientele use IE (Why do they still use it? Don't ask.) That's where IE conditional comments come in.]]></description>
			<content:encoded><![CDATA[<p>So you&#8217;ve created this beautiful design and it works in the most up to date browsers (Firefox, Safari, Opera, Chrome) and then you look at that little runt in the family IE and your design looks like it&#8217;s been made by a 12 year old. You can&#8217;t just ignore it because 80% of your clientele use IE (Why do they still use it? Don&#8217;t ask.) That&#8217;s where IE conditional comments come in.</p>
<p>IE conditional comments are a way to selectively &#8220;comment out&#8221; any portion of your page in a way that only IE can interpret or the other way around.</p>
<p>Here&#8217;s a general example of what you would see in your code:</p>
<p>&lt;!&#8211;[if (conditional) IE (version)]&gt;<br />
comments here<br />
&lt;![endif]&#8211;&gt;</p>
<p>Conditional variables:</p>
<p>!        The &#8220;not&#8221; operator.<br />
lt       The &#8220;less than&#8221; operator.<br />
lte     The &#8220;less than or equal to&#8221; operator.<br />
gt      The &#8220;greater than&#8221; operator.<br />
gte    The &#8220;greater than or equal to&#8221; operator</p>
<p>example:</p>
<p>&lt;!&#8211;[if lt IE 7]&gt;<br />
&lt;link href=&#8221;style.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; /&gt;<br />
&lt;![endif]&#8211;&gt;</p>
<p>In this example style.css would be used on any browser less than IE7.</p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/09/ie-conditional-comments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Tricks that I&#8217;ve Learned Today</title>
		<link>http://farrdesign.net/blog/2010/01/05/web-tricks-that-ive-learned-today/</link>
		<comments>http://farrdesign.net/blog/2010/01/05/web-tricks-that-ive-learned-today/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 03:50:54 +0000</pubDate>
		<dc:creator>Afarr</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://farrdesign.net/blog/?p=70</guid>
		<description><![CDATA[On my adventures through Web Design I often find myself stuck on certain things and how to do them. Thanks to the world wide web and it's many many blogs often a search or two on the great Google will help me figure things out.]]></description>
			<content:encoded><![CDATA[<p>On my adventures through Web Design I often find myself stuck on certain things and how to do them. Thanks to the world wide web and it&#8217;s many many blogs often a search or two on the great Google will help me figure things out.</p>
<p>Here&#8217;s a few that have helped me out today:</p>
<p><a title="add twitter to your blog" href="http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/" target="_blank">How to Add Twitter to your blog (step-by-step)</a></p>
<p>This one was great! I hate the clunky look of the widget twitter generates for you and wanted a simple way to add / customize it for a website. This is so simple, two plugs and you&#8217;re done.</p>
<p><a title="simple double quotes" href="http://www.webdesignerwall.com/tutorials/simple-double-quotes/" target="_blank">Simple Double Quotes</a></p>
<p>I was having trouble figuring out how to have double quote image to line up with text. This tutorial provided an easy fix to my hour of frustration.</p>
]]></content:encoded>
			<wfw:commentRss>http://farrdesign.net/blog/2010/01/05/web-tricks-that-ive-learned-today/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
