<?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 Design Gene Blog</title>
	<atom:link href="http://thedesigngene.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://thedesigngene.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 12 Aug 2009 02:59:25 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Best Of – Clean/White</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/08/the-best-of-%e2%80%93-cleanwhite3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/08/the-best-of-%e2%80%93-cleanwhite3/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 02:47:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[The Best Of]]></category>
		<category><![CDATA[best designs]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[white]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=71</guid>
		<description><![CDATA[I really love the simplicity and clean look of websites that use basic white as the predominant background color. Just like in art galleries, the white environment allows the actual content to be the prominent feature, and creates a canvas where the most subtle design elements define the entire look.
Below are my top picks from [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>I really love the simplicity and clean look of websites that use basic white as the predominant background color. Just like in art galleries, the white environment allows the actual content to be the prominent feature, and creates a canvas where the most subtle design elements define the entire look.</p>
<p>Below are my top picks from those featured on The Design Gene. Enjoy!</p>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "><img src="http://thedesigngene.com/images/102.jpg" alt="Jason Reynolds" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/102.jpg" /></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.danieloliver.co.uk/" target="_blank" mce_href="http://www.danieloliver.co.uk/ "><img src="http://thedesigngene.com/images/128.jpg" alt="Daniel Oliver" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/128.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.bigkid.co.nz/" target="_blank" mce_href="http://www.bigkid.co.nz/ "><img src="http://thedesigngene.com/images/207.jpg" alt="Big Kid" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/207.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.designbyviva.com/" target="_blank" mce_href="http://www.designbyviva.com/ "><img src="http://thedesigngene.com/images/215.jpg" alt="Design by Viva" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/215.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://new.typographica.org/" target="_blank" mce_href="http://new.typographica.org/ "><img src="http://thedesigngene.com/images/221.jpg" alt="Typographica" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/221.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.designhotels.com/" target="_blank" mce_href="http://www.designhotels.com/ "><img src="http://thedesigngene.com/images/265.jpg" alt="Design Hotels" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/265.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://justbought.it/" target="_blank" mce_href="http://justbought.it/ "><img src="http://thedesigngene.com/images/564.jpg" alt="justbought.it" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/564.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://liftinteractive.com/" target="_blank" mce_href="http://liftinteractive.com/ "><img src="http://thedesigngene.com/images/549.jpg" alt="lift interactive" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/549.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.press75.com/" target="_blank" mce_href="http://www.press75.com/ "><img src="http://thedesigngene.com/images/548.jpg" alt="press75" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/548.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "><img src="http://thedesigngene.com/images/525.jpg" alt="W.E.T. Media" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/525.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://secondandpark.com/" target="_blank" mce_href="http://secondandpark.com/ "><img src="http://thedesigngene.com/images/516.jpg" alt="Second and park" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/516.jpg" /></a><a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.endimedia.com/" target="_blank" mce_href="http://www.endimedia.com/ "><img src="http://thedesigngene.com/images/518.jpg" alt="Endi Media" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/518.jpg" /></a><a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.style-force.net/" target="_blank" mce_href="http://www.style-force.net/ "><img src="http://thedesigngene.com/images/510.jpg" alt="Semplice Labs" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/510.jpg" /></a><a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://www.squarefour.net/" target="_blank" mce_href="http://www.squarefour.net "><img src="http://thedesigngene.com/images/401.jpg" alt="Squarefour" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/401.jpg" /></a><a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://web-patterns.net/" target="_blank" mce_href="http://web-patterns.net/ "><img src="http://thedesigngene.com/images/304.jpg" alt="Web &amp; Patterns" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/304.jpg" /></a><a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>
<div style="margin: 8px; padding: 3px; background-color: #cccccc; float: left; text-align: center;">
<a href="http://wet-media.de/" target="_blank" mce_href="http://wet-media.de/ "><img src="http://thedesigngene.com/images/525.jpg" alt="W.E.T. Media" width="330" height="190" border="0" mce_src="http://thedesigngene.com/images/525.jpg" /></a><a href="http://www.jason-reynolds.com/" target="_blank" mce_href="http://www.jason-reynolds.com/ "></a>
</div>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/08/the-best-of-%e2%80%93-cleanwhite3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New &#8220;Module&#8221; Layout</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/07/new-module-layout3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/07/new-module-layout3/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 00:04:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[General Stuff]]></category>
		<category><![CDATA[the design gene]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=68</guid>
		<description><![CDATA[If you've been to The Design Gene in the past you're probably aware of the new layout. I wanted to do something more fluid, and more modular. The main goal was to display more entries at one time on any given screen resolution. Hope you like it and please feel free to let me know what you think.


Related posts:<ol></li></ol>]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;ve been to The Design Gene in the past you probably noticed the new layout. I wanted to do something more fluid, and more modular. The main goal was to display more entries at one time on any given screen resolution and unify the Design Gallery, Designer Showcase and Blog. Hope you like it and please feel free to let me know what you think.</p>


<p>Related posts:<ol></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/07/new-module-layout3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Best Of &#8211; Interactive Designs</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/07/the-best-of-interactive-designs3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/07/the-best-of-interactive-designs3/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 06:11:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[The Best Of]]></category>
		<category><![CDATA[best interactive websites]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[favorite interactive websites]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[the best designs]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=60</guid>
		<description><![CDATA[This is the first "Best Of" post, of many to come. Inspired by the amazing <a href="http://www.wechoosethemoon.org/ " target="_blank">We Choose the Moon</a>, I'll start with The Best Interactive Websites that have been featured on The Design Gene. These range from mild interaction, to blow your mind functionality in both CSS and Flash format. Enjoy!


No related posts.]]></description>
			<content:encoded><![CDATA[<p>This is the first &#8220;Best Of&#8221; post, of many to come. Inspired by the amazing <a href="http://www.wechoosethemoon.org/ " target="_blank">We Choose the Moon</a>, I&#8217;ll start with The Best Interactive Websites that have been featured on The Design Gene. These range from mild interaction, to blow your mind functionality in both CSS and Flash format. Enjoy!</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="195"><img src="http://thedesigngene.com/images/473.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.wechoosethemoon.org/ " target="_blank"><strong>We Choose the Moon</strong></a> (Flash) &#8211; Simply amazing recreation of the first Apollo 11 mission, in 1969. The mix of actual transmissions, graphic interpretation, educational content, videos and interactivity make this one of my all-time favorite websites.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/474.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://toriseye.quodis.com/" target="_blank"><strong>Tori&#8217;s Eye</strong></a> (CSS) &#8211; At first I thought this was a nice, cute portfolio site, but after opening the link I discovered it is actually a really cool Twitter Visualization Tool. The heavy use of illustration and graphic art make it unique, as does the experimental nature of the Twitter little origami birds. It&#8217;s fun and useful!</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/448.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.xperiment.ca/" target="_blank"><strong>XPERIMENT</strong></a> (Flash) &#8211; This is a fun and sort of disturbing website where you get to feed different illegal drugs to a floating eyeball. Flawless animations and effects. </td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/396.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://designspasm.net" target="_blank"><strong>Designspasm</strong></a> (CSS) &#8211; Web design portfolio of Sean Geng, using JQuery to slide across a large panel of &quot;sections&quot;. Creative, illustrated design with cool sliding effect.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/354.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://ericj.se/" target="_blank"><strong>Eric Johansson</strong></a> (CSS) &#8211; Another CSS and JQuery gem. This creative site uses a little slider at the bottom of the page to navigate a large panel, with a fun little dude on a moped that follows the motion of the scroller. Great illustration and creative use of interactivity.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/284.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.mcq.org/momies/" target="_blank"><strong>Egyptian Mummies</strong></a> (Flash) &#8211; Educational and fun website about Egyptian Mummies. Lots of animation and educational games.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/222.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://soytuaire.labuat.com/" target="_blank"><strong>Labuat</strong></a> (Flash) &#8211; Minimal, yet stunning and artistic website of the Spanish band, Labuat. The site features something of a brush stroke traveling across the screen, controlled by your mouse, with sporatic animations.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/26.jpg" alt="Your Playground" width="181" height="103" hspace="5" border="0" /></td>
<td><a href="http://www.rulethestars.com/" target="_blank"><strong>Rule the Stars</strong></a> (Flash) &#8211; Promotional website that allows you to create your own designs &quot;in the stars&quot; and send them to your friends.</td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="195"><img src="http://thedesigngene.com/images/32.jpg" alt="Your Playground" width="181" height="100" hspace="5" border="0" /></td>
<td><a href="http://www.yourplayground.org/" target="_blank"><strong>Your Playground</strong></a> (Flash) &#8211; US Olypmpics promotional website by Allstate where you create your own playground, then add your creation to a gallery where it can be voted on. </td>
</tr>
<tr>
<td width="195">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/07/the-best-of-interactive-designs3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>New Category &#8211; Design Tools</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/07/new-category-design-tools3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/07/new-category-design-tools3/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 21:21:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[General Stuff]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=56</guid>
		<description><![CDATA[Since The Design Gene&#8217;s inception I&#8217;ve received quite a few really useful websites for designers. Some are well-known, but a lot of are new sites or those that I&#8217;ve never heard of. So, I created a new category &#8220;design tools&#8221; just for them. This category is designated for all sorts of tools and resources, including [...]


Related posts:<ol></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Since The Design Gene&#8217;s inception I&#8217;ve received quite a few really useful websites for designers. Some are well-known, but a lot of are new sites or those that I&#8217;ve never heard of. So, I created a new category &#8220;<a href="http://thedesigngene.com/category/web-graphic-design-tools/">design tools</a>&#8221; just for them. This category is designated for all sorts of tools and resources, including tech blogs, vector graphic sites, psd to html layout, typography-related sites, wordpress themes, and more.</p>
<p>Here are a few of my favorite entries:</p>
<p><a href="http://www.texturelovers.com "><img alt="" src="http://thedesigngene.com/images/423.jpg" title="Texture Lovers" class="alignnone" width="330" height="190" /></a></p>
<p><a href="http://www.lipperhey.com/ "><img alt="" src="http://thedesigngene.com/images/407.jpg" title="Lipperhey" class="alignnone" width="330" height="190" /></a></p>
<p><a href="http://wpbest.com/ "><img alt="" src="http://thedesigngene.com/images/247.jpg" title="WP Best" class="alignnone" width="330" height="190" /></a></p>
<p><a href="http://ideafoundry.info/ "><img alt="" src="http://thedesigngene.com/images/127.jpg" title="Idea Foundry" class="alignnone" width="330" height="190" /></a></p>
<p><a href="http://www.fontex.org/ "><img alt="" src="http://thedesigngene.com/images/355.jpg" title="Fontex" class="alignnone" width="330" height="190" /></a></p>


<p>Related posts:<ol></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/07/new-category-design-tools3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Finally updated the gallery</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/07/finally-updated-the-gallery3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/07/finally-updated-the-gallery3/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 03:04:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[General Stuff]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=54</guid>
		<description><![CDATA[Whew, it&#8217;s been a while since the gallery has been updated. I&#8217;ve been swamped with design work and finally got a long enough break to add some new entries. I had some 200 to go through, so the last updated was quite extensive. Hope you enjoy!


No related posts.


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Whew, it&#8217;s been a while since the gallery has been updated. I&#8217;ve been swamped with design work and finally got a long enough break to add some new entries. I had some 200 to go through, so the last updated was quite extensive. Hope you enjoy!</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/07/finally-updated-the-gallery3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Beauty of Slab Serif</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/04/the-beauty-of-slab-serif3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/04/the-beauty-of-slab-serif3/#comments</comments>
		<pubDate>Sat, 25 Apr 2009 06:03:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[slab serif]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[typographica]]></category>
		<category><![CDATA[web design trends]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=39</guid>
		<description><![CDATA[<p>Slab Serif's gained momentum as a web design trend in 2008, offering at "press-like" feel to blogs and standard websites. This group of fonts is characterized by thick serifs that are typically boxy ot square, although I've seen some font sites included fonts where the connection of the serif to the letter is rounded. </p>



No related posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://thedesigngene.com/blog/wp-content/uploads/2009/04/rockwell.gif" alt="rockwell" title="rockwell" width="537" height="71" class="aligncenter size-full wp-image-40" /></p>
<p>Slab Serif&#8217;s gained momentum as a web design trend in 2008, offering at &#8220;press-like&#8221; feel to blogs and standard websites. This group of fonts is characterized by thick serifs that are typically boxy ot square, although I&#8217;ve seen some font sites included fonts where the connection of the serif to the letter is rounded. The Design Gene logos are examples of the &#8220;giant slab serif&#8221; trend. My personal favorites are Serifa® and Rockwell. The following are some good resources for slab serif&#8217;s, ranging from reasonable to exorbitant.</p>
<p><a href="http://new.typographica.org/category/classification/slab-serif/" target="_blank">Slab Serif Reviews at Typographica</a><br />
<a href="http://www.veer.com/search/results.aspx?keyword=slab%20serif&#038;producttype=TYP&#038;resulttab=vr&#038;category=Type" target="_blank">Slab Serif&#8217;s at Veer</a><br />
<a href="http://www.linotype.com/3493/slabseriffonts.html" target="_blank">Slab Serif&#8217;s at Linotype.com</a><br />
<a href="http://new.myfonts.com/tags/slab+serif" target="_blank">Slab Serif&#8217;s at MyFonts.com</a></p>
<p>Here are some great websites that utilize Slab Serif fonts for accent or logo, all with beautiful results</p>
<p><a href="http://esorganizers.com/" target="_blank">http://esorganizers.com/</a><br />
<a href="http://www.pallian.com/" target="_blank">http://www.pallian.com/</a><br />
<a href="http://www.design-this.co.uk/" target="_blank">http://www.design-this.co.uk/</a><br />
<a href="http://ideafoundry.info/" target="_blank">http://ideafoundry.info/</a><br />
<a href="http://www.humveeschoolprogram.com/" target="_blank">http://www.humveeschoolprogram.com/</a><br />
<a href="http://www.jackherbert.com/" target="_blank">http://www.jackherbert.com/</a><br />
<a href="http://partypoker.gamingvolt.com/app/" target="_blank">http://partypoker.gamingvolt.com/app/</a><br />
<a href="http://www.twistedstudio.com/" target="_blank">http://www.twistedstudio.com/</a></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/04/the-beauty-of-slab-serif3/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The Designer Showcase beta is Live</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/04/the-designer-showcase-beta-is-live3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/04/the-designer-showcase-beta-is-live3/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 22:29:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[General Stuff]]></category>
		<category><![CDATA[designer showcase]]></category>
		<category><![CDATA[graphic designers]]></category>
		<category><![CDATA[the best designers]]></category>
		<category><![CDATA[web designers]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=37</guid>
		<description><![CDATA[The Designer Showcase is live and at http://thedesigngene.com/web-designers. The Designer Showcase is a work in progress that will showcase the best web and graphic designers from around the world. It is meant to be a search tool for potential clients and also as an advertisement tool for designers. Hope you find it useful! If you&#8217;re [...]


Related posts:<ol></li></ol>]]></description>
			<content:encoded><![CDATA[<p>The Designer Showcase is live and at <a href="http://thedesigngene.com/web-designers/">http://thedesigngene.com/web-designers</a>. The Designer Showcase is a work in progress that will showcase the best web and graphic designers from around the world. It is meant to be a search tool for potential clients and also as an advertisement tool for designers. Hope you find it useful! If you&#8217;re a designer, please feel free to <a href="http://thedesigngene.com/web-designers/submit-a-site/">submit your site</a> to the showcase.</p>


<p>Related posts:<ol></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/04/the-designer-showcase-beta-is-live3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tips to secure WordPress</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/04/tips-securing-wordpress3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/04/tips-securing-wordpress3/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 19:09:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[secure wordpress]]></category>
		<category><![CDATA[security plugins]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=23</guid>
		<description><![CDATA[<p>I’ve just been through the ringer curing a client’s hacked wordpress blog.   There are dozens of ways people can maliciously attack your blog, including DB   injections, adding scripts to writable files, writing to your .htaccess files,   and more. Below are a few things you can do to prevent people or autobots from   commandeering your wordpress blog:</p>


No related posts.]]></description>
			<content:encoded><![CDATA[<p>I’ve just been through the ringer curing a client’s hacked wordpress blog (via my company, <a href="http://www.corvusart.com" target="_blank">Corvus Design Studio</a>).   There are dozens of ways people can maliciously attack your blog, including DB   injections, adding scripts to writable files, writing to your .htaccess files,   and more. Below are a few things you can do to prevent people or autobots from   commandeering your wordpress blog:</p>
<h2>Use a Strong Password</h2>
<p>You should use a strong, randomized password with uppercase, lowercase,   numbers and special characters. It may be inconvenient to memorize, but it’s an   important aspect to securing your blog. If you must have the password on file   somewhere, it should be a hardcopy (ie on paper), and not stored on your   computer somewhere. You should never use any part of your domain name in your   password, or the word “blog”, or common names like your pets, kids, or   birthdate. All of these things are quite easy to figure out.</p>
<h2>Set Security Keys in config.php </h2>
<p>In wp-config.php (or config-sample.php if this is a new install), find the   following lines:</p>
<p class="style3">define(’AUTH_KEY’, ‘put your unique phrase   here’);<br />
    define(’SECURE_AUTH_KEY’, ‘put your unique phrase   here’);<br />
    define(’LOGGED_IN_KEY’, ‘put your unique phrase   here’);<br />
    define(’NONCE_KEY’, ‘put your unique phrase here’);</p>
<p>These should all be replaced with secure information, preferably long strings   of random uppercase, lowercase, numbers, and special characters. You can go to <a href="https://api.wordpress.org/secret-key/1.1/" target="_blank">https://api.wordpress.org/secret-key/1.1/</a> to generate random   strings.</p>
<p>You can also add SECRET_KEY. Right under the code snippet above, add the   following:</p>
<p class="style3">define(’SECRET_KEY’,   ‘0000000000000000000000000′);</p>
<p>Replace the zeros with a long set of uppercase, lowercase, numbers, and   special characters. You can go to <a href="http://api.wordpress.org/secret-key/1.0/" target="_blank">http://api.wordpress.org/secret-key/1.0/</a> to have random   strings generated.</p>
<p>For more information about what Security Keys do, see <a href="http://codex.wordpress.org/Editing_wp-config.php" target="_blank">http://codex.wordpress.org/Editing_wp-config.php</a></p>
<h2>Change mySQL table prefixes </h2>
<p>By default, wordpress uses the table prefix wp_. Since it&#8217;s the default, it&#8217;s pretty easy for malicious persons to figure out. When setting up wp-config.php, you can change the table prefix to pretty much anything you want (letters, number, underscores only). In wp-config.php, around line 57 you&#8217;ll find the code:</p>
<p class="style3">$table_prefix  = &#8216;wp_&#8217;;</p>
<p>Simply change wp to something more complex. Be sure to keep the underscore at the end.</p>
<h2>Plugins</h2>
<p><strong><a href="http://wordpress.org/extend/plugins/askapache-password-protect/" target="_blank">askApache Password Protect</a> </strong>- This plugin doesn’t   control WordPress or mess with your database, instead it utilizes fast,   tried-and-true built-in Security features to add multiple layers of security to   your blog. This plugin is specifically designed and regularly updated   specifically to stop automated and unskilled attackers attempts to exploit   vulnerabilities on your blog resulting in a hacked site. This is the probably   the most effective security plugin available, however, I’ve found that it does   not work properly on a lot of servers. Hostmonster and GoDaddy, for instance, do   not support Basic or Digets Authentication and therefore do not support this   plugin. If your server allows all of the functionality required, this is your   best bet to protect your blog.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/bluetrait-event-viewer/" target="_blank">BTEV</a> </strong>- Bluetrait Event Viewer (BTEV) monitors events   that occur in your wordpress install. BTEV tracks the following events,   password_reset, delete_user, wp_login, lostpassword_post, profile_update,   add_attachement, wp_logout, user_register, switch_theme.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/login-lockdown/" target="_blank">Login Lockdown</a> </strong>- Login LockDown records the IP   address and timestamp of every failed login attempt. If more than a certain   number of attempts are detected within a short period of time from the same IP   range, then the login function is disabled for all requests from that range.   This helps to prevent brute force password discovery. Currently the plugin   defaults to a 1 hour lock out of an IP block after 3 failed login attempts   within 5 minutes. This can be modified via the Options panel. Admisitrators can   release locked out IP ranges manually from the panel.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/replace-wp-version/" target="_blank">Replace WP-Version</a> </strong>- Security your   WordPress-Installation and eliminate or replace your wp-version and   database-version on easy way with a small plugin. If you’re running an older   version of WordPress, anyone can view source to see what attacks might work   against your blog. This plugin replaces the WP-version with a random string &lt;   WP 2.4 and eliminate WP-version &gt; WP 2.4.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/wp-security-scan/" target="_blank">WP Security Scan</a> </strong>- Scans your WordPress installation   for security vulnerabilities and suggests corrective actions. It will also tell you which directories and files require a chmod for security purposes.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/stealth-login" target="_blank">Stealth Login</a> (or any similar plugin) &#8211; </strong>Allows you to define a different path to your login pages so that they are hidden from viewers. I discovered the importance of this function the hardway when someone successfully and continually was able to change the admin email address by running sql commands through the login form. They would run some command that changed the email address in mySQL, and once that was done they reset the password, which was then emailed to their address.<br />
    The good thing was that the BTEV event viewer plugin logged their ip address, and their failed login attempts. It basically provided me with a timeline of the hackers events, so I could pinpoint exactly when and from what page they were able to change the email address. Since they were apparently running sql commands through the login form, I installed stealth login (and banned their ip range). If they manage to gain access to the site again somehow, they won&#8217;t be able to find the login form to run the commands again. </p>
<p>*Note* I&#8217;m not sure if the comment forms are vulnerable as well, but I don&#8217;t think so because of where they write to the sql database. Again, I&#8217;m not 100% sure of that. </p>
<p>*Note* You should note also that Stealth Login (and probably other similar plugins) write commands to your .htaccess file, so you need to also make sure that chmod of the .htaccess file is set to 644. Otherwise, a more clever hacker could write to your .htaccess file and undo the redirects that Stealth Login creates. </p>
<h2>.htaccess &#8211; restrict access to admin files</h2>
<p>It’s a good idea to protect certain directories with .htaccess, particularly   wp-admin folder. If you have a .htaccess file in your wp-admin folder already,   download it first and append it with the information below. If you do not have a   .htaccess file in wp-admin, create a new one in notepad and add the   following:</p>
<p class="style3"># allows access to images, CSS, javascript to   everyone<br />
    &lt;Files ~ “.(css|jpe?g|png|gif|js)$”&gt;<br />
    Allow from   all<br />
    &lt;/Files&gt;</p>
<p class="style3"># restrict access to your ip address   only<br />
    Order deny,allow<br />
    Allow from 00.000.00.000 #replace this with your   static ip address<br />
    Deny from all</p>
<p>This will restrict access to the admin folder to only the ip addresses   specified. If you have  multiple admins, add each of their ip addresses to a new   line. Save the file, and upload it to your wp-admin folder. Be sure to chmod   your .htaccess files to 644 so they are not writeable by the public.</p>
<h2>.htaccess &#8211; ban ip address or ip range</h2>
<p>There are many ways to find the ip address of those who try or succeed in breaking into your wordpress blog. You can view the server logs, but I like to use the <a href="http://wordpress.org/extend/plugins/bluetrait-event-viewer/" target="_blank">BTEV Event Viewer</a> plugin. It lists all activity by ip address in a user-friendly manner. You can sort the events by &quot;warnings&quot;, &quot;errors&quot;, &quot;notices&quot; &quot;debug&quot;, or &quot;display all&quot;. This makes it really easy to monitor exactly who is doing what on your blog, and when. Regardless of how you determine if a ip address should be blocked, it is an easy task with .htaccess. The following code will block a single address. If you have a .htaccess file in your root directory already,   download it first and append it with the information below.</p>
<p class="style3">order allow,deny<br />
    deny from 00.00.00.00 #replace with ip address. repeat this line if blocking more than one<br />
  allow from all </p>
<p>If you find that you&#8217;re always blocking ip addresses from the same range (they will have similar beginning digits), you can block and entire range using the CIDR number or the ip range if you know it. Use the code below to block by CIDR number or ip range.</p>
<p class="style3">&lt;Files *&gt;<br />
    order allow,deny<br />
    allow from all<br />
    deny from 00.0.0.0/0 # CIDR number or ip range<br />
  &lt;/Files&gt;</p>
<h2>Disable Annonymous FTP</h2>
<p>Unless you need this function for some reason, you should have annonymous FTP   disabled for your website. This is usually done in your hosting account admin   panel. The procedure and allowances differ greatly across the many hosting   platforms, and if you need assistance doing so you can always contact the   support team of your hosting company. Some hosting companies do not allow you to   delete the anonymous user, but you can restrict or deny its priveledges. Other   companies may not have an annonymous user setup as a default… it all depends on   the hosting company.</p>
<p>A really bad scenario would be having annonymous FTP enabled, coupled with a   writeable .htaccess…. you could very easily have your entire website   deleted.</p>
<p><strong>That’s it for now…. I will be updating this post when additional   information is available. Happy blogging!</strong></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/04/tips-securing-wordpress3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Free Vector Sites</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/04/free-vector-sites3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/04/free-vector-sites3/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 17:01:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[free vector]]></category>
		<category><![CDATA[illustrations]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=19</guid>
		<description><![CDATA[<p>Here's a couple sites offering free vector downloads:</p>
<p><a href="http://www.freevectordownload.com/">http://www.freevectordownload.com/</a><br />
<a href="http://www.freevectordownload.com/">http://www.freevectordownload.com/</a></p>
<p>They've both got some pretty good illustrations and imagery. </p>



No related posts.]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a couple sites offering free vector downloads:</p>
<p><a href="http://www.freevectordownload.com/">http://www.freevectordownload.com/</a><br />
<a href="http://www.freevectordownload.com/">http://www.freevectordownload.com/</a></p>
<p>They&#8217;ve both got some pretty good illustrations and imagery. </p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/04/free-vector-sites3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Welcome to the Design Gene</title>
		<link>http://thedesigngene.com/blog/design-blog-2009/04/welcome-to-the-design-gene3/</link>
		<comments>http://thedesigngene.com/blog/design-blog-2009/04/welcome-to-the-design-gene3/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 03:46:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[General Stuff]]></category>
		<category><![CDATA[css web design]]></category>
		<category><![CDATA[designer showcase]]></category>
		<category><![CDATA[flash web design]]></category>
		<category><![CDATA[the design gene]]></category>

		<guid isPermaLink="false">http://thedesigngene.com/blog/?p=3</guid>
		<description><![CDATA[Welcome! The Design Gene is a new spot for creative minds to get a bit of inspiration, and promote their work and portfolio. The site is divided into three interconnected sections: The Design Gene (main showcase), Designer Showcase, and the Blog.



Related posts:<ol></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Welcome! The Design Gene is a new spot for creative minds to get a bit of inspiration, and promote their work and portfolio. The site is divided into three interconnected sections: <a href="http://www.thedesigngene.com">The Design Gene </a>(main showcase), <a href="http://www.thedesigngene.com/web-designers">Designer Showcase</a>, and the <a href="http://www.thedesigngene.com/blog">Blog</a>. </p>
<h2><a href="http://www.thedesigngene.com">The Design Gene (main showcase)</a></h2>
<p>The Design Gene&#8217;s main showcase is a compilation of outstanding website designs, and includes CSS sites, flash sites, and blogs. Anyone can submit a design, but please note there are some criteria for acceptance, albeit, rather loose criteria. Basically we&#8217;re looking for awesome websites of any type. The look of the website is of course the first thing considered. Minimal, grunge, vintage, cartoon, corporate…. any and and all styles are considered. Although we will not validate your code, we encourage you to only submit websites created using w3 standards and that have been cross-browser tested. We use Firefox and generally will check each site in IE as well.</p>
<p>What’s Not Accepted<br />
Plaigerized websites, obscene material, and adult content sites will not be considered. Incomplete websites, those with poorly written CSS or XHTML, and those that have significant cross-browser issues will not be accepted.</p>
<p>All websites accepted to the Designer Showcase will also appear in The Design Gene&#8217;s main showcase, and vice versa.</p>
<h2><a href="http://www.thedesigngene.com/web-designers">Designer Showcase</a></h2>
<p>The Designer Showcase is an extension of The Design Gene’s main showcase. The Designer Showcase is only for design studios, freelancers, graphic artists, etc. We noticed that the majority of submissions we receive to The Design Gene were web studios and freelance portfolios. Posts in The Designer Showcase include more information than those listed only in The Design Gene’s main showcase. Designer listings include location, phone, email address (optional), telephone, and a pretty big blurb about each designer or company. The Designer Showcase was created as a tool for both clients and designers. Potential clients have a place to easily browse the best web designers from around the world, and designers gain a bit of advertising space and social networking.</p>
<p>Anyone can submit a site to the Designer Showcase as well, but please only submit design studios, graphic design companies, and freelance portfolios. All websites accepted to the Designer Showcase will also appear in The Design Gene&#8217;s main showcase, and vice versa.</p>


<p>Related posts:<ol></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://thedesigngene.com/blog/design-blog-2009/04/welcome-to-the-design-gene3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
