<?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>Design Woop &#124; The Web Design and Development Blog &#187; All Posts</title>
	<atom:link href="http://designwoop.com/category/general/feed/" rel="self" type="application/rss+xml" />
	<link>http://designwoop.com</link>
	<description>The Web design blog brought to you by David Martin</description>
	<lastBuildDate>Mon, 21 May 2012 07:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>15 Light &amp; Subtle Background Patterns</title>
		<link>http://designwoop.com/2012/05/15-light-subtle-background-patterns/</link>
		<comments>http://designwoop.com/2012/05/15-light-subtle-background-patterns/#comments</comments>
		<pubDate>Mon, 21 May 2012 07:00:00 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[All Posts]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Textures]]></category>

		<guid isPermaLink="false">http://designwoop.com/2012/05/15-light-subtle-background-patterns/</guid>
		<description><![CDATA[On a recent design I was working on I wanted to use an extremely subtle and light texture on the background to create a little more depth and dimension to the background, rather then simply just using a solid background color. I tested out many different <a title="Subtle Background Textures For Web Design" href="http://designwoop.com/tag/textures/">background textures and patterns</a> so I thought I would share with you some of my favorite light background patterns you can download and use.]]></description>
			<content:encoded><![CDATA[<p>On a recent design I was working on I wanted to use an extremely subtle and light texture on the background to create a little more depth and dimension to the background, rather then simply just using a solid background color. I tested out many different <a rel="nofollow" title="Subtle Background Textures For Web Design" href="http://designwoop.com/tag/textures/">background textures and patterns</a> so I thought I would share with you some of my favorite light background patterns you can download and use.</p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1168" target="_blank">Light Mesh</a></h3>
<p><img class="alignnone size-full wp-image-8751" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/1.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1159" target="_blank">First Aid Kit</a></h3>
<p><img class="alignnone size-full wp-image-8737" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/2.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1155" target="_blank">French Stucco</a></h3>
<p><img class="alignnone size-full wp-image-8738" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/3.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1147" target="_blank">Rough diagonal</a></h3>
<p><img class="alignnone size-full wp-image-8739" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/4.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1136" target="_blank">White Wave</a></h3>
<p><img class="alignnone size-full wp-image-8740" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/5.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1121" target="_blank">Light Sketch</a></h3>
<p><img class="alignnone size-full wp-image-8741" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/6.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1109" target="_blank">Farmer</a></h3>
<p><img class="alignnone size-full wp-image-8742" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/7.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.premiumpixels.com/freebies/11-light-subtle-patterns-pat/" target="_blank">11 Light Subtle Patterns</a></h3>
<p><img class="alignnone size-large wp-image-8743" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/8-580x276.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="276" /></p>
<h3><a rel="nofollow" href="http://pixelsdaily.com/resources/photoshop/patterns/35-tiny-pixel-patterns/" target="_blank">35 Tiny Pixel Patterns</a></h3>
<p><img class="alignnone size-large wp-image-8744" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/9-580x326.png" alt="15 Light &amp; Subtle Background Patterns" width="580" height="326" /></p>
<h3><a rel="nofollow" href="http://graphicriver.net/item/tileable-minimal-patterns/894454?ref=webadelic" target="_blank">Minimal Patterns 1</a></h3>
<p><img class="alignnone size-full wp-image-8745" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/10.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1188" target="_blank">Text2Res3</a></h3>
<p><img class="alignnone size-full wp-image-8746" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/11.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://graphicriver.net/item/tileable-minimal-patterns-2/1806096?ref=webadelic" target="_blank">Minimal Patterns 2</a></h3>
<p><img class="alignnone size-full wp-image-8747" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/12.jpg" alt="" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1107" target="_blank">Paper</a></h3>
<p><img class="alignnone  wp-image-8748" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/13.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1064" target="_blank">Church</a></h3>
<p><img class="alignnone  wp-image-8749" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/14.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://subtlepatterns.com/?p=1051" target="_blank">Cross Scratches</a></h3>
<p><img class="alignnone size-full wp-image-8750" title="15 Light &amp; Subtle Background Patterns" src="http://turbo.designwoop.com/uploads/2012/05/15.jpg" alt="15 Light &amp; Subtle Background Patterns" width="580" height="300" /></p>
]]></content:encoded>
			<wfw:commentRss>http://designwoop.com/2012/05/15-light-subtle-background-patterns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quality Tutorials For Creating WordPress Custom Post Types</title>
		<link>http://designwoop.com/2012/05/quality-tutorials-for-creating-wordpress-custom-post-types/</link>
		<comments>http://designwoop.com/2012/05/quality-tutorials-for-creating-wordpress-custom-post-types/#comments</comments>
		<pubDate>Thu, 17 May 2012 07:00:00 +0000</pubDate>
		<dc:creator>Tomas Laurinavicius</dc:creator>
				<category><![CDATA[All Posts]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://designwoop.com/2012/05/quality-tutorials-for-creating-wordpress-custom-post-types/</guid>
		<description><![CDATA[Custom post types aren't something strictly defined. Basically it is any type of content you use in your blog. For example, <a title="WordPress Themes And Tutorials" href="http://designwoop.com/category/wordpress/">WordPress</a> comes with some default post types you're probably familiar like blog posts, pages, attachments, navigation menus and more.

With custom post types you have the possibility to create more interesting and unusual user experience in your blog by expressing more creativity using them. Custom post types allow users to easily create and manage such things as portfolios, projects, real estate listings, event calendar, quotes, ticket system, and whatever you can imagine.

In this list I would like to share 15 <a title="WordPress Tutorials" href="http://designwoop.com/tag/wordpress-tutorials/">useful WordPress tutorials</a> for creating custom post types for any kind of your projects.]]></description>
			<content:encoded><![CDATA[<p>Custom post types aren&#8217;t something strictly defined. Basically it is any type of content you use in your blog. For example, <a rel="nofollow" title="WordPress Themes And Tutorials" href="http://designwoop.com/category/wordpress/">WordPress</a> comes with some default post types you&#8217;re probably familiar like blog posts, pages, attachments, navigation menus and more.</p>
<p>With custom post types you have the possibility to create more interesting and unusual user experience in your blog by expressing more creativity using them. Custom post types allow users to easily create and manage such things as portfolios, projects, real estate listings, event calendar, quotes, ticket system, and whatever you can imagine.</p>
<p>In this list I would like to share 15 <a rel="nofollow" title="WordPress Tutorials" href="http://designwoop.com/tag/wordpress-tutorials/">useful WordPress tutorials</a> for creating custom post types for any kind of your projects.</p>
<h3><a rel="nofollow" href="http://www.netmagazine.com/tutorials/create-wordpress-custom-post-type">Create a WordPress custom post type</a></h3>
<p><a rel="nofollow" href="http://www.netmagazine.com/tutorials/create-wordpress-custom-post-type"><img src="http://turbo.designwoop.com/uploads/2012/05/01_wordpress_custom_post_type_tutorials.jpg" alt="Create a WordPress custom post type" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.smashingmagazine.com/2011/10/04/create-custom-post-meta-boxes-wordpress/">How To Create Custom Post Meta Boxes In WordPress</a></h3>
<p><a rel="nofollow" href="http://wp.smashingmagazine.com/2011/10/04/create-custom-post-meta-boxes-wordpress/"><img src="http://turbo.designwoop.com/uploads/2012/05/02_wordpress_custom_post_type_tutorials.jpg" alt="How To Create Custom Post Meta Boxes In WordPress" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/theme-development/how-to-use-custom-sidebars-on-posts-and-pages/">How to Use Custom Sidebars on Posts and Pages</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/theme-development/how-to-use-custom-sidebars-on-posts-and-pages/"><img src="http://turbo.designwoop.com/uploads/2012/05/03_wordpress_custom_post_type_tutorials.jpg" alt="How to Use Custom Sidebars on Posts and Pages" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/creative-coding/add-a-custom-column-in-posts-and-custom-post-types-admin-screen/">Add a Custom Column in Posts and Custom Post Types Admin Screen</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/creative-coding/add-a-custom-column-in-posts-and-custom-post-types-admin-screen/"><img src="http://turbo.designwoop.com/uploads/2012/05/04_wordpress_custom_post_type_tutorials.jpg" alt="Add a Custom Column in Posts and Custom Post Types Admin Screen" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/build-a-short-url-service-with-wordpress-custom-post-types/">Build a Short URL Service with WordPress Custom Post Types</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/build-a-short-url-service-with-wordpress-custom-post-types/"><img src="http://turbo.designwoop.com/uploads/2012/05/05_wordpress_custom_post_type_tutorials.jpg" alt="Build a Short URL Service with WordPress Custom Post Types" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wpmu.org/how-to-convert-plugins-to-use-custom-post-types/">How to Convert Plugins to Use Custom Post Types</a></h3>
<p><a rel="nofollow" href="http://wpmu.org/how-to-convert-plugins-to-use-custom-post-types/"><img src="http://turbo.designwoop.com/uploads/2012/05/06_wordpress_custom_post_type_tutorials.jpg" alt="How to Convert Plugins to Use Custom Post Types" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/creative-coding/custom-post-type-helper-class/">Custom Post Type Helper Class</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/creative-coding/custom-post-type-helper-class/"><img src="http://turbo.designwoop.com/uploads/2012/05/07_wordpress_custom_post_type_tutorials.jpg" alt="Custom Post Type Helper Class" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://www.wpbeginner.com/wp-tutorials/how-to-create-advanced-search-form-in-wordpress-for-custom-post-types/">How to Create Advanced Search Form in WordPress for Custom Post Types</a></h3>
<p><a rel="nofollow" href="http://www.wpbeginner.com/wp-tutorials/how-to-create-advanced-search-form-in-wordpress-for-custom-post-types/"><img src="http://turbo.designwoop.com/uploads/2012/05/08_wordpress_custom_post_type_tutorials.jpg" alt="How to Create Advanced Search Form in WordPress for Custom Post Types" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/widgets/create-a-tabbed-widget-for-custom-post-types/">Creating a Tabbed Widget for Custom Post Types</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/widgets/create-a-tabbed-widget-for-custom-post-types/"><img src="http://turbo.designwoop.com/uploads/2012/05/09_wordpress_custom_post_type_tutorials.jpg" alt="Creating a Tabbed Widget for Custom Post Types" width="580" height="300" /></a></p>
<h3><a rel="nofollow" title="Custom post types in WordPress" href="http://justintadlock.com/archives/2010/04/29/custom-post-types-in-wordpress" rel="bookmark">Custom post types in WordPress</a></h3>
<p><a rel="nofollow" href="http://justintadlock.com/archives/2010/04/29/custom-post-types-in-wordpress"><img src="http://turbo.designwoop.com/uploads/2012/05/10_wordpress_custom_post_type_tutorials.jpg" alt="Custom post types in WordPress" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/widgets/using-custom-post-types-to-create-a-killer-portfolio/">Using Custom Post Types to Create a Killer Portfolio</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/widgets/using-custom-post-types-to-create-a-killer-portfolio/"><img src="http://turbo.designwoop.com/uploads/2012/05/11_wordpress_custom_post_type_tutorials.jpg" alt="Using Custom Post Types to Create a Killer Portfolio" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://net.tutsplus.com/tutorials/wordpress/rock-solid-wordpress-3-0-themes-using-custom-post-types/">Rock-Solid WordPress 3.0 Themes using Custom Post Types</a></h3>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/wordpress/rock-solid-wordpress-3-0-themes-using-custom-post-types/"><img src="http://turbo.designwoop.com/uploads/2012/05/12_wordpress_custom_post_type_tutorials.jpg" alt="Rock-Solid WordPress 3.0 Themes using Custom Post Types" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://kovshenin.com/2010/extending-custom-post-types-in-wordpress-3-0/">Extending Custom Post Types in WordPress 3.0</a></h3>
<p><a rel="nofollow" href="http://kovshenin.com/2010/extending-custom-post-types-in-wordpress-3-0/"><img src="http://turbo.designwoop.com/uploads/2012/05/13_wordpress_custom_post_type_tutorials.jpg" alt="Extending Custom Post Types in WordPress 3.0" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/quick-tip-3-tools-for-making-instant-custom-post-types/">Quick Tip: 3 Tools for Making “Instant” Custom Post Types</a></h3>
<p><a rel="nofollow" href="http://wp.tutsplus.com/tutorials/quick-tip-3-tools-for-making-instant-custom-post-types/"><img src="http://turbo.designwoop.com/uploads/2012/05/14_wordpress_custom_post_type_tutorials.jpg" alt="Quick Tip: 3 Tools for Making â€œInstantâ€ Custom Post Types" width="580" height="300" /></a></p>
<h3><a rel="nofollow" href="http://wptheming.com/2011/11/event-posts-in-wordpress/">Event Posts in WordPress</a></h3>
<p><a rel="nofollow" href="http://wptheming.com/2011/11/event-posts-in-wordpress/"><img src="http://turbo.designwoop.com/uploads/2012/05/15_wordpress_custom_post_type_tutorials.jpg" alt="Event Posts in WordPress" width="580" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://designwoop.com/2012/05/quality-tutorials-for-creating-wordpress-custom-post-types/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25 Hand Picked Sans-Serif Google Fonts</title>
		<link>http://designwoop.com/2012/05/25-hand-picked-sans-serif-google-fonts/</link>
		<comments>http://designwoop.com/2012/05/25-hand-picked-sans-serif-google-fonts/#comments</comments>
		<pubDate>Mon, 14 May 2012 07:00:00 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[All Posts]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[Sans-Serif]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://designwoop.com/2012/05/25-hand-picked-sans-serif-google-fonts/</guid>
		<description><![CDATA[When creating new website designs I always reach the point where I need an extensive <a title="Free Fonts &#38; Typography Inspiration" href="http://designwoop.com/category/free-fonts/">font collection</a> to enable me to experiment with different headline and body combinations. When coding the design into the browser I often use Google Fonts, this gives me a vast array of fonts to choose from, all of which are also free to use and download! Take a look and download some of my recently used <a title="Free Sans-Serif Fonts" href="http://designwoop.com/tag/sans-serif/">sans-serif fonts</a> which are compatible with Google Fonts and let me know some of your favorites.]]></description>
			<content:encoded><![CDATA[<p>When creating new website designs I always reach the point where I need an extensive <a rel="nofollow" title="Free Fonts &amp; Typography Inspiration" href="http://designwoop.com/category/free-fonts/">font collection</a> to enable me to experiment with different headline and body combinations. When coding the design into the browser I often use Google Fonts, this gives me a vast array of fonts to choose from, all of which are also free to use and download! Take a look and download some of my recently used <a rel="nofollow" title="Free Sans-Serif Fonts" href="http://designwoop.com/tag/sans-serif/">sans-serif fonts</a> which are compatible with Google Fonts and let me know some of your favorites.</p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Yanone+Kaffeesatz" target="_blank">Yanone Kaffeesatz</a></h3>
<p><img class="alignnone size-full wp-image-8697" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/1-Google-Web-Fonts-Yanone-Kaffeesatz_1334647238528.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Droid+Sans" target="_blank">Droid Sans</a></h3>
<p><img class="alignnone size-full wp-image-8696" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/2-Google-Web-Fonts-Droid-Sans_1334647250389.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Josefin+Sans" target="_blank">Josefin Sans</a></h3>
<p><img class="alignnone size-full wp-image-8695" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/3-Google-Web-Fonts-Josefin-Sans_1334647260898.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Open+Sans" target="_blank">Open Sans</a></h3>
<p><img class="alignnone size-full wp-image-8694" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/4-Google-Web-Fonts-Open-Sans_1334647272851.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Abel" target="_blank">Abel</a></h3>
<p><img class="alignnone size-full wp-image-8693" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/5-Google-Web-Fonts-Abel_1334647288001.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Poiret+One" target="_blank">Poiret One</a></h3>
<p><img class="alignnone size-full wp-image-8692" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/6-Google-Web-Fonts-Poiret-One_1334647297620.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Quattrocento+Sans" target="_blank">Quattrocento Sans</a></h3>
<p><img class="alignnone size-full wp-image-8691" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/7-Google-Web-Fonts-Quattrocento-Sans_1334647404475.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Dosis" target="_blank">Dosis</a></h3>
<p><img class="alignnone size-full wp-image-8690" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/8-Google-Web-Fonts-Dosis_1334647427501.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Ruluko" target="_blank">Ruluko</a></h3>
<p><img class="alignnone size-full wp-image-8689" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/9-Google-Web-Fonts-Ruluko_1334647468266.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Muli" target="_blank">Muli</a></h3>
<p><img class="alignnone size-full wp-image-8688" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/10-Google-Web-Fonts-Muli_1334647481765.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Quicksand" target="_blank">Quicksand</a></h3>
<p><img class="alignnone size-full wp-image-8687" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/11-Google-Web-Fonts-Quicksand_1334647498305.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Gudea" target="_blank">Gudea</a></h3>
<p><img class="alignnone size-full wp-image-8686" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/12-Google-Web-Fonts-Gudea_1334647517696.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Advent+Pro" target="_blank">Advent Pro</a></h3>
<p><img class="alignnone size-full wp-image-8685" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/13-Google-Web-Fonts-Advent-Pro_1334647534298.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Chivo" target="_blank">Chivo</a></h3>
<p><img class="alignnone size-full wp-image-8684" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/14-Google-Web-Fonts-Chivo_1334647545571.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/News+Cycle" target="_blank">News Cycle</a></h3>
<p><img class="alignnone size-full wp-image-8683" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/15-Google-Web-Fonts-News-Cycle_1334647557359.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/PT+Sans+Narrow" target="_blank">PT Sans Narrow</a></h3>
<p><img class="alignnone size-full wp-image-8682" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/16-Google-Web-Fonts-PT-Sans-Narrow_1334647575753.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Economica" target="_blank">Economica</a></h3>
<p><img class="alignnone size-full wp-image-8681" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/17-Google-Web-Fonts-Economica_1334647588174.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Antic" target="_blank">Antic</a></h3>
<p><img class="alignnone size-full wp-image-8680" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/18-Google-Web-Fonts-Antic_1334647606030.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Marvel" target="_blank">Marvel</a></h3>
<p><img class="alignnone size-full wp-image-8679" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/19-Google-Web-Fonts-Marvel_1334647616960.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
<h3><a rel="nofollow" href="http://www.google.com/webfonts/specimen/Puritan" target="_blank">Puritan</a></h3>
<p><img class="alignnone size-full wp-image-8678" title="25 Hand Picked Sans-Serif Google Fonts" src="http://turbo.designwoop.com/uploads/2012/05/20-Google-Web-Fonts-Puritan_1334647631806.png" alt="25 Hand Picked Sans-Serif Google Fonts" width="580" height="300" /></p>
]]></content:encoded>
			<wfw:commentRss>http://designwoop.com/2012/05/25-hand-picked-sans-serif-google-fonts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>15 Thorough &amp; New CSS3 Tutorials</title>
		<link>http://designwoop.com/2012/05/getting-started-with-css3-animations/</link>
		<comments>http://designwoop.com/2012/05/getting-started-with-css3-animations/#comments</comments>
		<pubDate>Thu, 10 May 2012 07:00:00 +0000</pubDate>
		<dc:creator>Tomas Laurinavicius</dc:creator>
				<category><![CDATA[All Posts]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://designwoop.com/2012/04/getting-started-with-css3-animations/</guid>
		<description><![CDATA[For today I have selected 15 fresh and useful <a title="CSS3 Tutorials &#38; Resources" href="http://designwoop.com/tag/css3/">CSS3 tutorials</a> for your next project. CSS3 and HTML5 are the topics that you see and hear everyday and I think it is the right time to start diving into it. While there is no freedom in expressing our ideas in CSS3 prior to weak support in major browsers we want to be the first ones when it is fully supported right? Besides chasing the trends you will gain valuable experience in CSS3, HTML5 and jQuery which will help you to solve your problems in your projects.

In this compilation you will find only newest CSS3 tutorials on creating amazing transition effects, slideshows, navigation menus and much more.]]></description>
			<content:encoded><![CDATA[<p>For today I have selected 15 fresh and useful <a rel="nofollow" title="CSS3 Tutorials &amp; Resources" href="http://designwoop.com/tag/css3/">CSS3 tutorials</a> for your next project. CSS3 and HTML5 are the topics that you see and hear everyday and I think it is the right time to start diving into it. While there is no freedom in expressing our ideas in CSS3 prior to weak support in major browsers we want to be the first ones when it is fully supported right? Besides chasing the trends you will gain valuable experience in CSS3, HTML5 and jQuery which will help you to solve your problems in your projects.</p>
<p>In this compilation you will find only newest CSS3 tutorials on creating amazing transition effects, slideshows, navigation menus and much more.</p>
<h3><a rel="nofollow" href="http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-vertical-navigation-menu-the-css3-version/">Orman Clark’s Vertical Navigation Menu: The CSS3 Version</a></h3>
<p><a rel="nofollow" href="http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-vertical-navigation-menu-the-css3-version/"><img src="http://turbo.designwoop.com/uploads/2012/04/01_new_css3_tutorials_vertical_navigation_menu.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/">How to Build a Kick-Butt CSS3 Mega Drop-Down Menu</a></h3>
<p><a rel="nofollow" href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/"><img src="http://turbo.designwoop.com/uploads/2012/04/02_new_css3_tutorials_mega_menu.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/">Page Transitions with CSS3</a></h3>
<p><a rel="nofollow" href="http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/"><img src="http://turbo.designwoop.com/uploads/2012/04/03_new_css3_tutorials_page_transitions.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://webdesign.tutsplus.com/tutorials/site-elements/skin-orman-clarks-video-interface-using-jplayer-and-css/">Skin Orman Clark’s Video Interface Using jPlayer and CSS</a></h3>
<p><a rel="nofollow" href="http://webdesign.tutsplus.com/tutorials/site-elements/skin-orman-clarks-video-interface-using-jplayer-and-css/"><img src="http://turbo.designwoop.com/uploads/2012/04/04_new_css3_tutorials_jplayer.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://www.netmagazine.com/tutorials/get-more-out-your-css-transitions-jquery">Get more out of your CSS transitions with jQuery</a></h3>
<p><a rel="nofollow" href="http://www.netmagazine.com/tutorials/get-more-out-your-css-transitions-jquery"><img src="http://turbo.designwoop.com/uploads/2012/04/05_new_css3_tutorials_transitions_with_jquery.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://designmodo.com/image-slider-jquery-css3/">How to Create an Image Slider using jQuery and CSS3 [Tutorial]</a></h3>
<p><a rel="nofollow" href="http://designmodo.com/image-slider-jquery-css3/"><img src="http://turbo.designwoop.com/uploads/2012/04/06_new_css3_tutorials_image_slider.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://www.webdesignshock.com/css3-thumbnail-hover-effect/">Tutorial For A CSS3 Animated Hover Effect</a></h3>
<p><a rel="nofollow" href="http://www.webdesignshock.com/css3-thumbnail-hover-effect/"><img src="http://turbo.designwoop.com/uploads/2012/04/07_new_css3_tutorials_hover_effect.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/">Item Blur Effect with CSS3 and jQuery</a></h3>
<p><a rel="nofollow" href="http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/"><img src="http://turbo.designwoop.com/uploads/2012/04/08_new_css3_tutorials_blur_effect.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://webstutorial.com/html5-css3-toggle-slideup-slidedown/html-5">HTML5 &amp; CSS3 Toggle slideup and slidedown without JavaScript</a></h3>
<p><a rel="nofollow" href="http://webstutorial.com/html5-css3-toggle-slideup-slidedown/html-5"><img src="http://turbo.designwoop.com/uploads/2012/04/09_new_css3_tutorials_css3_toggle.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://designmodo.com/login-form-css3-jquery/">How to Create Login Form with CSS3 and jQuery</a></h3>
<p><a rel="nofollow" href="http://designmodo.com/login-form-css3-jquery/"><img src="http://turbo.designwoop.com/uploads/2012/04/10_new_css3_tutorials_login_form.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/">Fullscreen Background Image Slideshow with CSS3</a></h3>
<p><a rel="nofollow" href="http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/"><img src="http://turbo.designwoop.com/uploads/2012/04/11_new_css3_tutorials_full_screen.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" title="CSS3 Image Styles – Part 2" href="http://webdesignerwall.com/tutorials/css3-image-styles-part-2">CSS3 Image Styles – Part 2</a></h3>
<p><a rel="nofollow" href="http://webdesignerwall.com/tutorials/css3-image-styles-part-2"><img src="http://turbo.designwoop.com/uploads/2012/04/12_new_css3_tutorials_image_styles.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://tutorialzine.com/2012/02/apple-like-login-form/">Apple-like Login Form with CSS 3D Transforms</a></h3>
<p><a rel="nofollow" href="http://tutorialzine.com/2012/02/apple-like-login-form/"><img src="http://turbo.designwoop.com/uploads/2012/04/13_new_css3_tutorials_apple_like_login_form.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/">Animated Web Banners with CSS3</a></h3>
<p><a rel="nofollow" href="http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/"><img src="http://turbo.designwoop.com/uploads/2012/04/14_new_css3_tutorials_animated_web_banners.jpg" alt="15 Thorough &amp; New CSS3 Tutorials" width="580" height="315" /></a></p>
<h3><a rel="nofollow" href="http://www.red-team-design.com/css3-breadcrumbs">CSS3 breadcrumbs</a></h3>
<p><a rel="nofollow" href="http://www.red-team-design.com/css3-breadcrumbs"><img src="http://turbo.designwoop.com/uploads/2012/04/15_new_css3_tutorials_breadcrumbs.jpg" alt="CSS3 breadcrumbs" width="580" height="315" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://designwoop.com/2012/05/getting-started-with-css3-animations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Showcase of Retro Logo Designs</title>
		<link>http://designwoop.com/2012/05/a-showcase-of-retro-logo-designs/</link>
		<comments>http://designwoop.com/2012/05/a-showcase-of-retro-logo-designs/#comments</comments>
		<pubDate>Mon, 07 May 2012 07:00:00 +0000</pubDate>
		<dc:creator>Dan Robinson</dc:creator>
				<category><![CDATA[All Posts]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Retro]]></category>

		<guid isPermaLink="false">http://designwoop.com/2012/06/a-showcase-of-retro-logo-designs/</guid>
		<description><![CDATA[There’s a huge variety of <a title="Logo Design inspiration" href="http://designwoop.com/tag/logo/">logo styles</a> out there, but few logo trends are cooler than the retro look. Vintage logos – the kind that you could easily imagine seeing in a 50’s diner – are actually surprisingly difficult to design. They need to look cool, slick and stylish – without looking tacky or cheesy. In other words, to be truly cool, they need to be more Mad Men than Happy Days.

We’ve brought together a collection of beautifully crafted, retro logos that will hopefully inspire you for your next design.]]></description>
			<content:encoded><![CDATA[<p>There’s a huge variety of <a rel="nofollow" title="Logo Design inspiration" href="http://designwoop.com/tag/logo/">logo styles</a> out there, but few logo trends are cooler than the retro look. Vintage logos – the kind that you could easily imagine seeing in a 50’s diner – are actually surprisingly difficult to design. They need to look cool, slick and stylish – without looking tacky or cheesy. In other words, to be truly cool, they need to be more Mad Men than Happy Days.</p>
<p>We’ve brought together a collection of beautifully crafted, retro logos that will hopefully inspire you for your next design.</p>
<p><img class="alignnone size-full wp-image-8773" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/01-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/25861-Gilford-Sons-Logo-Final" target="_blank">http://dribbble.com/shots/25861-Gilford-Sons-Logo-Final</a></p>
<p>Gilford &amp; Sons have a beautifully designed logo that remains simple yet functional &amp; classy. The two tone effect shading and the stern, professional typeface create a sharp, retro logo that’s full of character.</p>
<p><img class="alignnone size-full wp-image-8772" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/02-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/462253-Ms-Tidy-Logo" target="_blank">http://dribbble.com/shots/462253-Ms-Tidy-Logo</a></p>
<p>The logo for Ms Tidy Residential Cleaning uses hand-drawn typography and a character to add personality to the design.</p>
<p><img class="alignnone size-full wp-image-8771" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/03-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/132881-Smart-Goal" target="_blank">http://dribbble.com/shots/132881-Smart-Goal</a></p>
<p>The logo for Smart Goal uses clean, angular lines to create a vintage effect. The design also uses plenty of texture to help give it a slightly faded, retro look.</p>
<p><img class="alignnone size-full wp-image-8770" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/04-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/466724-ARRC-Logo" target="_blank">http://dribbble.com/shots/466724-ARRC-Logo</a></p>
<p>The American Road Racing Club logo is beautifully designed, and looks like it’s straight out of a 1950’s American car club. The circular badge style and the faded texture of the logo both hint at a retro-style, and are used to great effect here.</p>
<p><img class="alignnone size-full wp-image-8769" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/05-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/395127-Lunchpad" target="_blank">http://dribbble.com/shots/395127-Lunchpad</a></p>
<p>Lunchpad makes heavy use of a retro-inspired typeface to create a 1950’s vintage look, and despite the playful font, the black and white style helps to keep the design looking sophisticated.</p>
<p><img class="alignnone size-full wp-image-8768" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/06-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Studio 85 have created an ultra-clean mark that looks professional &amp; classy, while the circular design gives the logo a badge-like quality.</p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/312181-STUDIO85-3" target="_blank">http://dribbble.com/shots/312181-STUDIO85-3</a></p>
<p><img class="alignnone  wp-image-8767" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/07-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/336286-Mr-Dj" target="_blank">http://dribbble.com/shots/336286-Mr-Dj</a></p>
<p>Mr DJ event services have a complicated logo, but it’s full of personality – and the quirky, retro style helps to make the logo memorable and fun.</p>
<p><img class="alignnone size-full wp-image-8766" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/08-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/278266-Vintage-Hydroplane-Federation" target="_blank">http://dribbble.com/shots/278266-Vintage-Hydroplane-Federation</a></p>
<p>The logo for the Hydroplane federation is reminiscent of the 1950’s vision of the future and looks like something out of the Jetsons. The bright red and the muted green in the design help to add to the retro feel of the logo, while the typography has a very vintage feel to it.</p>
<p><img class="alignnone size-full wp-image-8765" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/09-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/333411-Tokyo-Bicycles-Logo" target="_blank">http://dribbble.com/shots/333411-Tokyo-Bicycles-Logo</a></p>
<p>The logo for Tokyo Bicycles has a retro cartoon feel to it, with big bold borders and muted colours complementing the hand-drawn typeface perfectly.</p>
<p><img class="alignnone  wp-image-8764" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/10-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/359504-Six-Yard-4" target="_blank">http://dribbble.com/shots/359504-Six-Yard-4</a></p>
<p>Six Yard have used angular lines in their logo to form a badge, while a ribbon is used in the background to add a touch of elegance. There’s something very retro about the solid, bold typeface and the texture of the shading on the ribbon that makes the design look strong.</p>
<p><img class="alignnone size-full wp-image-8763" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/11-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/287891-Bubbles" target="_blank">http://dribbble.com/shots/287891-Bubbles</a></p>
<p>Tonic’s logo is based on a custom-designed typeface that could easily be at home on a 1950’s fizzy drink bottle. The playful font suggests that Tonic is a fun, interesting &amp; quirky brand, while the shading and highlights in the type help to make the logo “pop” slightly, and keep that retro feel.</p>
<p><img class="alignnone  wp-image-8762" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/12-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/64770-Neo-Retro-Aviation-Logo-Red-" target="_blank">http://dribbble.com/shots/64770-Neo-Retro-Aviation-Logo-Red-</a></p>
<p>Avionics Masters have an astonishingly retro style logo, from the vintage effect font to the silhouette of the plane, it’s hard to find a more vintage design.</p>
<p><img class="alignnone size-full wp-image-8761" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/13-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="267" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/368811-The-Collective-Logo" target="_blank">http://dribbble.com/shots/368811-The-Collective-Logo</a></p>
<p>The Collective coworking space in Italy have opted to used two very vintage typefaces in their logo – the first is bold and strong, while the second has a more retro hand-written quality to it. Both complement the other in a surprisingly effective way, while the colours in the design also have a very retro feel to them.</p>
<p><img class="alignnone  wp-image-8760" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/14-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/482059-ONST-Creative-Logo-Final-" target="_blank">http://dribbble.com/shots/482059-ONST-Creative-Logo-Final-</a></p>
<p>ONST Creative have an amazingly designed, extremely fun &amp; quirky logo. The typeface is very heavily inspired by retro designs, while the robot that’s featured is straight out of the 50’s.</p>
<p><img class="alignnone size-full wp-image-8759" title="A Showcase of Retro Logo Designs" src="http://turbo.designwoop.com/uploads/2012/06/15-logo.jpg" alt="A Showcase of Retro Logo Designs" width="400" height="300" /></p>
<p>Source: <a rel="nofollow" href="http://dribbble.com/shots/104327-Bottle-Cap-Logo" target="_blank">http://dribbble.com/shots/104327-Bottle-Cap-Logo</a></p>
<p>Tim Dobbins has used a number of techniques to give his logo a retro feel. The choice of red and faded white work really well together, while the angled lines surrounding the word “Designer” help to add texture. The hand-drawn font also completes the logo and really adds a vintage quality to it.</p>
<p><strong>Are there any retro logo designs that you’ve found that deserve a mention? Let us know in the comments.</strong></p>
<p>Dan writes for gift ideas experts The Handpicked Collection, who specialise in wedding gifts and presents. In his spare time he studies graphic design and practices his skills in Illustrator.</p>
]]></content:encoded>
			<wfw:commentRss>http://designwoop.com/2012/05/a-showcase-of-retro-logo-designs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>20 Pixel Perfect WordPress Gallery Themes</title>
		<link>http://designwoop.com/2012/05/20-pixel-perfect-wordpress-gallery-themes/</link>
		<comments>http://designwoop.com/2012/05/20-pixel-perfect-wordpress-gallery-themes/#comments</comments>
		<pubDate>Thu, 03 May 2012 07:00:00 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[All Posts]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Theme]]></category>

		<guid isPermaLink="false">http://designwoop.com/2012/05/25-gallery-based-wordpress-themes/</guid>
		<description><![CDATA[Gallery based WordPress themes provide a great way to showcase products and personal work, gallery themes are also great for starting your own niche focused WordPress gallery of items, as an example logos, designs, or photography compositions. Today I have selected 20 of the <a href="http://designwoop.com/tag/theme/">best WordPress gallery themes</a> you can use to create your on WordPress powered gallery.  Some themes are also responsive which means the actual gallery items adapt and re-order, depending on screen size or device the gallery is viewed on.]]></description>
			<content:encoded><![CDATA[<p>Gallery based WordPress themes provide a great way to showcase products and personal work, gallery themes are also great for starting your own niche focused WordPress gallery of items, as an example logos, designs, or photography compositions. Today I have selected 20 of the <a rel="nofollow" href="http://designwoop.com/tag/theme/">best WordPress gallery themes</a> you can use to create your on WordPress powered gallery. Some themes are also responsive which means the actual gallery items adapt and re-order, depending on screen size or device the gallery is viewed on.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/yin-yang-clear-and-slick-wp-portfolio-theme/634395?ref=webadelic" target="_blank">Yin &amp; Yang</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/yin-yang-clear-and-slick-wp-portfolio-theme/634395?ref=webadelic"><img class="alignnone size-large wp-image-8601" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/1-Yin-Yang_1333457509007-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Yin &amp; Yang is a light, minimalistic, simple to use portfolio theme. Quick to setup and easy to customize, thanks to the powerful admin panel, and the detailed documentation, Yin &amp; Yang is the perfect theme for showcasing your most important work directly in front of your potential clients.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/fullscene-portfolio-photography-wp-theme/1617432?ref=webadelic" target="_blank">Full Scene</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/fullscene-portfolio-photography-wp-theme/1617432?ref=webadelic"><img class="alignnone size-large wp-image-8600" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/2-Portfolio-–-Masonry-FullScene_1333457603087-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>FullScene is a professional, multi-layout, ultra flexible and customizable portfolio WP theme with fullscreen showcase features and loaded with options for designers, photographers and design agencies.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/radius-responsive-wordpress-theme/1846727?ref=webadelic" target="_blank">Radius</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/radius-responsive-wordpress-theme/1846727?ref=webadelic"><img class="alignnone size-large wp-image-8599" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/3-Radius-WordPress-Theme-»-Our-Latest-Work_1333457698008-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Featuring a responsive design, you can scale Radius all the way down to iPhone size and still have a beautiful, full-featured site in the palm of your hand. Try out the demo!</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/rawa-clean-responsive-minimal-wordpress/1935648?ref=webadelic" target="_blank">Rawa</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/rawa-clean-responsive-minimal-wordpress/1935648?ref=webadelic"><img class="alignnone size-large wp-image-8598" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/4-Rawa-–-Clean-Responsive-Minimal-Wordpress-Theme_1333457840176-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Rawa is a clean, minimal and responsive HTML5 / CSS3 template. It looks fantastic on mobile devices such as iPhones/Smarphones or Tablet-Pc’s. This is the perfect way to show your works/posts</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/8cells-minimalist-and-clean-for-portfolio-creative/245903?ref=webadelic" target="_blank">8 Cells</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/8cells-minimalist-and-clean-for-portfolio-creative/245903?ref=webadelic"><img class="alignnone size-large wp-image-8597" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/5-Portfolios-‹-8Cells-–-Minimalist-Clean-for-Portfolio-Creative_1333457878287-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>8Cells is the WordPress theme for Portfolio, Creative built with latest WordPress features. Custom Post Type, Shortcodes, Extensive admin panel etc.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/angular-responsive-portfolio/1415600?ref=webadelic" target="_blank">Angular</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/angular-responsive-portfolio/1415600?ref=webadelic"><img class="alignnone size-large wp-image-8596" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/6-Angular-Theme-Demo-Just-another-Kriesi.at-Theme-Demos-Sites-site_1333457905011-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Angular is a responsive WordPress Theme (try resizing your browser), suited for users who want to showcase their work on a neat portfolio site. The Theme is built on top of the fabulous Avia Framework and comes with support for the bbPress Forum plugin, just in case you need it ;)</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/artiste-professional-portfolio-wordpress-theme/785887?ref=webadelic" target="_blank">Artiste</a></h3>
<h3><a rel="nofollow" href="http://themeforest.net/item/artiste-professional-portfolio-wordpress-theme/785887?ref=webadelic"><img title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/7-Artiste_1333457938356-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></h3>
<p>Artiste is an “all-about-the-work” WordPress portfolio theme for the professional creative. It’s clean yet functional, and concentrates on showcasing your work to potential clients and employers with little distraction. Go get hired more.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/sideshow-funktastic-portfolio-wordpress-theme/550344?ref=webadelic" target="_blank">Sideshow</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/sideshow-funktastic-portfolio-wordpress-theme/550344?ref=webadelic"><img class="alignnone size-large wp-image-8594" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/8-Sideshow_1333457984887-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Sideshow is a funktastic portfolio theme for the artsy fartsy with a built-in Tumblr style blogging system. It’s simple, to the point, and does little to distract viewers away from your work but everything to showcase it – exactly how a portfolio should function.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/garnish-cleancut-wordpress-portfolio-theme/308989?ref=webadelic" target="_blank">Garnish</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/garnish-cleancut-wordpress-portfolio-theme/308989?ref=webadelic"><img class="alignnone size-large wp-image-8593" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/9-Garnish_1333458024506-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Garnish is a clean-cut, straight to the point, simple to use portfolio theme. The uncluttered, one-page, ajax-powered portfolio is perfect for placing your most important work directly in front of your potential clients.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/cw" target="_blank">Reveal</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/cw"><img class="alignnone size-large wp-image-8592" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/10-Reveal_1333458071304-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Reveal is a responsive portfolio theme that’s designed to look great no matter the device or screen size on which it’s viewed. Its minimal and clean styling paired with Ajax powered project viewing make this theme perfect for showing off your best work.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/du" target="_blank">Infinity</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/du"><img class="alignnone size-large wp-image-8591" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/11-Infinity_1333458092034-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>If you’re looking for a clean and minimal theme to showcase your work, Infinity is the theme for you. It comes with project filtering and infinite scrolling for blog posts. And it’s all wrapped up in a responsive layout, which means it will look great across multiple screen resolutions and devices.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/g7" target="_blank">Statua</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/g7"><img class="alignnone size-large wp-image-8590" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/12-Statua-Just-another-WooThemes-demo-site_1333458172223-580x667.png" alt="20 Best WordPress Gallery Themes" width="580" height="667" /></a></p>
<p>Statua is another theme designed by Chris Rowe which is aimed at photo enthusiasts who want to use WordPress to show off their photos and galleries in a stylish fashion. The theme makes use of JavaScript sliders and alternative layouts to make it easy to setup and customize.</p>
<h3><a rel="nofollow" href="http://www.shareasale.com/r.cfm?b=308058&amp;u=627679&amp;m=28169&amp;urllink=&amp;afftrack=" target="_blank">Minimum</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/gj" target="_blank"><img class="alignnone  wp-image-8666" title="20 Pixel Perfect WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/Minimum-Child-Theme-Demo-—-Built-on-the-Genesis-Framework-by-StudioPress_1334558779117-580x685.png" alt="20 Pixel Perfect WordPress Gallery Themes" width="580" height="685" /></a></p>
<p>A stunning execution of &#8220;less is more&#8221;, the Minimum child theme expresses everything you&#8217;re about, with very little effort.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/ec" target="_blank">TheStyle</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/ec" target="_blank"><img class="alignnone size-large wp-image-8923" title="20 Pixel Perfect WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/TheStyle-Theme-Just-another-WordPress-site_1336026831229-580x433.png" alt="20 Pixel Perfect WordPress Gallery Themes" width="580" height="433" /></a></p>
<p>TheStyle will give your blog that unique visual impact you have been looking for. With its unique jQuery-enhanced fluid width design, your posts always get displayed in a way that is best suited for your visitor&#8217;s resolution.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/ei" target="_blank">Notebook</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/ei"><img class="alignnone size-large wp-image-8587" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/15-Notebook-Theme-A-Day-In-My-Life_1333458383188-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Notebook is a fun multimedia theme that takes advantage of WordPress post formats and advanced CSS3 animations. The result is a unique and highly engaging design that is sure that impress your visitors.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/g9" target="_blank">Defolio</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/g9"><img class="alignnone size-large wp-image-8586" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/16-Portfolio-»-deFolio-Theme-Demo_1333458420597-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>deFolio is a complex portfolio WordPress theme that comes packed with a custom post type for your portfolio, the latest WordPress 3.0 goodness, shortcodes, jQuery and much more.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/fb" target="_blank">Widely</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/fb" target="_blank"><img class="alignnone size-large wp-image-8585" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/17-Widely_1333458461091-e1333460230153.png" alt="20 Best WordPress Gallery Themes" width="579" height="410" /></a></p>
<p>Widely WordPress Theme is minimalistic theme perfect for for businesses, creatives, and individuals who want to quickly publish their portfolio and anyone else who’s serious about having a simple, well designed website with a full powered content manager.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/ga" target="_blank">Hero</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/ga" target="_blank"><img class="alignnone size-large wp-image-8583" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/18-Hero_1333458740729-e1333460069657-580x465.png" alt="20 Best WordPress Gallery Themes" width="580" height="465" /></a></p>
<p>Hero is a responsive and minimal portfolio theme for creative types who want to show off their best work and highlight their services. One of the key features of this theme is the parallax home page banner that allows you display your key message in an engaging fashion.</p>
<h3><a rel="nofollow" href="http://designwoop.com/s/f6" target="_blank">Uber</a></h3>
<p><a rel="nofollow" href="http://designwoop.com/s/f6"><img class="alignnone size-large wp-image-8584" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/19-Uber_1333458491467-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Uber is a responsive business and portfolio theme for freelance designers, photographers, or design firms. Your work will look amazing in the portfolio section which includes smooth filtering animations. And for the home page there’s an option for a full screen background that’s synchronized with the slideshow.</p>
<h3><a rel="nofollow" href="http://themeforest.net/item/1418-imperio-wordpress-theme/1982830?ref=webadelic" target="_blank">Imperio</a></h3>
<p><a rel="nofollow" href="http://themeforest.net/item/1418-imperio-wordpress-theme/1982830?ref=webadelic"><img class="alignnone size-large wp-image-8582" title="20 Best WordPress Gallery Themes" src="http://turbo.designwoop.com/uploads/2012/05/20-Imperio-–-Portfolio-3-Column_1333458790747-580x281.png" alt="20 Best WordPress Gallery Themes" width="580" height="281" /></a></p>
<p>Imperio 1418 is a beautiful, modern wordpress theme. Imperio is the perfect theme for creative agencies, freelancers and business’s that want a modern look. The beautiful textured look was carefully handcrafted to give it a unique look across the entire site.</p>
]]></content:encoded>
			<wfw:commentRss>http://designwoop.com/2012/05/20-pixel-perfect-wordpress-gallery-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: enhanced
Database Caching using disk: basic
Object Caching 711/834 objects using disk: basic
Content Delivery Network via turbo.designwoop.com

Served from: designwoop.com @ 2012-05-21 14:12:31 -->
