<?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>Tweeaks Design &#187; Featured</title>
	<atom:link href="http://tweeaks.com/category/featured/feed/" rel="self" type="application/rss+xml" />
	<link>http://tweeaks.com</link>
	<description>more than just eye popping designs</description>
	<lastBuildDate>Mon, 02 Aug 2010 14:14:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>WordPress 3.0 Basic &#8211; A Theme Framework Released By New2WP</title>
		<link>http://tweeaks.com/wordpress/wordpress-3-0-basic-a-theme-framework-released-by-new2wp/</link>
		<comments>http://tweeaks.com/wordpress/wordpress-3-0-basic-a-theme-framework-released-by-new2wp/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 14:14:06 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Custom Post Types]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[wp3.0]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=3436</guid>
		<description><![CDATA[<a href="http://new2wp.com/pro/basic-theme-framework-wordpress3-custom-post-type/"><img src="http://new2wp.com/wp-content/uploads/2010/08/3.0basics.png" class="alignright" alt="3.0 Basics" title="3.0 Basics theme framework" /></a>Announcing the release of a WordPress 3.0 Basic theme. This is theme framework that has loads of great 3.0 features built in, including a custom post type for bookmarking and sharing sites or links. A great starter theme for WP theme developers, and just as great to use as is]]></description>
			<content:encoded><![CDATA[<p>Announcing the release of a WordPress 3.0 Basic theme. This is theme framework that has loads of great 3.0 features built in, including a custom post type for bookmarking and sharing sites or links. A great starter theme for WP theme developers, and just as great to use as is.</p>
<p>Here&#8217;s a screenshot of what it looks like.</p>
<p><a href="http://new2wp.com/pro/basic-theme-framework-wordpress3-custom-post-type/"><img alt="3.0 Basics theme framework" src="http://new2wp.com/wp-content/uploads/2010/08/3.0basics1.jpg" title="3.0 Basics theme framework" class="aligncenter" style="width:550px; border:1px solid #ccc;" /></a></p>
<p>Check out everything included in this theme, and download it to try it out for yourself. <a href="http://new2wp.com/pro/basic-theme-framework-wordpress3-custom-post-type/">New2WP.com</a> has all the information about the features and capabilities it has. </p>
<p>You can <a href="http://new2wp.com/pro/basic-theme-framework-wordpress3-custom-post-type/"><strong>read more about 3.0 Basics here</strong></a>. Or check out the tutorial for making the custom post type used in this theme in the <a href="http://new2wp.com/pro/WordPress-custom-post-types-object-oriented-series1/">OOPost Types: Making a WordPress 3.0 App</a> post series.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/wordpress/wordpress-custom-fields-add-excerpts-and-post-thumbnails-to-theme/" rel="bookmark" class="crp_title">WordPress Custom Fields: Add Excerpts And Post Thumbnails To Theme</a></li><li><a href="http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/" rel="bookmark" class="crp_title">A Fresh New WordPress Theme Design By Tweeaks</a></li><li><a href="http://tweeaks.com/wordpress/how-to-using-wordpress-excerpts/" rel="bookmark" class="crp_title">How To Use WordPress Excerpts On Your Blog Homepage</a></li><li><a href="http://tweeaks.com/wordpress/free-wordpress-themes/" rel="bookmark" class="crp_title">16 Sites with Quality FREE WordPress Themes</a></li><li><a href="http://tweeaks.com/wordpress/10-extremely-useful-wordpress-hacks-and-tips/" rel="bookmark" class="crp_title">10 Extremely Useful WordPress Hacks</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/wordpress/wordpress-3-0-basic-a-theme-framework-released-by-new2wp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30 Stunning Land And Cityscapes Captured Just For You</title>
		<link>http://tweeaks.com/photography/30-stunning-land-and-cityscapes-captured-for-yo/</link>
		<comments>http://tweeaks.com/photography/30-stunning-land-and-cityscapes-captured-for-yo/#comments</comments>
		<pubDate>Sun, 23 May 2010 00:24:56 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Cityscape]]></category>
		<category><![CDATA[Driving]]></category>
		<category><![CDATA[Landscape]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=3345</guid>
		<description><![CDATA[<a href="http://tweeaks.com/photography/30-stunning-land-and-cityscapes-captured-last-week/"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may9-200x200.jpg" alt="" title="tw-may9" width="200" height="200" class="alignright size-thumbnail wp-image-3366" /></a>If you enjoy traditional or digital style photography, and shots captured under extreme difficult circumstances, and split second intervals, or maybe just have a love for old black &#38; white land and cityscape compositions, this random assortment of photos is worth taking a look at]]></description>
			<content:encoded><![CDATA[<p><a href="http://tweeaks.com/photography/30-stunning-land-and-cityscapes-captured-last-week/"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may9-200x200.jpg" alt="" title="tw-may9" width="200" height="200" class="alignright size-thumbnail wp-image-3366" /></a>It&#8217;s been a little while since I last posted something creative that I did myself. Heck, it&#8217;s been a long time since I last posted anything here. So it&#8217;s about time I do just that. With the weather warming up, I&#8217;ve been bringing my camera with me when I go out more frequently. The change in season is good motivation to start shooting some photos again. I can only take so many pictures of the miserable, ugly and depressing days of winter. It just gets old after a while and they all begin to look the same.</p>
<p>No matter the season, day, time or reason, it&#8217;s no exaggeration when I say I can easily snap over 1000 photos in a single day, and that&#8217;s just during my commute to and from work. I mean, every time I bring my camera out with me anywhere, it&#8217;s dead by the time I get to the place I was going. This is very annoying too, since once I get where ever that may be, there are tons of pictures I miss out on while there. But what can ya do.</p>
<p>For your visual enjoyment, here are 30 of my most recently taken photos, some I shot while driving, which is <a href="http://tweeaks.com/photography/30-amazing-photos-of-boston-captured-while-driving/">usually the case</a> as <a href="http://tweeaks.com/photography/22-great-photo-taken-while-driving/">you may already know</a>, and others are taken at a friends house, one of those rare times I happen to bring my camera with me when I go to a new, cool photographic location.</p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/Morning-Perfection-226.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/Morning-Perfection-226.jpg" alt="" title="Morning-Perfection-226" width="600" height="450" class="aligncenter size-full wp-image-3376" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may18.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may18.jpg" alt="" title="tw-may18" width="500" height="458" class="aligncenter size-full wp-image-3375" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may17.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may17.jpg" alt="" title="tw-may17" width="500" height="375" class="aligncenter size-full wp-image-3374" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may16.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may16.jpg" alt="" title="tw-may16" width="550" height="445" class="aligncenter size-full wp-image-3373" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may15.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may15.jpg" alt="" title="tw-may15" width="450" height="600" class="aligncenter size-full wp-image-3372" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may14.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may14.jpg" alt="" title="tw-may14" width="550" height="413" class="aligncenter size-full wp-image-3371" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may13.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may13.jpg" alt="" title="tw-may13" width="500" height="612" class="aligncenter size-full wp-image-3370" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may12.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may12.jpg" alt="" title="tw-may12" width="540" height="405" class="aligncenter size-full wp-image-3369" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may11.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may11.jpg" alt="" title="tw-may11" width="550" height="413" class="aligncenter size-full wp-image-3368" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may10.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may10.jpg" alt="" title="tw-may10" width="550" height="413" class="aligncenter size-full wp-image-3367" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may9.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may9.jpg" alt="" title="tw-may9" width="497" height="640" class="aligncenter size-full wp-image-3366" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may8.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may8.jpg" alt="" title="tw-may8" width="540" height="405" class="aligncenter size-full wp-image-3365" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may7.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may7.jpg" alt="" title="tw-may7" width="560" height="420" class="aligncenter size-full wp-image-3364" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may6.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may6.jpg" alt="" title="tw-may6" width="560" height="747" class="aligncenter size-full wp-image-3363" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may5.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may5.jpg" alt="" title="tw-may5" width="560" height="420" class="aligncenter size-full wp-image-3362" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may4.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may4.jpg" alt="" title="tw-may4" width="560" height="420" class="aligncenter size-full wp-image-3361" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may3.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may3.jpg" alt="" title="tw-may3" width="560" height="420" class="aligncenter size-full wp-image-3360" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may2.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may2.jpg" alt="" title="tw-may2" width="560" height="420" class="aligncenter size-full wp-image-3359" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may1.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may1.jpg" alt="" title="tw-may1" width="550" height="733" class="aligncenter size-full wp-image-3358" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may30.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may30.jpg" alt="" title="tw-may30" width="560" height="416" class="aligncenter size-full wp-image-3357" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may29.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may29.jpg" alt="" title="tw-may29" width="551" height="381" class="aligncenter size-full wp-image-3356" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may28.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may28.jpg" alt="" title="tw-may28" width="560" height="420" class="aligncenter size-full wp-image-3355" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may27.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may27.jpg" alt="" title="tw-may27" width="457" height="600" class="aligncenter size-full wp-image-3354" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may26.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may26.jpg" alt="" title="tw-may26" width="450" height="600" class="aligncenter size-full wp-image-3353" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may25.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may25.jpg" alt="" title="tw-may25" width="450" height="600" class="aligncenter size-full wp-image-3352" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may24.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may24.jpg" alt="" title="tw-may24" width="500" height="488" class="aligncenter size-full wp-image-3351" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may23.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may23.jpg" alt="" title="tw-may23" width="377" height="600" class="aligncenter size-full wp-image-3350" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may22.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may22.jpg" alt="" title="tw-may22" width="522" height="600" class="aligncenter size-full wp-image-3349" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may21.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may21.jpg" alt="" title="tw-may21" width="520" height="436" class="aligncenter size-full wp-image-3348" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may20.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may20.jpg" alt="" title="tw-may20" width="540" height="420" class="aligncenter size-full wp-image-3347" /></a></p>
<p><a href="http://tweeaks.com/wp-content/uploads/2010/05/tw-may19.jpg"><img src="http://tweeaks.com/wp-content/uploads/2010/05/tw-may19.jpg" alt="" title="tw-may19" width="415" height="600" class="aligncenter size-full wp-image-3346" /></a></p>
<h2>Tell me what you think!!</h2>
<p>Post a comment below with any thoughts or feedback you may have. I&#8217;d love to hear what you think.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/design/2-unbelievably-inspiring-works-of-art-masters-of-design/" rel="bookmark" class="crp_title">25 Unbelievably Inspiring Works Of Art – Masters Of Design</a></li><li><a href="http://tweeaks.com/photography/30-amazing-photos-of-boston-captured-while-driving/" rel="bookmark" class="crp_title">30 Amazing Photos Of Boston Captured While Driving</a></li><li><a href="http://tweeaks.com/wordpress/27th-birthday-post-with-7-of-my-favorite-wordpress-design-and-development-blogs/" rel="bookmark" class="crp_title">Forever 27: My Birthday Post With 7 Favorite WordPress Design And Development Blogs</a></li><li><a href="http://tweeaks.com/photography/22-great-photo-taken-while-driving/" rel="bookmark" class="crp_title">22 Great Photos Taken While Driving</a></li><li><a href="http://tweeaks.com/freebies/" rel="bookmark" class="crp_title">Freebies</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/photography/30-stunning-land-and-cityscapes-captured-for-yo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>14 Ways To Start Learning jQuery</title>
		<link>http://tweeaks.com/coding/14-ways-to-start-learning-jquery/</link>
		<comments>http://tweeaks.com/coding/14-ways-to-start-learning-jquery/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 23:29:04 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=3104</guid>
		<description><![CDATA[<a href="/coding/14-ways-to-start-learning-jquery"><img src="http://tweeaks.com/wp-content/uploads/2009/12/jquery-200x200.png" alt="jquery" title="jquery" class="alignright size-thumbnail wp-image-2904" height="200" width="200" /></a>Everyone learns things differently. As a designer, and more visually oriented learner, I have a hard time learning how to do things like programming. It took me a long time, a loooong time to wrap my head around Php, and even still I find that to be a challenge. I would love to learn it better so I could be one of those Php gurus out there, but it's just not gonna happen people]]></description>
			<content:encoded><![CDATA[<p><a href="http://tweeaks.com/coding/14-ways-to-start-learning-jquery"><img src="http://tweeaks.com/wp-content/uploads/2009/12/jquery-200x200.png" alt="jquery" title="jquery" class="alignright size-thumbnail wp-image-2904" height="200" width="200" /></a>Everyone learns things differently. As a designer, and more visually oriented learner, I have a hard time learning how to do things like programming. It took me a long time, a loooong time to wrap my head around Php, and even still I find that to be a challenge. I would love to learn it better so I could be one of those Php gurus out there, but it&#8217;s just not gonna happen people.</p>
<p>That doesn&#8217;t have to be the case with <a href="http://jquery.com/" target="_blank">jQuery </a>though I&#8217;ve found, because it is a lot more simple, and even more simple than I think it is too. It&#8217;s still programming yes, but it&#8217;s more &#8220;normal&#8221; than what I consider Php to be. Though, despite all that, I have still found myself not sitting down and actually learning it. I&#8217;ve tried, but when I do, I tend to get distracted with all the millions of things on the internet that are there to distract me. Have you had this problem ever? It can be annoying at times.</p>
<p>Many times when I try to focus on stuff like this, I start by looking up sites and finding resources which I can use to help me learn. Well, that&#8217;s when the distraction starts. I then start finding more and more and more, until I find myself basically creating a resource roundup that I can make a new blog post with, for others trying to learn the same stuff, instead of using the resources to help myself learn.</p>
<p>I apologize if this is the cycle which you have found yourself in right now too. I did not intend to distract you, but providing you with a ton of resources which you want to learn about, but have yet to do so. On that note, here is the list.</p>
<h2>How Do You Learn jQuery?</h2>
<p>Here are 14 ways you can start learning it.</p>
<p>With the release of jQuery 1.4 today, I&#8217;ll start with:<br />
<a href="http://jquery14.com/" target="_blank">14 Days of jQuery</a>.</p>
<div class="res">
<ul>
<li><a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery" target="_blank">Getting Started with jQuery</a></li>
<li><a href="http://www.learningjquery.com/2006/09/introducing-document-ready" title="Permanent Link: Introducing $(document).ready()" target="_blank">Introducing $(document).ready()</a></li>
<p>This is the first thing to learn about jQuery</p>
<li><a href="http://www.learningjquery.com/2006/09/multiple-document-ready" title="Permanent Link: Multiple $(document).ready()" target="_blank">Multiple $(document).ready()</a></li>
<p>This shows you how you can use $(document).ready() as many times as you want.</p>
<li><a href="http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/" target="_blank">jQuery for Absolute Beginners 15 Day Video Series</a></li>
<p>If you are like me this is the thing for you. This 15 video visual tutorial is the best way to learn, if you have no clue what you&#8217;re doing, or have difficulty with programming.</p>
<li><a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-animations-a-7-step-program/" target="_blank">jQuery Animations: A 7-Step Program</a></li>
<li><a href="http://net.tutsplus.com/tutorials/javascript-ajax/the-definitive-guide-to-creating-a-practical-jquery-plugin/" target="_blank">The Definitive Guide to Creating a Practical jQuery Plugin</a></li>
<li><a href="http://tutzone.net/2009/12/7-jquery-cheatsheets.html" target="_blank">7 jQuery Cheatsheets For Every Designer &amp; Developer to Have</a></li>
<li><a href="http://www.learningjquery.com/" target="_blank">Learning jQuery &#8211; Tips, Techniques, Tutorials</a></li>
<p>This is a great site for learning jQuery.</p>
<li><a href="http://jqueryfordesigners.com/" target="_blank">jQuery for Designers</a></li>
<p>Another one of my favorites that has helped me through the use of video screencasts.</p>
<li><a href="http://15daysofjquery.com/" target="_blank">15 Days Of jQuery</a></li>
<li><a href="http://15daysofjquery.com/jquery-tabs/18/">Create jQuery Tabs</a></li>
<p>This teaches how to create nice unobtrusive jQuery tabs.</p>
<ul>
<li><a href="http://15daysofjquery.com/examples/jqueryTabs/" target="_blank">jQuery Tab Markup Generator</a></li>
<p>This is a jQuery Tabs code generator. If you don&#8217;t have time to code it yourself, this will do it for you.</p>
</ul>
<li><a href="http://encosia.com/2009/09/21/updated-see-how-i-used-firebug-to-learn-jquery/" target="_blank">Use Firebug to learn jQuery</a></li>
<p>If you don&#8217;t have Firebug installed already, you have to get it. It is an essential tool for developing jQuery, and websites in general. Plus you can learn jQuery by using it.</p>
</ul>
</div>
<p>I have found the best and most useful of these to be the sites that have video tutorials showing you visually since that&#8217;s how I learn. That&#8217;s why jqueryfordesigners.com and jQuery for Absolute Beginners 15 Day Video Series were the most helpful for me in my quest to START learning jQuery, instead of gathering information about it, in hopes that someday I might actually learn something about it.</p>
<p>I think I was hoping that the more resources about it I found, I would somehow magically know how to do it without putting in the work and learning how to do it.</p>
<h2>So how did you learn jQuery?</h2>
<p>Leave a comment with any tips you might have.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/coding/jquery/40-jquery-plugins-tutorials-resources-and-tools-of-2009/" rel="bookmark" class="crp_title">40 jQuery Plugins, Tutorials, Resources And Tools Of 2009</a></li><li><a href="http://tweeaks.com/coding/what-is-this-exactly/" rel="bookmark" class="crp_title">Understanding jQuery: What Is $(this) Exactly</a></li><li><a href="http://tweeaks.com/resources/26-ancient-resources-of-2008-rediscovered/" rel="bookmark" class="crp_title">26 Ancient Resources Of 2008 Rediscovered</a></li><li><a href="http://tweeaks.com/resources/list-of-useful-google-wave-resources/" rel="bookmark" class="crp_title">17 Useful Google Wave Resources</a></li><li><a href="http://tweeaks.com/tutorials/800-photoshop-effects-and-photo-manipulation-tutorials/" rel="bookmark" class="crp_title">800+ Photoshop Text Effects and Photo Manipulation Tutorials</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/coding/14-ways-to-start-learning-jquery/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>A Fresh New WordPress Theme Design By Tweeaks</title>
		<link>http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/</link>
		<comments>http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/#comments</comments>
		<pubDate>Sat, 09 Jan 2010 08:09:55 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Dark]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=3046</guid>
		<description><![CDATA[<a rel="attachment wp-att-3045" href="http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/"><img class="alignright size-thumbnail wp-image-3045" title="New2WP_Theme_preview" src="http://tweeaks.com/wp-content/uploads/2010/01/New2WP_Theme_preview-200x200.png" alt="" width="200" height="200" /></a>This is a new project I am working on, and it's about time too! I have been meaning to start making Wordpress custom themes and designs for a while now, and never had the time to with all the other things I have going on. I had a reason to do it this time, and was motivated to make it the best I could, but within some requirements]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-3045" href="http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/attachment/new2wp_theme_preview/"><img class="alignright size-thumbnail wp-image-3045" title="New2WP_Theme_preview" src="http://tweeaks.com/wp-content/uploads/2010/01/New2WP_Theme_preview-200x200.png" alt="" width="200" height="200" /></a>This is a new project I am working on, and it&#8217;s about time too! I have been meaning to start making WordPress custom themes and designs for a while now, and never had the time to with all the other things I have going on. I had a reason to do it this time, and was motivated to make it the best I could, but within some requirements.</p>
<p>The site I am designing this for is <a href="http://new2wp.com" target="_blank">New2WP.com</a>, which is owned by my friend <a href="http://afj176.com/">Antonio</a>, a Web Developer and WordPress guru. We are combining forces to bring this site together. Between my design knowledge and his development knowledge, you can be sure this will be a fantastic combination. If you are interested in learning WordPress and all that it has to offer, or just love awesome websites then <a href="http://new2wp.com/?feed=rss2" target="_blank">subscribe to the RSS feed</a> to stay updated on the launch of the site and all the future news and information we will bring you.</p>
<p>There is just so much you can do using <a href="http://wordpress.org">WordPress</a> and it&#8217;s very flexible and easy to work with even for people with no knowledge of PHP or blogging software. Most people who have a WordPress blog don&#8217;t utilize it to its full capabilities. We want to help change that, and show you that it&#8217;s not only simple to do, but that it takes no time at all to do it.</p>
<p><strong>Here is a view of the entire home page design.<br />
</strong></p>
<p style="text-align: center;"><a href="http://tweeaks.com/wp-content/uploads/2010/01/New2WP_Theme_2.2.png" target="_blank"><img class="double-border aligncenter" src="http://behance.vo.llnwd.net/profiles2/139045/projects/384083/1390451263019460.png" alt="Custom WordPress Theme by Tweeaks" /></a></p>
<p style="text-align: left;"><strong>Here is the posts page layout<br />
</strong></p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://tweeaks.com/wp-content/uploads/2010/01/New2WP_Theme_POST-SINGLE.png" target="_blank"><img class="double-border aligncenter" src="http://behance.vo.llnwd.net/profiles2/139045/projects/384083/1390451263145823.png" alt="Custom WordPress Theme by Tweeaks" /></a></p>
<p style="text-align: left;">If you have any feedback about this theme please post a comment and tell me what you think. It is my first theme, and definitely not the last.</p>
<p>Don&#8217;t forget to check out New2WP.com and see this theme in action once it is live!!</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/wordpress/wordpress-3-0-basic-a-theme-framework-released-by-new2wp/" rel="bookmark" class="crp_title">WordPress 3.0 Basic &#8211; A Theme Framework Released By New2WP</a></li><li><a href="http://tweeaks.com/wordpress/27th-birthday-post-with-7-of-my-favorite-wordpress-design-and-development-blogs/" rel="bookmark" class="crp_title">Forever 27: My Birthday Post With 7 Favorite WordPress Design And Development Blogs</a></li><li><a href="http://tweeaks.com/resources/resources-ps/create-a-professional-looking-house-icon-in-photoshop/" rel="bookmark" class="crp_title">Create A Professional Looking House Icon In Photoshop</a></li><li><a href="http://tweeaks.com/resources/amazing-c4d-render-packs-for-photoshop/" rel="bookmark" class="crp_title">5 Amazing C4D Render Packs For Photoshop</a></li><li><a href="http://tweeaks.com/wordpress/wordpress-custom-fields-add-excerpts-and-post-thumbnails-to-theme/" rel="bookmark" class="crp_title">WordPress Custom Fields: Add Excerpts And Post Thumbnails To Theme</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>44 Sites To Submit Links To Increase Site Traffic</title>
		<link>http://tweeaks.com/resources/44-sites-to-submit-your-links-to/</link>
		<comments>http://tweeaks.com/resources/44-sites-to-submit-your-links-to/#comments</comments>
		<pubDate>Sat, 26 Dec 2009 22:42:20 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Submit]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=2318</guid>
		<description><![CDATA[<a href="http://tweeaks.com/contribute/community-links/#submitlink" target="_blank"><img class="alignright size-full wp-image-2549" title="link-submit" src="http://tweeaks.com/wp-content/uploads/2009/11/link-submit.png" alt="link-submit" height="198" width="189"></a>If you have your own website then you would be interested in promoting it as many places as you can on the internet. If you provide useful content, and want to get more exposure of your website, then this list is a good resource. 

You can start submitting your links to is <a href="http://tweeaks.com/contribute/community-links/#submit">right here on Tweeaks</a>, Community Links. Your links will show up in the sidebar as well as on the <a href="http://tweeaks.com/contribute/community-links/">links page</a]]></description>
			<content:encoded><![CDATA[<p><a href="http://tweeaks.com/contribute/community-links/#submitlink" target="_blank"><img class="alignright size-full wp-image-2549" title="link-submit" src="http://tweeaks.com/wp-content/uploads/2009/11/link-submit.png" alt="link-submit" height="198" width="189"></a>If you have your own website then you would be interested in promoting it as many places as you can on the internet. If you provide useful content, and want to get more exposure of your website, then this list is a good resource. It is also helpful to share anything you might have found online that other people would possibly be interested in.</p>
<p>You can start by submitting your links to <a href="http://tweeaks.com/contribute/community-links/#submit">right here on Tweeaks</a>, Community Links. Your links will show up in the sidebar as well as on the <a href="http://tweeaks.com/contribute/community-links/">links page</a>.</p>
<p>The more links you submit to Tweeaks and other sites the better it is for you. You can&#8217;t go wrong, and it can only improve things for you. The more incoming links from other sites to yours improves your sites Pagerank which contributes more traffic too. There are a number of reasons you should submit your content to as many places as you can. So start spreading your links around!</p>
<ul style="list-style:circle; width: 500px; padding:10px; display:block; overflow:hidden; ">
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.designfloat.com/login.php?return=/submit" target="_blank">Design Float</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://design-newz.com/submit-newz/" target="_blank">Design Newz</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.instantshift.com/user-submitted-news/" target="_blank">Instant Shift</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://sharebrain.info/devmarks/" target="_blank">Devmarks</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://designbump.com/" target="_blank">Design Bump</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.designyourway.net/blog/submit/" target="_blank">Design Your Way</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://toproundups.com/" target="_blank">TopRoundups</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.tutable.com/login.php?return=/submit" target="_blank">Tutable</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://abduzeedo.com/user-news" target="_blank">Abduzeedo</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.bestdesigntuts.com/promote-your-design-articles-with-us/" target="_blank">Best Design Tuts</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://colorburned.com/link-feed#submit" target="_blank">Colorburned</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://colorfreak.com/community-links" target="_blank">ColorFreak</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.tripwiremagazine.com/submit-user-link" target="_blank">Tripwire Magazine</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://designmoo.com/submit" target="_blank">Designmoo</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://designinformer.com/" target="_blank">Design Informer</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.designshard.com/link-feed/" target="_blank">Design Shard</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://tweeaks.com/contribute/community-links/">Tweeaks Design</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://designm.ag/" target="_blank">DesignM.ag</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://designrfix.com/" target="_blank">Designrfix</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://freelancefolder.com/submit-link/" target="_blank">Freelance Folder</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://psd.tutsplus.com/link-feed/#add" target="_blank">PsdTuts Plus </a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.fuelyourcreativity.com/user-link-feed/" target="_blank">Fuel Your Creativity</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://mashable.com/submit/" target="_blank">Mashable</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.noupe.com/designnews.php/?TB_iframe=true&amp;height=400&amp;width=510" target="_blank">Noupe</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://graphic-design-links.com/login.php?return=/submit.php" target="_blank">Graphic Design Links</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://naldzgraphics.net/user/" target="_blank">Naldz Graphics</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://10steps.sg/community-link/#submitfeed" target="_blank">10Steps</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.online-photoshoptutorials.com/2008/10/user-link-feed.html" target="_blank">Photoshop Tutorials</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://devsnippets.com/" target="_blank">Dev Snippets</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.psdvault.com/submit-your-link/" target="_blank">PSD Vault</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://psd.tutsplus.com/link-feed/#add" target="_blank">PSDTUTS</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://psdfan.com/user-link-feed/" target="_blank">PSDFan</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://styl.eti.me/submit-link/" target="_blank">Style Time</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.thecreativitywall.com/user-link-feed/#add" target="_blank">The Creativity Wall</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.cssleak.com/submit_news.php" target="_blank">CSS Leak</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://cssglobe.com/news.asp" target="_blank">CSS Globe</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.cssdrive.com/index.php/main/submit/" target="_blank">CSS Drive</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.crazyleafdesign.com/blog/user-submitted-links/#add" target="_blank">Crazyleaf Design</a> </li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.developerfox.com/add-news?ms=1" target="_blank">Developer Fox</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.instantshift.com/user-submitted-news/" target="_blank">Instant Shift</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://net.tutsplus.com/link-feed/#add" target="_blank">NETTUTS</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.pvmgarage.com/en/submit-news/" target="_blank">PVM Garage</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://scriptandstyle.com/submit" target="_blank">Script &amp; Style</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://tutlist.com/" target="_blank">TUTlist</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.tripwiremagazine.com/submit-user-link" target="_blank">Tripwire Magazine</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://www.webdesign-ne.ws/submit/" target="_blank">Web Design Ne.ws</a></li>
<li style="text-align:center; float:left; width:150px; margin: 10px 5px;"><a href="http://ldfeeds.com/add-news/" target="_blank">Live Dev Feeds</a></li>
</ul>
<p>Let me know if there are any other sites not listed here that you can submit your links to. I know there are many others, but I just listed these for now.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/resources/5-stunning-fonts-by-dieter-steffmann/" rel="bookmark" class="crp_title">5 Stunning Fonts By Dieter Steffmann</a></li><li><a href="http://tweeaks.com/resources/amazing-c4d-render-packs-for-photoshop/" rel="bookmark" class="crp_title">5 Amazing C4D Render Packs For Photoshop</a></li><li><a href="http://tweeaks.com/resources/26-ancient-resources-of-2008-rediscovered/" rel="bookmark" class="crp_title">26 Ancient Resources Of 2008 Rediscovered</a></li><li><a href="http://tweeaks.com/freebies/join-tweeaks-mailing-list/" rel="bookmark" class="crp_title">Sign Up For Email Updates</a></li><li><a href="http://tweeaks.com/contribute/" rel="bookmark" class="crp_title">Contribute</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/resources/44-sites-to-submit-your-links-to/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How To Make A Dynamic jQuery Feature Post Slider For WordPress</title>
		<link>http://tweeaks.com/coding/jquery/how-to-make-a-dynamic-jquery-feature-post-slider-for-wordpress/</link>
		<comments>http://tweeaks.com/coding/jquery/how-to-make-a-dynamic-jquery-feature-post-slider-for-wordpress/#comments</comments>
		<pubDate>Sat, 26 Dec 2009 14:29:14 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[Tips-Tricks]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=2898</guid>
		<description><![CDATA[<a href="http://tweeaks.com/development/how-to-make-a-dynamic-jquery-feature-post-slider-for-wordpress/"><img src="http://tweeaks.com/wp-content/uploads/2009/12/jquery-200x200.png" alt="jquery" title="jquery" width="200" height="200" class="alignright size-thumbnail wp-image-2904" /></a>I finally finished getting my new custom <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery" target="_blank">jQuery</a> featured post slider working as you can see in the header of the site. It took some trial and error but I eventually managed to figure out how to get it working. I ran into issues because I was first trying to use <?php query_post(); ?> to get the posts, but then learned about <a href="http://bavotasan.com/tutorials/using-wp_query-to-fetch-posts-in-wordpress/" target="_blank">WP_Query()</a> and that solved all my problems. ]]></description>
			<content:encoded><![CDATA[<p><a href="http://tweeaks.com/development/how-to-make-a-dynamic-jquery-feature-post-slider-for-wordpress/"><img src="http://tweeaks.com/wp-content/uploads/2009/12/jquery-200x200.png" alt="jquery" title="jquery" width="200" height="200" class="alignright size-thumbnail wp-image-2904" /></a>I finally finished getting my new custom <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery" target="_blank">jQuery</a> featured post slider working as you can see in the header of the site. It took some trial and error but I eventually managed to figure out how to get it working. I ran into issues because I was first trying to use <strong>query_post()</strong> to get the posts, but then learned about <a href="http://bavotasan.com/tutorials/using-wp_query-to-fetch-posts-in-wordpress/" target="_blank">WP_Query()</a> and that solved all my problems. This is a better type of banner rotator than my previous <a href="http://tweeaks.com/development/create-a-random-banner-ad-rotator-in-php/">Php</a> and <a href="http://tweeaks.com/development/create-a-javascript-banner-ad-rotator/">JavaScript</a> banner rotator posts too. I would recommend using this one instead.</p>
<p>Now that I finally got it working, I am going to start working on making it a plugin for WordPress that I can release if I ever finish it, or can even manage to learn how to develop a WP plugin for that matter. I&#8217;m still rusty with Php and the development side of things, but I will do my best to create a plugin to release.</p>
<p>Since I had a hard time in finding information on how to do this, I wanted to share my code. What it does is dynamically display posts from the &#8216;Featured&#8217; category, using the easySlider jQuery plugin. It&#8217;s easy to do, and adds a nice animated and dynamic feature to your site.</p>
<p><strong>What you will learn:</strong></p>
<ul style="list-style: circle;">
<li>using the WordPress WP_Query() funtion</li>
<li>retrieve posts from a specific category</li>
<li>display post titles and excertps in jQuery slider</li>
</ul>
<p><strong>Getting started</strong></p>
<p>For this you will need to download the <a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider" target="_blank">jQuery easySlider plugin</a>. You will also have to be able to edit the <strong>header.php</strong> template for your theme. Go here for some information about using <a href="http://codex.wordpress.org/Function_Reference/WP_Query" target="_blank">WP_Query() function here</a>.</p>
<p>For the latest example usage of easySlider with just static content you can <a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" target="_blank">download the files</a>. I used the example from that, and just altered the CSS and made the list of content dynamic instead of static, so you may want to start from there since my CSS is different.</p>
<p>These are the arrow images I used for my slider. Feel Free to save them. </p>
<p align="center"><img src="http://tweeaks.com/lab/images/btn_prev.png" alt="arrow left" /> <img src="http://tweeaks.com/lab/images/btn_next.png" alt="arrow right" /></p>
</p>
<p>Here is the CSS styles I have.</p>
<div class="codecolorer-container css dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br /></div></td><td><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #cc00cc;">#slider</span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span> <span style="color: #933;">25px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">180px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#slider</span> ul<span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#slider</span> li <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#slider</span> li <span style="color: #00AA00;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #808080; font-style: italic;">/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">500px</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">180px</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#slider</span> li h2<span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #933;">0px</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding-top</span><span style="color: #00AA00;">:</span><span style="color: #933;">10px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#slider</span> li p<span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<br />
p<span style="color: #cc00cc;">#controls</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#prevBtn</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#nextBtn</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span><span style="color: #933;">-8000px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">18px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">30px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #933;">5px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span><span style="color: #933;">-100px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#nextBtn</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #933;">525px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#prevBtn</span> a<span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#nextBtn</span> a <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">19px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">30px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/btn_prev.png</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span><br />
<span style="color: #cc00cc;">#nextBtn</span> a <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">images/btn_next.png</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></div></td></tr></tbody></table></div>
<p>Next you need to add this before the closing head tag <strong></ head></strong> in your header.php template, which inlcudes the external JavaScript files. Change the path to the files according to where you save them.</p>
<div class="codecolorer-container html4strict dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;js/jquery.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;js/easySlider1.5.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span><br />
&nbsp; &nbsp; $(document).ready(function(){ &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#slider&quot;).easySlider({<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; controlsBefore: '<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;controls&quot;</span>&gt;</span>',<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; controlsAfter:&nbsp; '<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/p.html"><span style="color: #000000; font-weight: bold;">p</span></a>&gt;</span>',<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto: true, <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; continuous: true<br />
&nbsp; &nbsp; &nbsp; &nbsp; });<br />
&nbsp; &nbsp; }); <br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span></div></td></tr></tbody></table></div>
<p><strong>Now for the fun part.</strong></p>
<p>This works in a similar way as the query_post() function does but that was conflicting with the WordPress loop and making all the posts on my site to ONLY display the posts in featured category. This creates a new instance of query_post(), and allows you to do various things while within The Loop.</p>
<p>First you need to open the div and unordered list.</p>
<div class="codecolorer-container html4strict dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;slider&quot;</span>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;">ul</span></a>&gt;</span></div></td></tr></tbody></table></div>
<p>Then you need to set up the query and get the number of posts from the category you want to get. Then create the loop.</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">&lt;?php</span> &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000088;">$featuredPosts</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> WP_Query<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000088;">$featuredPosts</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">query</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'showposts=5&amp;cat=7'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$featuredPosts</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">have_posts</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000088;">$featuredPosts</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">the_post</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">?&gt;</span></div></td></tr></tbody></table></div>
<p>In this example, showposts=5 will get 5 posts, and cat=7 is getting the posts from the category with the ID 7. If you can&#8217;s find the category ID, go to Categories in your WP admin, and hover over the category links. You will be able to see what the link is in your browser window, and the end of the URL will say &#038;cat_ID=X.</p>
<p>Next, display the list of posts. This will show the post title with using the_permalink() and the_title() functions, and the_excerpt() to display a short summary of the post. You would have to make sure that all posts in the Featured category have a summary in the Excerpt field when you create new posts.</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_permalink<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/h2&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;postsnip&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_excerpt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/div&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div></td></tr></tbody></table></div>
<p>Close the loop. Add the closing list and div tags and that&#8217;s it!</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;!--/close loop--&gt;<br />
&nbsp; &nbsp; &lt;/ul&gt;<br />
&lt;/div&gt;&lt;!--/slider--&gt;</div></td></tr></tbody></table></div>
<p>If it were a perfect world, this would work for you on your own site just by copying and pasting, but if you have ever developed anything before, you know it&#8217;s never that simple. If you have any questions or issues with this let me know.</p>
<p>Here is the entire code.</p>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;height:485px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br />25<br />26<br />27<br />28<br />29<br />30<br />31<br />32<br />33<br />34<br />35<br />36<br />37<br />38<br />39<br />40<br />41<br />42<br />43<br />44<br />45<br />46<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;style type=&quot;text/css&quot;&gt;<br />
&nbsp; &nbsp; #slider{ margin: 0px 25px; height: 180px; overflow: hidden; }<br />
&nbsp; &nbsp; #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0px; padding:0; list-style:none; }<br />
&nbsp; &nbsp; #slider li, #slider2 li{ <br />
&nbsp; &nbsp; /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ <br />
&nbsp; &nbsp; &nbsp; &nbsp; width:500px;<br />
&nbsp; &nbsp; &nbsp; &nbsp; height:180px;<br />
&nbsp; &nbsp; &nbsp; &nbsp; overflow:hidden; <br />
&nbsp; &nbsp; } &nbsp; <br />
&nbsp; &nbsp; #slider2 li{ background:#f1f1f1; }&nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; #slider li h2{ margin:0px 20px; padding-top:10px; }<br />
&nbsp; &nbsp; #slider li p{ margin: 5px 20px; }<br />
&nbsp; &nbsp; p#controls, p#controls2{ margin:0; position:relative; } <br />
&nbsp; &nbsp; #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ display:block; margin:0; overflow:hidden; text-indent:-8000px; width:18px; height:30px; position:absolute; left:5px; top:-100px; }&nbsp; &nbsp; <br />
&nbsp; &nbsp; #nextBtn, #nextBtn2{ left:525px; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ display:block; width:19px; height:30px; background:url(images/btn_prev.png) no-repeat 0 0; }&nbsp; <br />
&nbsp; &nbsp; #nextBtn a, #nextBtn2 a{ background:url(images/btn_next.png) no-repeat 0 0; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&lt;/style&gt;<br />
<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;js/easySlider1.5.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
&nbsp; &nbsp; $(document).ready(function(){ &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#slider&quot;).easySlider({<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; controlsBefore: '&lt;p id=&quot;controls&quot;&gt;',<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; controlsAfter:&nbsp; '&lt;/p&gt;',<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto: true, <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; continuous: true<br />
&nbsp; &nbsp; &nbsp; &nbsp; });<br />
&nbsp; &nbsp; }); <br />
&lt;/script&gt;<br />
<br />
&lt;div id=&quot;slider&quot;&gt;<br />
&nbsp; &nbsp; &lt;ul&gt;<br />
&nbsp; &nbsp; &lt;?php &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp; $featuredPosts = new WP_Query();<br />
&nbsp; &nbsp; &nbsp; &nbsp; $featuredPosts-&gt;query('showposts=5&amp;cat=7');<br />
&nbsp; &nbsp; &nbsp; &nbsp; while ($featuredPosts-&gt;have_posts()) : $featuredPosts-&gt;the_post(); <br />
&nbsp; &nbsp; ?&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;postsnip&quot;&gt;&lt;?php the_excerpt(); ?&gt;&lt;/div&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;?php endwhile; ?&gt;&lt;!--/close loop--&gt;<br />
&nbsp; &nbsp; &lt;/ul&gt;<br />
&lt;/div&gt;&lt;!--/slider--&gt;</div></td></tr></tbody></table></div>
<p>If you want to see a demo of this, just look at the top of this site, I am using almost this exact code to display the featured post slider in my header. So it shouldn&#8217;t be too difficult to implement yourself. There&#8217;s always a bump in the road though.</p>
<p>Questions or comments? Post them below.	</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/coding/create-a-random-banner-ad-rotator-in-php/" rel="bookmark" class="crp_title">Create A Random Banner Ad Rotator in PHP</a></li><li><a href="http://tweeaks.com/wordpress/wordpress-custom-fields-add-excerpts-and-post-thumbnails-to-theme/" rel="bookmark" class="crp_title">WordPress Custom Fields: Add Excerpts And Post Thumbnails To Theme</a></li><li><a href="http://tweeaks.com/resources/44-sites-to-submit-your-links-to/" rel="bookmark" class="crp_title">44 Sites To Submit Links To Increase Site Traffic</a></li><li><a href="http://tweeaks.com/coding/jquery/40-jquery-plugins-tutorials-resources-and-tools-of-2009/" rel="bookmark" class="crp_title">40 jQuery Plugins, Tutorials, Resources And Tools Of 2009</a></li><li><a href="http://tweeaks.com/wordpress/how-to-using-wordpress-excerpts/" rel="bookmark" class="crp_title">How To Use WordPress Excerpts On Your Blog Homepage</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/coding/jquery/how-to-make-a-dynamic-jquery-feature-post-slider-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>90</slash:comments>
		</item>
		<item>
		<title>15 Stunning Manipulated Photos &#8211; Masters of Design</title>
		<link>http://tweeaks.com/design/15-stunning-manipulated-photos-masters-of-design/</link>
		<comments>http://tweeaks.com/design/15-stunning-manipulated-photos-masters-of-design/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 21:17:50 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=2454</guid>
		<description><![CDATA[<a href="http://tweeaks.com/blogging/30-year-anniversary-of-pink-floyds-the-wall/"><img class="alignright size-full wp-image-2839" title="tn-manips" src="http://tweeaks.com/wp-content/uploads/2009/12/tn-manips.png" alt="tn-manips" width="200" height="200" /></a>I can make a hundred of these lists just from the amazing images I have seen on <a href="http://behance.vo.llnwd.net" target="_blank">Behance</a>, and I just might. There are some unbelievable designers on that site that I have to really give a lot of credit for the work they do. I'd say I have better than average design skills, but there are some people out there that really push the envelope. 

This list of photo manipulations is so breathtaking, I don't know how else I can better describe them besides simply astonishing. I collected this list a while back in just one visit to Behance, and it didn't take long to find all of these either. I know you will enjoy these amazing works of art, and creative design masterpieces]]></description>
			<content:encoded><![CDATA[<p><a href="http://tweeaks.com/blogging/30-year-anniversary-of-pink-floyds-the-wall/"><img class="alignright size-full wp-image-2839" title="tn-manips" src="http://tweeaks.com/wp-content/uploads/2009/12/tn-manips.png" alt="tn-manips" width="200" height="200" /></a>I can make a hundred of these lists just from the amazing images I have seen on <a href="http://behance.vo.llnwd.net" target="_blank">Behance</a>, and I just might. There are some unbelievable designers on that site that I have to really give a lot of credit for the work they do. I&#8217;d say I have better than average design skills, but there are some people out there that really push the envelope.</p>
<p>This is one that I made recently. I wanted to try a couple of different things out but in the end it wasn&#8217;t even close to what I was going for. Click on the image to view the full version.<br />
<a href="http://tweeaks.com/wp-content/uploads/2009/12/My-Manip-2Modelfaye1.png" target="_blank"><img src="http://tweeaks.com/wp-content/uploads/2009/12/My-Manip-of-faye.png" alt="My-Manip-of-faye" title="My-Manip-of-faye" width="467" height="417" class="aligncenter size-full wp-image-2843" /></a></p>
<p>This list of photo manipulations is so breathtaking, I don&#8217;t know how else I can better describe them besides simply astonishing. I collected this list a while back in just one visit to Behance, and it didn&#8217;t take long to find all of these either. I know you will enjoy these amazing works of art, and creative design masterpieces.</p>
<div>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/50030/projects/55599/500301200599897.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/53175/projects/51596/531751197255057.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/53175/projects/45096/531751193349109.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/53175/projects/45095/531751193347706.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/54171/projects/47169/541711194319616.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/54171/projects/89854/541711209965882.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/76208/projects/104497/762081214961405.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/57586/projects/83862/575861207427827.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/57586/projects/107524/575861215967082.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/76208/projects/104362/762081214935552.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/74757/projects/221469/747571241541363.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/57586/projects/141861/575861225330839.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/57586/projects/325306/575861255381949.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/75307/projects/126450/753071221478490.jpg" alt="Amazing Photo Manipulations" width="550px" /></p>
<p><img title="Amazing Photo Manipulations" src="http://behance.vo.llnwd.net/profiles/75307/projects/283519/753071250020640.jpg" alt="Amazing Photo Manipulations" width="550px" /></div>
<h2>Have a Favorite?</h2>
<p>Which of these are you favorites? I&#8217;m sure you can&#8217;t pick just one.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/design/2-unbelievably-inspiring-works-of-art-masters-of-design/" rel="bookmark" class="crp_title">25 Unbelievably Inspiring Works Of Art – Masters Of Design</a></li><li><a href="http://tweeaks.com/design/11-personal-photo-manipulations-that-you-might-like/" rel="bookmark" class="crp_title">11 Personal Photo Manipulations That You Might Like</a></li><li><a href="http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/" rel="bookmark" class="crp_title">A Fresh New WordPress Theme Design By Tweeaks</a></li><li><a href="http://tweeaks.com/tutorials/3-stunning-dance-tutorials-for-photoshop-users/" rel="bookmark" class="crp_title">3 Inspiring Photoshop Tutorials of Dancing Image Manipulations</a></li><li><a href="http://tweeaks.com/tutorials/how-to-create-a-real-photo-manipulation-of-your-dreams/" rel="bookmark" class="crp_title">How To Create A REAL Photo Manipulation Of Your Dreams</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/design/15-stunning-manipulated-photos-masters-of-design/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>800+ Vector Tutorials For Illustrator Photoshop and Flash</title>
		<link>http://tweeaks.com/tutorials/800-vector-tutorials-for-illustrator-photoshop-and-flash/</link>
		<comments>http://tweeaks.com/tutorials/800-vector-tutorials-for-illustrator-photoshop-and-flash/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 08:21:32 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=2053</guid>
		<description><![CDATA[<a href="http://www.adobe.com/products/illustrator/?promoid=BPDEG"><img src="http://tweeaks.com/images/illustrator.png" border="0" alt="Vector Tutorials" align="right" /></a>Since I haven't yet posted on this yet I thought it was about time I do. I have created <a href="http://tweeaks.com/2009/08/800-photoshop-effects-and-photo-manipulation-tutorials/">other mega lists</a> before, that are also <a href="http://tweeaks.com/2009/09/3000-photoshop-tutorials-plugins-brushes-extensions-tips-tricks-and-secrets/">worth checking out</a> and bookmarking if you haven't done that already. Since I'm not nearly as skilled with Illustrator as I am with Photoshop, I know this list will be a great resource for me personally. Once I find the time to learn a little more about Illustrator, and vector design, this list will give me more than I need to get started]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.adobe.com/products/illustrator/?promoid=BPDEG"><img src="http://tweeaks.com/images/illustrator.png" border="0" alt="Vector Tutorials" align="right" /></a>Since I haven&#8217;t yet posted on this yet I thought it was about time I do. I have created <a href="http://tweeaks.com/2009/08/800-photoshop-effects-and-photo-manipulation-tutorials/">other mega lists</a> before, that are also <a href="http://tweeaks.com/2009/09/3000-photoshop-tutorials-plugins-brushes-extensions-tips-tricks-and-secrets/">worth checking out</a> and bookmarking if you haven&#8217;t done that already. Since I&#8217;m not nearly as skilled with Illustrator as I am with Photoshop, I know this list will be a great resource for me personally. Once I find the time to learn a little more about Illustrator, and vector design, this list will give me more than I need to get started.</p>
<p>If you are unfamiliar with what vector is exactly, <a href="http://www.logodesignworks.com/blog/vector-graphics-and-raster-graphics-difference" target="_blank">here is a great explanation of</a> what vector and raster means, and what the difference between the two is, as well. After reading that, you should have a pretty clear understanding of why vector can be so much better to make designs in, but just in case <a href="http://www.graphicdesignforum.com/forum/showthread.php?t=41" target="_blank">you need another example</a>. Not to discredit raster images, but vector are much more sharp and better looking for certain things. Plus it is also scalable, which can also come in handy at times. If you really want to get into vector design, Illustrator is the program to use, but it is possible to do vector art in Photoshop, it&#8217;s just more limited.</p>
<p><a href="http://www.ndesign-studio.com/resources/tutorials/halloween-pumpkin/" target="_blank"><img class="double-border" title="Vector Pumpkin Tutorial" src="http://tweeaks.com/wp-content/uploads/2009/10/1pumpkin.jpg" border="0" alt="Vector Pumpkin Tutorial" width="225" height="140" align="left" /></a></p>
<h2 style="text-align: center;"><a href="http://www.ndesign-studio.com/resources/tutorials/halloween-pumpkin/" target="_blank">- Halloween Special -</a></p>
<p><a href="http://www.ndesign-studio.com/resources/tutorials/halloween-pumpkin/" target="_blank">Vector Halloween Pumpkin with Illustrator</a></h2>
<p>Hope you have a happy and safe Halloween today. I wish I was still young enough to trick or treat. Well, you&#8217;re never to young to trick <img src='http://tweeaks.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  and I did buy 2 bags of candy at the store, which I have been eating myself. Anyways, have fun today, whatever you may be doing! Watch out for zombies!</p>
<h3 style="text-align: center;"><a title="25 Spooky Halloween Vectors and Icons" rel="bookmark" href="http://psdfan.com/freebies/icons/25-spooky-halloween-vectors-and-icons/">25 Spooky Halloween </a><a title="25 Spooky Halloween Vectors and Icons" rel="bookmark" href="http://psdfan.com/freebies/icons/25-spooky-halloween-vectors-and-icons/">Vectors and Icons</a></h3>
<p><a href="http://psdfan.com/freebies/icons/25-spooky-halloween-vectors-and-icons/" target="_blank"><img class="double-border wp-image-2287 alignleft" style="border: 0pt none;" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/9.jpg" border="0" alt="Vector Tutorials" /></a></p>
<p>This list isn&#8217;t completely exclusive to Illustrator tutorials, but the majority of the tutorials are done using Illustrator. There are some Photoshop tutorials in the mix, and I even through in a couple of flash vector tutorials since Flash is also a vector design program. I even through in a link for Paint Shop Pro basics for vector design at the end, too.</p>
<p>Alright, here&#8217;s all the vector tutorials you might ever need, at least for a long while anyways.</p>
<div class="res">
<ul>
<li><a href="http://vector.tutsplus.com/" target="_blank">Adobe Illustrator &amp; Vector Tutorials &#8211; Vectortuts+</a></li>
<li><a href="http://www.tutorialvault.net/view-tutorial/3097" target="_blank">10 Tips for Effective Icon Design in Illustrator</a></li>
<li><a href="http://www.noupe.com/tutorial/vector-illustration-60-illustrator-tutorials-tips-and-best-practices.html" target="_blank">Vector Illustration: 60+ Illustrator Tutorials</a></li>
<li><a href="http://www.vectorials.com/categories/Vector-Graphics-Tutorials-Adobe-Illustrator-Tutorials.html" target="_blank">Adobe Illustrator Tutorials &#8211; Vectorials.com</a></li>
</ul>
<h3><a href="http://speckyboy.com/2009/04/03/30-amazing-vector-tutorials-from-2009-so-far-anyway/" target="_blank">30 Amazing Vector Tutorials from 2009</a></h3>
<p><a href="http://speckyboy.com/2009/04/03/30-amazing-vector-tutorials-from-2009-so-far-anyway/" target="_blank"><img class="double-border aligncenter size-full wp-image-2287" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/4.png" border="0" alt="Vector Tutorials" /></a></p>
<ul>
<li><a href="http://www.tutoriallounge.com/2009/04/10-remarkable-vector-tutorials/" target="_blank">10+ Remarkable Vector Tutorials</a></li>
<li><a href="http://vector.tutsplus.com/articles/inspiration/top-40-tuts-tutorials-in-september/" target="_blank">Top 40 Tuts+ Tutorials in September</a></li>
<li><a href="http://www.smashapps.org/2009/07/25-stunning-photoshop-vector-icon.html" target="_blank">25+ Stunning Photoshop vector Icon Creation Tutorials</a></li>
<li><a href="http://learnai.com/" target="_blank">Illustrator &amp; Vector Tutorials</a></li>
</ul>
<h3><a href="http://www.noupe.com/illustrator/adobe-illustrator-tutorials.html" target="_blank">32 Handy Gradient Tutorials Using Photoshop And Illustrator</a></h3>
<p><a href="http://www.noupe.com/illustrator/adobe-illustrator-tutorials.html" target="_blank"><img class="double-border aligncentersize-full wp-image-2287" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/3.jpg" border="0" alt="Vector Tutorials" /></a></p>
<ul>
<li><a title="Permanent Link to 125+ Ultimate Round-Up of Illustrator Tutorials" rel="bookmark" href="http://www.instantshift.com/2009/03/19/125-ultimate-round-up-of-illustrator-tutorials/" target="_blank">125+ Ultimate Round-Up of Illustrator Tutorials</a></li>
<li><a href="http://visionwidget.com/inspiration/graphics/396-illustrator-vector-tutorials-tips.html" target="_blank">Round-Up 25 Best Illustrator Vector Tutorials, Tips, Resources Articles of Web </a></li>
<li><a href="http://www.designfreebies.org/vector-tutorials/some-of-the-best-and-easy-to-follow-adobe-illustrator-vector-tutorials/" target="_blank">10 Easy to Follow Adobe Illustrator Vector Tutorials</a></li>
<li><a rel="bookmark" href="http://speckyboy.com/2008/09/29/80-of-the-best-vector-and-illustrator-free-resources/" target="_blank">80 of the Best Vector and Illustrator Free Resources</a></li>
</ul>
<h3><a href="http://www.illustratortips.com/index.php/Instruction/Beginner-Tips/5-essential-illustrator-pen-tool-tutorials.html" target="_blank">5 Essential Illustrator Pen Tool Tutorials</a></h3>
<p><a href="http://www.illustratortips.com/index.php/Instruction/Beginner-Tips/5-essential-illustrator-pen-tool-tutorials.html" target="_blank"><img class="double-border aligncentersize-full wp-image-2287" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/7.jpg" border="0" alt="Vector Tutorials" /></a></p>
<ul>
<li><a title="Adobe Illustrator Tutorials" rel="bookmark" href="http://www.smashingmagazine.com/2007/02/03/adobe-illustrator-tutorials/" target="_blank">Big List of Adobe Illustrator Tutorials &#8211; Smashing Magazine</a></li>
<li><a href="http://www.vectordiary.com/" target="_blank">Top Illustrator Tutorials and Tips</a></li>
<li><a href="http://ifohdesigns.com/blog/resources/25-illustrator-tutorials-to-start-your-week" target="_blank">25+ illustrator tutorials to start your week</a></li>
<li><a href="http://sixrevisions.com/tutorials/40-useful-adobe-illustrator-3d-tutorials-and-techniques/" target="_blank">40 Useful Adobe Illustrator 3D Tutorials and Techniques</a></li>
</ul>
<h3><a href="http://www.templatelite.com/60-grungy-effect-photoshop-illustrator-tutorials/" target="_blank">60+ Grunge Effect Tutorials in Photoshop/Illustrator</a></h3>
<p><a href="http://www.templatelite.com/60-grungy-effect-photoshop-illustrator-tutorials/" target="_blank"><img class="double-border aligncentersize-full wp-image-2287" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/5.jpg" border="0" alt="Vector Tutorials" /></a></p>
<ul>
<li><a href="http://www.noupe.com/tutorial/53-killer-photoshop-illustrator-effects-and-tutorials.html" target="_blank">53 Killer Photoshop Illustrator Effects and Tutorials</a></li>
<li><a href="http://www.noupe.com/illustrator/adobe-illustrator-tutorials.html" target="_blank">30+ Fresh &amp; Useful Adobe Illustrator Tutorials &amp; Neat Tips</a></li>
<li><a title="Permanent Link to 65+ Illustrator Tutorials, Tips and Resources" rel="bookmark" href="http://www.gracesmith.co.uk/65-illustrator-tutorials-tips-and-resources/" target="_blank">65+ Illustrator Tutorials, Tips and Resources</a></li>
<li><a href="http://www.graphicmania.net/12-amazing-vector-tutorials/" target="_blank">12 Amazing Vector Tutorials</a></li>
<li><a href="http://www.tutorialhero.com/tag-3-Vector.php" target="_blank">Flash Vector Tutorials</a></li>
</ul>
<h3><a href="http://psdtuts.com/tutorials-effects/creating-a-stunning-digital-smoke-effect/" target="_blank">Creating a Stunning Digital Smoke Effect</a></h3>
<p><a href="http://psdtuts.com/tutorials-effects/creating-a-stunning-digital-smoke-effect/" target="_blank"><img class="double-border aligncentersize-full wp-image-2287" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/6.jpg" border="0" alt="Vector Tutorials" /></a></p>
<ul>
<li><a href="http://websitetips.com/graphics/illustrator/" target="_blank">Adobe Illustrator Tutorials, Brushes, Symbols, Vector Images, Books, Resources, and More</a></li>
</ul>
<h3><a href="http://vector.tutsplus.com/tutorials/text-effects/create-a-vibrant-3d-pixel-type-treatment/" target="_blank">Create a Vibrant 3D Pixel Type Treatment</a></h3>
<p><a href="http://vector.tutsplus.com/tutorials/text-effects/create-a-vibrant-3d-pixel-type-treatment/" target="_blank"><img class="double-border aligncenter size-full wp-image-2287" title="2" src="http://tweeaks.com/wp-content/uploads/2009/10/8.png" border="0" alt="Vector Tutorials" /></a></p>
<ul>
<li><a href="http://graphicssoft.about.com/od/paintshoppro/ss/rlvectorbasics.htm" target="_blank">Paint Shop Pro Vector Basics</a></li>
</ul>
</div>
<p>Now I want to see your amazingly crisp and clean vector designs. Post any additional tutorial links or resources in the comments, and show me your designs you create with these tutorials!</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/tutorials/800-photoshop-effects-and-photo-manipulation-tutorials/" rel="bookmark" class="crp_title">800+ Photoshop Text Effects and Photo Manipulation Tutorials</a></li><li><a href="http://tweeaks.com/design/10-amazing-gimp-sig-tutorials-for-advanced-users/" rel="bookmark" class="crp_title">10 Amazing GIMP Sig Tutorials For Advanced Users</a></li><li><a href="http://tweeaks.com/tutorials/learn-how-to-make-a-thanksgiving-pumpkin-in-photoshop/" rel="bookmark" class="crp_title">Learn How To Make A Thanksgiving Pumpkin In Photoshop</a></li><li><a href="http://tweeaks.com/resources/26-ancient-resources-of-2008-rediscovered/" rel="bookmark" class="crp_title">26 Ancient Resources Of 2008 Rediscovered</a></li><li><a href="http://tweeaks.com/design/15-logo-design-resources-and-logo-websites-for-inspiration/" rel="bookmark" class="crp_title">15 Logo Design Resources And Websites For Inspiration</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/tutorials/800-vector-tutorials-for-illustrator-photoshop-and-flash/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>How To Block Ads Effectively, Safely and Easily + Other Annoyances</title>
		<link>http://tweeaks.com/computers/how-to-block-ads-effectively-safely-and-easily/</link>
		<comments>http://tweeaks.com/computers/how-to-block-ads-effectively-safely-and-easily/#comments</comments>
		<pubDate>Fri, 09 Oct 2009 03:46:38 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Adblock]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=2023</guid>
		<description><![CDATA[<img class="alignright size-full wp-image-2035" title="Pro Adblocking" src="http://tweeaks.com/wp-content/uploads/2009/10/adblocke.png" alt="adblocke" width="200" height="200" />Everyone gets sick of all the thousands of advertisements seen on the internet, on just about every website you visit, at any given time. Some advertisements are so annoying and sometimes you just want them gone. You may be one of the 58 million Firefox users that have installed the extension, <a href="http://adblockplus.org/en/" target="_blank">Adblock Plus</a>, or maybe you still use Internet Explorer for some reason, and have installed the <a href="http://adblockie.codeplex.com/" target="_blank">AdblockIE</a>. Otherwise you may use Safari, and have installed <a href="http://www.macupdate.com/info.php/id/10752" target="_blank">PithHelmet</a> to block ads on your Mac. Another addon I just found out about is <a href="http://adsweep.org/" target="_blank">Adsweep</a>, but like the others it can block a lot of ads, but not of them.
]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-2035" title="Pro Adblocking" src="http://tweeaks.com/wp-content/uploads/2009/10/adblocke.png" alt="adblocke" width="200" height="200" />Everyone gets sick of all the thousands of advertisements seen on the internet, on just about every website you visit, at any given time. Some advertisements are so annoying and sometimes you just want them gone. You may be one of the 58 million Firefox users that have installed the extension, <a href="http://adblockplus.org/en/" target="_blank">Adblock Plus</a>, or maybe you still use Internet Explorer for some reason, and have installed the <a href="http://adblockie.codeplex.com/" target="_blank">AdblockIE</a>. Otherwise you may use Safari, and have installed <a href="http://www.macupdate.com/info.php/id/10752" target="_blank">PithHelmet</a> to block ads on your Mac. Another addon I just found out about is <a href="http://adsweep.org/" target="_blank">Adsweep</a>, but like the others it can block a lot of ads, but not of them.</p>
<p>You may have noticed that these browser extensions don&#8217;t block 100% of the ads you see on the internet though, am I right? Maybe not even any, unless you create a filter for a certain ad, in order to block ads from a certain site, which is sometimes annoying to do when an ad is a flash banner or an embedded javascript or something like that. As a long time user of Adblock Plus, I know how much of a pain it can be to block some ads, and I sometimes just say screw it, and don&#8217;t bother, making Adblock useless. Keep reading if you want an awesome solution to do more than <em>just</em> blocking ads.</p>
<p>This will do a lot more than just block advertisements, it&#8217;s also an effective way to protect you from many types of spyware viruses and other malware,  plus reduce bandwidth use, block pop-up traps, prevent user tracking with use of &#8220;web bugs&#8221; embedded in spam, and provides partial protection to IE from certain web-based exploits, and basically all things you would otherwise be subjected to on the  internet that you don&#8217;t need.</p>
<p>This is totally safe to do, I have done this on my own computer, and am totally satisfied with it so far. It isn&#8217;t an entirely hard thing to do, but you do need to actually read what to do so you are completely aware what is going on, and what it is you&#8217;re doing.</p>
<p>What this is about is your computers <a href="http://en.wikipedia.org/wiki/Hosts_file" target="_blank">hosts file</a>. Dan Pollock created the ultimate hosts file, that can be found at <a href="http://someonewhocares.org/hosts/" target="_blank">http://someonewhocares.org/hosts/</a>, which is updated DAILY. It will do all that stuff mentioned above, and I use it, and it works. There is also a version of this file that uses 0.0.0.0 instead of 127.0.0.1 available at <a href="http://someonewhocares.org/hosts/zero/." target="_blank">http://someonewhocares.org/hosts/zero/.</a> On some machines this may run minutely faster, however the zero version may not be compatible with all systems.</p>
<p>If you don&#8217;t already have your explorer set to show  extensions for known file types, open up your Windows Explorer, and in the menu go to <strong>Tools</strong> &gt; <strong>Folder Options</strong> &gt; and click the <strong>View</strong> tab. Uncheck the box for Hide extensions for known file types like the image below.</p>
<p style="text-align: center;"><img class="size-full wp-image-2035 aligncenter" title="Show file extensions" src="http://tweeaks.com/wp-content/uploads/2009/10/showext.png" alt="File Extensions" /></p>
<p>This will show all file extensions for files on your computer (it is better to have file extensions showing as a rule, too). Now you want to backup your current hosts file, incase you ever need to switch back to it, or whatever. Always keep a back up of EVERYTHING, something I have learned way too many times.</p>
<p>To get to the hosts file quickly, for Windows NT, Win2K and XP users (<a href="http://someonewhocares.org/hosts/" target="_blank">refer here if you have another OS</a>), go to the <strong>Start Menu</strong> &gt; <strong>Run</strong> &gt; copy and paste the following into the form and hit enter:</p>
<blockquote><p>C:\WINDOWS\system32\drivers\etc</p></blockquote>
<p>In case you&#8217;re confused at this point here is a visual, lol.</p>
<p style="text-align: center;"><img class="size-full wp-image-2035 aligncenter" title="Start-Run" src="http://tweeaks.com/wp-content/uploads/2009/10/startrun.png" alt="Start-Run" /></p>
<p>Now change the name of the file, &#8221; <strong>hosts</strong>&#8221; to &#8220;<strong>Backup_hosts.txt</strong>&#8221; or whatever you like. Open up a new notepad document, and on <a href="http://someonewhocares.org/hosts/" target="_blank">Pollack hosts</a> page, highlight all the text on the page starting with the first line that begins with a <strong>#</strong>, and ending with the last line that begins with a <strong>#, </strong>don&#8217;t highlight the page title or the navigation text. Copy and paste this into notepad, and then save the file as hosts.txt in the directory listed above. Close notepad, and then right click the new text file, and rename it, removing the .txt so it is just named <strong>hosts</strong>. I am trying to be as crystal clear about the naming of the file as possible because it is the most important part of this, that the file be named with no file extension.</p>
<p>I highly suggest you read through this file, and get an understanding of what it does, and I would also suggest skimming through the entire list to see if there are any sites you might possibly want to comment out because there are some sites, ie: ebay, yahoo, etc., that may have services you use this file may interfere with if not commented out. It will also give you some knowledge of this stuff, that you may find interesting, or would not learn otherwise. I learned quite a lot from reading through this, and found it very interesting, but I&#8217;m not like everybody, I&#8217;m special <img src='http://tweeaks.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p>I have also uploaded my personal customized version of this file which  has a few changes to suit my needs better. I uncommented and commented out a few things, that I may or may not need depending. You can <a href="http://tweeaks.com/downloads2/hosts.txt">download the file I use here</a>, just be sure to change the name of it from &#8220;<strong>hosts.txt</strong>&#8221; to &#8220;<strong>hosts</strong>&#8221; when you want to put it into place. Anyways, I hope you find this useful, and would love to hear your thoughts of it. I am aware that it doesn&#8217;t block the text ads like on Facebook, but it does block the other ads, like the flash banners Facebook has now. But please let me know what you think still <img src='http://tweeaks.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Update: Pollock said in an email to me, &#8220;<em>The hosts file complements Adblock pretty nicely. It&#8217;s good where Adblock is weak, and vice versa.</em>&#8221; So If you do use an Adblock extension of some kind, continue to use it, as well as this hosts file.</p>
<p>Do you know any other cool tricks like this that are extremely useful? Do share&#8230;</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/coding/create-a-random-banner-ad-rotator-in-php/" rel="bookmark" class="crp_title">Create A Random Banner Ad Rotator in PHP</a></li><li><a href="http://tweeaks.com/resources/amazing-c4d-render-packs-for-photoshop/" rel="bookmark" class="crp_title">5 Amazing C4D Render Packs For Photoshop</a></li><li><a href="http://tweeaks.com/resources/5-stunning-fonts-by-dieter-steffmann/" rel="bookmark" class="crp_title">5 Stunning Fonts By Dieter Steffmann</a></li><li><a href="http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/" rel="bookmark" class="crp_title">A Fresh New WordPress Theme Design By Tweeaks</a></li><li><a href="http://tweeaks.com/computers/software-programs-everyone-should-have/" rel="bookmark" class="crp_title">Software Programs Everyone Should Have</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/computers/how-to-block-ads-effectively-safely-and-easily/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How To Use WordPress Excerpts On Your Blog Homepage</title>
		<link>http://tweeaks.com/wordpress/how-to-using-wordpress-excerpts/</link>
		<comments>http://tweeaks.com/wordpress/how-to-using-wordpress-excerpts/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 10:21:26 +0000</pubDate>
		<dc:creator>jaredwilli</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Custom Fields]]></category>
		<category><![CDATA[Excerpts]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://tweeaks.com/?p=1646</guid>
		<description><![CDATA[<img class="alignright size-full wp-image-1652" title="wordpress-hacks" src="http://tweeaks.com/wp-content/uploads/2009/09/wordpress-hacks.jpg" alt="wordpress-hacks" width="144" height="144" />I recently came to learn how useful using the excerpt feature that is built into Wordpress. You can use excerpts if you want to show a short blurb for each post on your blog's homepage, which I have been wanting to do on Tweeaks for a long time now I just didn't know how to do it. Since I was doing some layout modifications, and tweaks FINALLY, I figured I should find out how to use excerpts, and I am happy I did. It's so easy]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1652" title="wordpress-hacks" src="http://tweeaks.com/wp-content/uploads/2009/09/wordpress-hacks.jpg" alt="wordpress-hacks" width="144" height="144" />I recently came to learn how useful using the excerpt feature that is built into WordPress. You can use excerpts if you want to show a short blurb for each post on your blog&#8217;s homepage, which I have been wanting to do on Tweeaks for a long time now I just didn&#8217;t know how to do it. Since I was doing some layout modifications, and I figured I should find out how to use excerpts, and I am happy I did since it&#8217;s so easy.</p>
<p>It can be good to use excerpts to increase page views, since visitors can see more posts at one time instead of having to scroll down through an entire post. Which is mostly the reason I wanted to make my homepage display excerpts, so I didn&#8217;t have to scroll all the way down just to see the second post. So, you will need to edit the file where you want to display them.</p>
<h3>Showing excerpts on your homepage.</h3>
<p>The template that displays on the home page in WordPress is the <strong>index.php</strong> file in your theme directory. Open that up and find the following code:</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></div></td></tr></tbody></table></div>
<p>The code may vary depending on your theme. It may also look like:</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Read the rest of this entry &amp;amp;raquo;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></div></td></tr></tbody></table></div>
<p>All you do is simply replace  &#8220;the_content&#8221; with &#8220;the_excerpt&#8221; like this.</p>
<div class="codecolorer-container php dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:500px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_excerpt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></div></td></tr></tbody></table></div>
<p>This will make your homepage display only the first 55 words of the post, and strip any images or formatting.</p>
<p><strong>You can override the limit of 55 words if you want two different ways.</strong></p>
<ol type="1">
<li><strong>The More Tag</strong>: After you&#8217;ve written a post, go to the code view in the post editor and click where you want the excerpt to stop, and then click the More button.<br />
<img class="aligncenter size-full wp-image-1649" title="more" src="http://tweeaks.com/wp-content/uploads/2009/09/more.png" alt="more" width="521" height="91" /></li>
<li><strong>The Excerpt Field</strong>: Copy and paste part of your post into this field located below the post editor. This is good if you want to display links or images in your excerpt and it is what I personally would recommend using.<br />
<img class="aligncenter size-full wp-image-1647" title="excerpts" src="http://tweeaks.com/wp-content/uploads/2009/09/excerpts.png" alt="excerpts" width="509" height="147" /></li>
</ol>
<p>Using excerpts can also be useful on your archive pages, <a href="http://tweeaks.com/category/design/">category pages</a> and <a href="http://tweeaks.com/author/JaredWilliams/">author pages</a> as well.</p>
<h3>Custom Fields</h3>
<p>Another feature that is extremely useful, and easy to use is custom fields.</p>
<p><img class="aligncenter size-full wp-image-1648" title="custom-field" src="http://tweeaks.com/wp-content/uploads/2009/09/custom-field.png" alt="custom-field" width="509" height="209" /><br />
I won&#8217;t go into using this feature right now, because it deserves a separate post. You can do things like set an expiration date for posts, choose to display either an excerpt or full post on your homepage, display thumbnails next to your posts, and many other things.</p>
<p>Here is a great article <a href="http://www.smashingmagazine.com/2009/05/13/10-custom-fields-hacks-for-wordpress/" target="_blank">10 Custom Fields Hacks For WordPress</a>. You will see that custom fields can do some some really cool things.</p>
<p>Do you use excerpts on your blog?</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tweeaks.com/wordpress/wordpress-custom-fields-add-excerpts-and-post-thumbnails-to-theme/" rel="bookmark" class="crp_title">WordPress Custom Fields: Add Excerpts And Post Thumbnails To Theme</a></li><li><a href="http://tweeaks.com/wordpress/10-extremely-useful-wordpress-hacks-and-tips/" rel="bookmark" class="crp_title">10 Extremely Useful WordPress Hacks</a></li><li><a href="http://tweeaks.com/coding/create-a-random-banner-ad-rotator-in-php/" rel="bookmark" class="crp_title">Create A Random Banner Ad Rotator in PHP</a></li><li><a href="http://tweeaks.com/wordpress/a-fresh-new-wordpress-theme-design-by-tweeaks/" rel="bookmark" class="crp_title">A Fresh New WordPress Theme Design By Tweeaks</a></li><li><a href="http://tweeaks.com/coding/jquery/how-to-make-a-dynamic-jquery-feature-post-slider-for-wordpress/" rel="bookmark" class="crp_title">How To Make A Dynamic jQuery Feature Post Slider For WordPress</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tweeaks.com/wordpress/how-to-using-wordpress-excerpts/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
