<?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>Jared Heinrichs &#187; How To</title>
	<atom:link href="http://jaredheinrichs.com/tag/how-to/feed" rel="self" type="application/rss+xml" />
	<link>http://jaredheinrichs.com</link>
	<description>A Winnipeg &#34;How to&#34; Blog on Software and Technology</description>
	<lastBuildDate>Tue, 31 Jan 2012 20:27:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to FIX outlook cannot log on. Verify you are connected to the network error</title>
		<link>http://jaredheinrichs.com/how-to-fix-outlook-cannot-log-on-verify-you-are-connected-to-the-network-error.html</link>
		<comments>http://jaredheinrichs.com/how-to-fix-outlook-cannot-log-on-verify-you-are-connected-to-the-network-error.html#comments</comments>
		<pubDate>Tue, 10 Jan 2012 01:59:41 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[Exchange 2007]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/?p=4681</guid>
		<description><![CDATA[Are you having the “outlook cannot log on. verify you are connected to the network” error? Did you just recently have a DNS or Active Directory issue? One of the reasons why you might get the “outlook cannot log on. &#8230; <a href="http://jaredheinrichs.com/how-to-fix-outlook-cannot-log-on-verify-you-are-connected-to-the-network-error.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Are you having the “outlook cannot log on. verify you are connected to the network” error? Did you just recently have a DNS or Active Directory issue?</p>
<p>One of the reasons why you might get the “outlook cannot log on. verify you are connected to the network” error is when there is a setting missing in the “Microsoft Management Console”. I recently worked at a client who’s PDC went south big time. Long story short they were getting the “outlook cannot log on. verify you are connected to the network” error every time they tried setting up a new user in outlook. Also if they selected a group from the Outlook Address Book (OAB) non of the contact of the groups would display.</p>
<p>The item that resolved this error for me was:</p>
<p>In Exchange Management Console, Right Click “Organization Configuration”and select “Modify Configuration Domain Controller”… setting.</p>
<p><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2012/01/image.png" width="471" height="234" /></p>
<p>A new window will open. Browse for the proper info. Active directory will need to be working as well as some kind of name resolution (namely DNS) in order to select the domain and domain controller properly.</p>
<p><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2012/01/image1.png" width="448" height="208" /></p>
<p>Once done hit OK. You will need to restart the services or restart the whole server. I restarted the services and that was all that I needed to do. Some people have had to do a full reboot of the exchange server after applying these settings.</p>
<p>This was done on a Microsoft Exchange Server 2007 running on Windows 2008 64bit.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/how-to-fix-outlook-cannot-log-on-verify-you-are-connected-to-the-network-error.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress &#8211; How to fix next_posts_link() doesn&#8217;t work</title>
		<link>http://jaredheinrichs.com/wordpress-how-to-fix-next_posts_link-doesnt-work.html</link>
		<comments>http://jaredheinrichs.com/wordpress-how-to-fix-next_posts_link-doesnt-work.html#comments</comments>
		<pubDate>Mon, 26 Sep 2011 06:40:25 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/wordpress-how-to-fix-next_posts_link-doesnt-work.html</guid>
		<description><![CDATA[I first off want to thank Chris Coyier of css-tricks.com! If you’ve never seen or heard of Chris you don’t know what you are missing. My answer to this question came from watching the 31:14 minute video on css-tricks called &#8230; <a href="http://jaredheinrichs.com/wordpress-how-to-fix-next_posts_link-doesnt-work.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I first off want to thank Chris Coyier of css-tricks.com! If you’ve never seen or heard of Chris you don’t know what you are missing. My answer to this question came from watching the 31:14 minute video on css-tricks called “<a href="http://css-tricks.com/video-screencasts/91-the-wordpress-loop/" target="_blank">the WordPress Loop</a>”.</p>
<p>The most likely reason why next_post_link() doesn’t work in your theme is mostly do to how you setup the loop. The part of the loop that is most likely not setup is the “paging” part of it. Because paging isn’t setup you display the same content OVER and OVER each time you click on the “Newer Entries”. By setting up paging you are telling WordPress to display “X” amount of posts per page. The “offset” tells WordPress where to start on the next page.</p>
<p>I will post a screenshot of some code and go over what you need to do:</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="Wordpress - How to fix next_posts_link() doesn’t work" border="0" alt="Wordpress - How to fix next_posts_link() doesn’t work" src="http://jaredheinrichs.com/wp-content/uploads/2011/09/image30.png" width="540" height="433" /></p>
<p>We need to use the “query_posts()” function (Line 15). In order to get the query that you want you should make a few variables first.</p>
<ul>
<li>On line 12 we create a variable called “ppp” (Posts Per Page) and give it a number.</li>
<li>On line 13 we create the offset variable. This will help with a term called “Paging”.</li>
</ul>
<p>Now that we have the variables setup we are going to create a custom WordPress Loop. To do this we need to make a new query.</p>
<ul>
<li>On line 15 I show you how to make a custom query using the variables we created earlier.</li>
</ul>
<p>The query basically says: Go out and get me all the posts. I know I am going to be displaying “2” posts per page. Each time I go and click on “Newer Entries” start at the “offset” and then display another set of posts equaling whatever you set the “ppp” to be. </p>
<p>You might be asking yourself is there another way of doing this? Actually there is if you are using this as the only loop on a page and you want just spit out the blog entries.</p>
<p>Create a page template file and name it “pagetemplate.php” and put it into your theme directory. If you are using the same info in the screenshot the template name you will be able to select in the next step is going to be called “Playing with Loop”. *NOTE* – You won’t need lines 12 to 16!</p>
<p>Create a new page in WordPress and open it. I’m going to call my page “Blog”. On the right hand side under “Page Attributes” you see “Template”. Select “Playing with Loop” and hit update. You must now go and make some changes in the WP Admin area. Go to “settings” and “reading” and select the page that you want to be the default “Posts” page. Since as I previously mentioned I called my page “Blog” I am going to select “Blog” and voila. WordPress now knows that since this page is going to be displaying the posts, the paging will already be setup.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="Wordpress - How to fix next_posts_link() doesn’t work" border="0" alt="Wordpress - How to fix next_posts_link() doesn’t work" src="http://jaredheinrichs.com/wp-content/uploads/2011/09/image31.png" width="531" height="177" /></p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/wordpress-how-to-fix-next_posts_link-doesnt-work.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to re-brand Zarafa by changing images</title>
		<link>http://jaredheinrichs.com/how-to-re-brand-zarafa-by-changing-images.html</link>
		<comments>http://jaredheinrichs.com/how-to-re-brand-zarafa-by-changing-images.html#comments</comments>
		<pubDate>Thu, 10 Feb 2011 23:42:43 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[Zarafa]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/how-to-re-brand-zarafa-by-changing-images.html</guid>
		<description><![CDATA[I just setup my own Zarafa webmail server. For those that aren’t in the know Zarafa is Linux’s equivalent to Outlook Web Access (OWA). I like all the hard work that Zarafa has put into the software. Their name however &#8230; <a href="http://jaredheinrichs.com/how-to-re-brand-zarafa-by-changing-images.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I just setup my own Zarafa webmail server. For those that aren’t in the know Zarafa is Linux’s equivalent to Outlook Web Access (OWA). I like all the hard work that Zarafa has put into the software. Their name however is scattered all over the place. Companies also like to rebrand items with their own logo etc.</p>
<p>Let’s say you want to re-brand Zarafa with your own images. Can this be done? Sure! It’s opensource!</p>
<p>In this “How to” article on Zarafa I am using Zentyal as the distribution. These files may be located in another directory if you are using a different distro. For you that are using a different distro and have it working then you should check your apache virtual server config files.</p>
<p>On my server the files needed are located in this directory:</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="how to re-brand Zarafa 01" border="0" alt="how to re-brand Zarafa 01" src="http://jaredheinrichs.com/wp-content/uploads/2011/02/image49.png" width="369" height="20" /></p>
<p>There are 3 main files that need editing:</p>
<ol>
<li>login.jpg (Full Webmail Client)</li>
<li>zarafa_top_logo.gif (Full Webmail Client)</li>
<li>favicon.ico (Icon displayed in the URL Bar)</li>
</ol>
<p>Here’s some example of how I changed mine.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2011/02/image50.png" width="275" height="245" /><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="how to re-brand Zarafa 02" border="0" alt="how to re-brand Zarafa 02" src="http://jaredheinrichs.com/wp-content/uploads/2011/02/image51.png" width="266" height="189" /><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="how to re-brand Zarafa 03" border="0" alt="how to re-brand Zarafa 03" src="http://jaredheinrichs.com/wp-content/uploads/2011/02/image52.png" width="262" height="278" /></p>
<p>How you go about changing those files is up to you. The easiest way to do that is to create a Samba share directly pointing @ the directory noted above. Make sure to remove the permissions once you have finished editing the files.</p>
<p>You could also copy it to another share on the server. Using the copy command “sudo cp” you could copy the files from the share you copied the files to, to the folder that was mentioned above.</p>
<p>Here’s a few screenshots of the new files in action:</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="how to re-brand Zarafa 04" border="0" alt="how to re-brand Zarafa 04" src="http://jaredheinrichs.com/wp-content/uploads/2011/02/image53.png" width="579" height="459" /></p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="how to re-brand Zarafa 05" border="0" alt="how to re-brand Zarafa 05" src="http://jaredheinrichs.com/wp-content/uploads/2011/02/image54.png" width="579" height="110" /></p>
<p>Hope this helped you figure out how to re-brand Zarafa to your liking.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/how-to-re-brand-zarafa-by-changing-images.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to backup your disk to an ISO for FREE</title>
		<link>http://jaredheinrichs.com/how-to-backup-your-disk-to-an-iso-for-free.html</link>
		<comments>http://jaredheinrichs.com/how-to-backup-your-disk-to-an-iso-for-free.html#comments</comments>
		<pubDate>Mon, 10 Jan 2011 15:07:10 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[Programs]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/how-to-backup-your-disk-to-an-iso-for-free.html</guid>
		<description><![CDATA[If you do a search on the net on how to backup a disk and save it as an ISO file you will find MagicISO and similar software scattered throughout the search. The issue with MagicISO and such programs is &#8230; <a href="http://jaredheinrichs.com/how-to-backup-your-disk-to-an-iso-for-free.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you do a search on the net on how to backup a disk and save it as an ISO file you will find MagicISO and similar software scattered throughout the search. The issue with MagicISO and such programs is that they all cost money for something that is fairly trivial.</p>
<p>Enter CDBurnerXP</p>
<p>CDBurnerXP is an amazing product. Don’t let the name discourage you. It works on pretty much any Windows computer all the way up to Windows 7. If you are sick of how bloated Easy CD Creator or Nero has becom you will love CDBurnerXP. CDBurnerXP reminds me of what NERO was like but even more optimized. Anyways this post is about creating ISO files from a disk so here’s the how to:</p>
<ol>
<li><a href="http://cdburnerxp.se/en/home" target="_blank">Download CDBurnerXP</a> </li>
<li>Install CDBurnerXP </li>
<li>Put in the Disk you want to make the image of in the machine. </li>
<li>Open CDBurnerXP </li>
<li>Select “Copy Data disk” </li>
<li>Change the default selection of the “TO” drive to “Hard drive”. This means that instead of cloning the drive from one drive to the next it will make an ISO file for you that you can then burn later at any time. </li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/how-to-backup-your-disk-to-an-iso-for-free.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My recommend programing workflow when programing jQuery&#8217;s animate function</title>
		<link>http://jaredheinrichs.com/my-recommend-programing-workflow-when-programing-jquerys-animate-function.html</link>
		<comments>http://jaredheinrichs.com/my-recommend-programing-workflow-when-programing-jquerys-animate-function.html#comments</comments>
		<pubDate>Thu, 16 Dec 2010 15:45:01 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/my-recommend-programing-workflow-when-programing-jquerys-animate-function.html</guid>
		<description><![CDATA[I didn’t realize just how powerful jQuery’s animate function is. In fact I can almost bet that functions like &#34;slideDown()” actually use it in the background. The one things about animate is that when you start using it the code &#8230; <a href="http://jaredheinrichs.com/my-recommend-programing-workflow-when-programing-jquerys-animate-function.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I didn’t realize just how powerful jQuery’s animate function is. In fact I can almost bet that functions like &quot;slideDown()” actually use it in the background. The one things about animate is that when you start using it the code can become much more complex then one would like. Personally I recommend using Netbeans IDE as I find it to be the best editor for most web programming. (PS – It’s FREE!!!!)</p>
<p>One thing I have found that helps me is I build out the shell of what I want to do and then fill in the details later. While this might seem like a waste of time or slower I find with the auto complete in Netbeans that I spend much less time later troubleshooting things when I make a mistake typing.</p>
<p>The first thing I do with animate is start with the basic by programming out the shell of the code.</p>
<p>First hit “$” and then “(“. Netbeans will automatically fill in the “)”. Great!. Now hit ‘ and a second ‘ will be entered automatically for you in Netbeans. Keep typing. Enter your jQuery Selector which is normally the DOM element that you want to select. Hit the “right arrow twice and hit the “.” key. Great you are on your way.</p>
<p>You should have something that looks like this:</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image18.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb8.png" width="660" height="205" /></a></p>
<p>You really want to see this drop down box as it will save you a lot of time. You can either manually go through it or keep typing to narrow your results. In our case we are wanting to use animate. Let’s type animate and see what happens.</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image19.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb9.png" width="542" height="81" /></a></p>
<p>As you can see I’ve only typed “ani” and Netbeans is smart enough to grab the functions from the jQuery file. Just hit enter and Netbeans will start to build out the template for you. You will see something like this:</p>
<p>Netbeans is smart enough to tell you were the parameters go and where the option go. At this time I recommend just typing “{“ in both the params section as well as the options section. When you hit “{“ the right “}” will automatically be entered. After entering the “{“ just hit enter to move on to the “options section”. Hit “{“ and again the second “}” will auto complete. Hit Enter and the cursor will automatically move to the end of the line. Hit “;” and you are now done making the shell of the animate function. It should look like this:</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image20.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb10.png" width="335" height="56" /></a></p>
<p>Now some people might not agree with this next step. WHEN programing I like making my code easy to read even if it means that the file that the code is in is larger! When I am done everything I normally run a minifier on all my code that goes up to the server. </p>
<p>Let’s make the code more readable. Doesn’t this look more like something you see in other languages?</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image21.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb11.png" width="292" height="128" /></a></p>
<p>Let’s go and enter the code that will actually do something.</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image22.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb12.png" width="284" height="125" /></a></p>
<p>In the above code example notice how I entered what I want the animate to do. jQuery is VERY tied to CSS. If you don’t know CSS then you should really become a CSS Ninja before heading in jQuery. One thing to note on line 3. If the CSS element has “-“ in it you should use camelCase. If you aren’t sure what that is search my site for “camelCase”. Notice on line 3 that there is NO trailing “;”. With so much of jQuery requiring a trailing “;” I like to point that out since I find I get in such a habit of close everything off. If we needed to do a second animation we would hover end the line with a “&#8217;,”. You will see in the next section called “options”.</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image23.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb13.png" width="367" height="145" /></a></p>
<p>In the above code example I have added two options to the command. I have put them on separate lines for easy reading and put a “,” at the end of the duration. This code is now very easy to read, the chances for error has gone down dramatically which means you have more time to code.</p>
<p>I mentioned about minifying the code so once that is done it might look more like this:</p>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image24.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb14.png" width="668" height="18" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/my-recommend-programing-workflow-when-programing-jquerys-animate-function.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Two things that cause jQuery jerky animations</title>
		<link>http://jaredheinrichs.com/two-things-that-cause-jquery-jerky-animations.html</link>
		<comments>http://jaredheinrichs.com/two-things-that-cause-jquery-jerky-animations.html#comments</comments>
		<pubDate>Wed, 15 Dec 2010 02:42:01 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/two-things-that-cause-jquery-jerky-animations.html</guid>
		<description><![CDATA[There are a couple of things that I have found to cause jerky animations. Height and width not set. This really seems to slow things down in all the browsers. Margin set on element above the element that is sliding &#8230; <a href="http://jaredheinrichs.com/two-things-that-cause-jquery-jerky-animations.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>There are a couple of things that I have found to cause jerky animations.</p>
<ol>
<li>Height and width not set. This really seems to slow things down in all the browsers.</li>
<li>Margin set on element above the element that is sliding open/shut.</li>
</ol>
<p>Always keeps these things in mind and you should always experience super slick jQuery animation. Don’t you just hate jerky jQuery animations?</p>
<p>Here’s an example to try (I am using jQuery and jQuery UI:</p>
<h2>xhtml</h2>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image15.png" width="643" height="522" /></p>
<h2>CSS</h2>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image16.png" width="385" height="306" /></p>
<h2>jQuery</h2>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image17.png" width="361" height="238" /></p>
<p>If you remove the height and width from the “p” tag then the animation will be really sluggish/jerky.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/two-things-that-cause-jquery-jerky-animations.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery&#8211;When to use Camel-Cased values in animate?</title>
		<link>http://jaredheinrichs.com/jquerywhen-to-use-camel-cased-values-in-animate.html</link>
		<comments>http://jaredheinrichs.com/jquerywhen-to-use-camel-cased-values-in-animate.html#comments</comments>
		<pubDate>Tue, 14 Dec 2010 20:26:16 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/jquerywhen-to-use-camel-cased-values-in-animate.html</guid>
		<description><![CDATA[I didn’t realize that you didn’t HAVE to use normal CSS syntax in jQuery! By default you only have to use single apostrophes when the value has hyphen in the name. If I’ve completely lost you let’s look at some &#8230; <a href="http://jaredheinrichs.com/jquerywhen-to-use-camel-cased-values-in-animate.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I didn’t realize that you didn’t HAVE to use normal CSS syntax in jQuery! By default you only have to use single apostrophes when the value has hyphen in the name. If I’ve completely lost you let’s look at some code.</p>
<h2>jQuery</h2>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image12.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb5.png" width="315" height="112" /></a></p>
<p>Please note lines&#160; 3 and 4. The CSS values “margin-left” and “margin-top” are surrounded by ‘s. Most people don’t know that there is a shorthand method that I think looks much better (IMO) and saves you a few keystrokes. Using “camelCased” coding you can change the jQuery code into this:</p>
<h2>jQuery</h2>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image13.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb6.png" width="293" height="112" /></a></p>
<p>As you can see you can remove the ‘ and the – but you HAVE to uppercase the second word’s first initial. I like using this because not only does it save keystrokes I also find it also helps me with closing the ‘s! Hopefully this trick will help you with jQuery’s most versatile function.</p>
<p>As a bonus I figured I through in another example:</p>
<h2>jQuery</h2>
<p><a href="http://jaredheinrichs.com/wp-content/uploads/2010/12/image14.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image_thumb7.png" width="396" height="199" /></a></p>
<p>This time you cane see that I used “paddingLeft” instead of “padding-left”. This code basically will take the paragraph element and slide it to the right 200px when you hover over it. It will slide back to it’s original spot when you take the mouse off.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/jquerywhen-to-use-camel-cased-values-in-animate.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The missing iPad manual</title>
		<link>http://jaredheinrichs.com/the-missing-ipad-manual.html</link>
		<comments>http://jaredheinrichs.com/the-missing-ipad-manual.html#comments</comments>
		<pubDate>Mon, 06 Dec 2010 05:39:41 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[iPad]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/the-missing-ipad-manual.html</guid>
		<description><![CDATA[I am hoping that you will like the missing iPad Manual. As most of you know, I normally have a hate on for Apple. This post will quickly teach you about your iPad, how to do some very specific tasks that &#8230; <a href="http://jaredheinrichs.com/the-missing-ipad-manual.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I am hoping that you will like the missing iPad Manual. As most of you know, I normally have a hate on for Apple. This post will quickly teach you about your iPad, how to do some very specific tasks that shouldn&#8217;t be as hard as what they seem.</p>
<p>I saw a really funny pic on Facebook  the other day and I thought of it after the setup of the iPad.</p>
<p><img style="background-image: none; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image2.png" border="0" alt="image" width="600" height="618" /></p>
<p>You will see how setting up the iPad is like the “paying customer example”. While the setup really ticked me off, you will see I am pleasantly in love with my device.</p>
<h2>The missing iPad manual – Un-packing the the iPad</h2>
<p>When you get home from purchasing the iPad you are going to be very disappointed in a couple of things. There is no real manual and the tiny bit of information that is given will be obsolete as soon as you update your iPad.</p>
<h2>The missing iPad manual – Setting up the iPad for it’s first use</h2>
<p>First thing I recommend you do is charge the device for a couple of hours. Darn it. You probably wanted to use it right away right? Guess what? Because you can’t replace an iPad battery you really want to make sure you fully charge the device from the beginning.</p>
<p>Now that you charged the iPad you want to turn it on, connect it to your wireless router and read a few websites. Well… again you will be very un-happy. As soon as you turn on the device it say “connect to iTunes”. Apple no longer ships iTunes on a DVD. You have to download it. Again. You have to wait.</p>
<p>Ok. Now you download iTunes and install it. You now connect the iPad. Yippee. 3 hours later and I can finally read a freaking web page! Crap.. Disappointment again. Now it is asking me to enter a name for my iPad. Oh well this won’t take long.</p>
<p>What! Now I HAVE to enter my credit card number? WHAT??? Haven’t I given Apple enough? Ok. Enter the information. Side note. I don’t know about you but what kid has a credit card? Is this done yet? Nope. Now I need to create a freaking Apple ID?!?!? Ok enter that info. Then go to my email and confirm that I am who I say I am.</p>
<p>Just when you think you are done. There is an update from Apple. It will take around 10 minutes to apply this update. This update helps with battery power, the ability to play music in the background. It also changes the functionality of the switch above the volume buttons.</p>
<p>Picture this. Any company other then apple that makes devices. Let’s say your stove, your microwave or even your fridge manufacturer. Can you imagine if at some point say the button to broil get’s changed to the timer button? How about if you Microwave had a button that said “defrost” was changed to “Level High”.</p>
<ol>
<li>Would you be upset?</li>
<li>Would you take that and then continue to say the company that does something like that is the BEST ever? Probably not!</li>
</ol>
<p>Apple changed the position lock on the side to a Mute button. While I understand the device should have had a mute button and it should have gone where the position lock is located. They didn’t do that. They just get up one day and change it on you. I will show you later how to get that functionality back.</p>
<p>Just when you think things are done the darn thing needs a reboot.</p>
<h3>Time to go to bed</h3>
<h2>The missing iPad manual – Tweaking the iPad</h2>
<p>Questions I asked myself when setting up my iPad:</p>
<h3>The missing iPad manual – How to install an Application on the iPad.</h3>
<p>Let’s add some app? How do I do that. Well you can do it through the browser. Using your favorite search engine should bring you to the iTunes store page. It will tell you how much something costs or how to download it. Look for the applications I recommend that you download. You can also search for apps in iTunes on your computer.</p>
<h3>The Missing iPad manual – Reading PDF</h3>
<p>You need to download and install iBook in iTunes. Once downloaded you need to go to the file menue and import file into library. Pick your PDF’s and sync the iPad.</p>
<h3>The Missing iPad manual – How to connect to a Wi-Fi network</h3>
<p>Go to Settings – Wi-Fi – Make sure Wi-Fi is on, You select your wireless network and enter the password.</p>
<h3>The Missing iPad manual – How to connect to delete an App off the iPad</h3>
<p>To delete an application off the iPad you will need to hold down the icon on the iPad for a few seconds. When it starts to shake how you should see an “X”. Use this to delete the app. You can also do it in iTunes. iTunes doesn’t actually delete it. It just sends the file to your recycling bin.</p>
<h3>The Missing iPad manual – How do I lock the screen position on the iPad since the patch?</h3>
<p>Well here’s how it used to work (I Prefer it to the new way):</p>
<div id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:3bcb0989-3632-4b9d-b3e2-ea1a7b47f5e0" class="wlWriterEditableSmartContent" style="margin: 0px; display: inline; float: none; padding: 0px;">
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="448" height="252" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/q04phj9pm2A?hl=en&amp;hd=1" /><embed type="application/x-shockwave-flash" width="448" height="252" src="http://www.youtube.com/v/q04phj9pm2A?hl=en&amp;hd=1"></embed></object></div>
</div>
<p>Now you have to</p>
<ol>
<li>Make sure that you have the orientation that you want the iPad in.</li>
<li>hit the home button twice (quickly) – A menu on the bottom will now open up.</li>
<li>Slide your finger to the right.</li>
<li>Do this till you see an iTunes like interface. (It should normally only take one swipe)</li>
<li>On the right there is an Orange IPad symbol (Why orange???) and to the far left there is a circle with an arrow on it. If you touch it, it will put a lock symbol in the middle.</li>
</ol>
<p>Now the screen won’t accidently flip on you.</p>
<h3>The Missing iPad manual – How to save a picture off the internet on an iPad?</h3>
<p>Touch the picture and hold down for a few seconds. You will be prompted to save the picture.</p>
<h3>The Missing iPad manual – How to use Remote Desktop on the iPad</h3>
<p>You have to pay for it but the only program I have found that does a good job is called “<a href="http://itunes.apple.com/ca/app/desktop-connect/id364907570?mt=8" target="_blank">Desktop Connect</a>”.</p>
<p>Is there anything else that a new iPad user might wonder how to setup on their iPad? Let me know!</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/the-missing-ipad-manual.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to make a half face before and after head shot</title>
		<link>http://jaredheinrichs.com/how-to-make-a-half-face-before-and-after-head-shot.html</link>
		<comments>http://jaredheinrichs.com/how-to-make-a-half-face-before-and-after-head-shot.html#comments</comments>
		<pubDate>Wed, 01 Dec 2010 20:27:06 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/how-to-make-a-half-face-before-and-after-head-shot.html</guid>
		<description><![CDATA[I really didn’t know what to call this post. The best I could come up with is: “How to make a half face before and after head shot”. I am doing this post because Delila seemed to think it looked &#8230; <a href="http://jaredheinrichs.com/how-to-make-a-half-face-before-and-after-head-shot.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px 5px 4px 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top: 0px; border-right: 0px; padding-top: 0px" title="before-After" border="0" alt="before-After" align="left" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/before-After.jpg" width="260" height="260" />I really didn’t know what to call this post. The best I could come up with is: “How to make a half face before and after head shot”. I am doing this post because Delila seemed to think it looked pretty cool and there were a few people that commented on how I took that photo.</p>
<p>Some people thought I just cut off half the mustache and then put a line on the picture. Other people thought there was some Photoshop magic where I some how aligned half my head to another picture of half my head and combined the two pictures.</p>
<p>No one has guessed correctly yet. Basically I had two photographs taken. I tried getting Delila to take them at very similar focal distances, lighting etc. Even that the first picture was taken 6:00pn Nov 30th and the second picture was taken before going to bed. You might think that lighting alone might have made things hard enough let alone that it’s almost impossible to duplicate the same smile or facial features.</p>
<h2>Here’s the two pictures that I used for this little mock up.</h2>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="picture1-mustache" border="0" alt="picture1-mustache" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/picture1-mustache.jpg" width="325" height="217" /><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="picture2-no-mustache" border="0" alt="picture2-no-mustache" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/picture2-no-mustache.jpg" width="326" height="217" /></p>
<p><strong>*Note* – Please don’t try to laugh. It was for a good cause <img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/wlEmoticon-winkingsmile1.png" /></strong></p>
<p>One thing I used that I find really helps is a Wacom Tablet. I just have a Bamboo which is the smallest and cheapest of the tablets. It does have pressure sensitivity which is REALLY nice!</p>
<p>The first thing I did was look at the&#160; two pictures. The right hand side is a tine bit bigger picture then the left side picture. I figured if I could just mask in the left side mustache then I would get the best results since my eyes were not aligned etc.</p>
<h2>Here’s what I did:</h2>
<p>First thing I wanted to do was to get my skin tone to look similar in the right side. It’s got a bit more red in it as well as more mid skin tone color.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="picture2-no-mustache02" border="0" alt="picture2-no-mustache02" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/picture2-no-mustache02.jpg" width="400" height="267" /></p>
<p>I made the tones a little light by using curves to brighten the picture. I masked out (hid) what I just did with the curves. Using a white paint brush I painted on the black mask. By painting white I slowly brought in the coloring where I needed it. I used my tablet for all custom tweaks.</p>
<p>Below I pasted the mustache picture overtop the image I was just working on. Because I wanted to try and align things up I took the new layer and made it transparent so I could use the arrow keys to align things up.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="picture2-no-mustache03" border="0" alt="picture2-no-mustache03" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/picture2-no-mustache03.jpg" width="400" height="267" /></p>
<p>I chose getting the eyes and mouth aligned up as close as possible. After that is done you need to bring the mustache layer back to 100% opacity. Once there you need to apply a black mask of nothing to the mustache layer. Again it won’t look like there is even a layer there. Next you need to use a white paint brush and paint in where you want the mustache to be.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="picture2-no-mustache04" border="0" alt="picture2-no-mustache04" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/picture2-no-mustache04.jpg" width="400" height="267" /></p>
<p>Here’s what the layer looked like.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/image1.png" width="381" height="63" /></p>
<p>Since I look absolutely crazy here I decided I just put a line down the middle to hide and “mistakes” I had made. I then added the words to the picture as well.</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="picture2-no-mustache05" border="0" alt="picture2-no-mustache05" src="http://jaredheinrichs.com/wp-content/uploads/2010/12/picture2-no-mustache05.jpg" width="400" height="267" /></p>
<p>That my friends is how I created the half face, before and after picture.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/how-to-make-a-half-face-before-and-after-head-shot.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How protect yourself from Facebook or scams</title>
		<link>http://jaredheinrichs.com/how-protect-yourself-from-facebook-or-scams.html</link>
		<comments>http://jaredheinrichs.com/how-protect-yourself-from-facebook-or-scams.html#comments</comments>
		<pubDate>Wed, 01 Dec 2010 06:38:31 +0000</pubDate>
		<dc:creator>Jared Heinrichs</dc:creator>
				<category><![CDATA[Review]]></category>
		<category><![CDATA[How To]]></category>

		<guid isPermaLink="false">http://jaredheinrichs.com/how-protect-yourself-from-facebook-or-scams.html</guid>
		<description><![CDATA[If you are someone that tends to fall for fake virus software and online scams you should listen up! Winnipeg Experts can setup your home/business computers to block malware and crap sites before you can even open them! While the &#8230; <a href="http://jaredheinrichs.com/how-protect-yourself-from-facebook-or-scams.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you are someone that tends to fall for fake virus software and online scams you should listen up! <a title="Winnipeg Computer Store" href="http://winnipegexperts.com/">Winnipeg Experts</a> can setup your home/business computers to block malware and crap sites before you can even open them! While the title of this article targets the Facebook crowd, this service can help block the bad guys from yourself, from any website.</p>
<p>The only cost involve is the initial setup. After that <a title="Winnipeg Computer Store" href="http://winnipegexperts.com/">Winnipeg Experts</a> partner will preview the domain name before giving your computer directions to the website. While this service isn’t 100% accurate, it sure is close.</p>
<p>Another plus for the service is that it is PC, Linux, Mac, iPad and iPod touch compatible. All of these devices automatically get all the info as long as you have a router. Most people have one of these devices in their home now.</p>
<p>Here’s an example of some link baits that were shown on Facebook:</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/11/image69.png" width="186" height="226" />&#160;</p>
<p>How temping is it to Click on this link?</p>
<p>Using the service setup by <a title="Winnipeg IT Consultants" href="http://winnipegexperts.com/about_Winnipeg_Experts.html">Winnipeg’s best IT Consultants</a> you would see something like this:</p>
<p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://jaredheinrichs.com/wp-content/uploads/2010/11/image70.png" width="654" height="334" /></p>
<p>You might think this is neat but ask why is this worth the setup fee? I would answer:</p>
<ol>
<li>If you mainly use the laptop at the place of setup (ie home/work) then definitely yes!</li>
<li>If your antivirus is not up to date, or doesn’t know about this software you are still have a high probability of getting something. Fortunately the antivirus companies know where these virus makers send out their malware from. Because the Virus writers are constantly changing things like size, date, behavior and hash tag. It makes it very hard for rouge software to be detected.</li>
<li>I would also say this is the next generation of protection service. Unlike Norton or AVG where they provide link scanners for you, our service has a only a very minimal performance hit. With Norton and AVG link scanners your browser feels like it grinds to a halt. The reason for this is your computer has to manually check all the links on the page BEFORE the page is loaded. Because our service is does the time consuming process of scanning links in advance, your computer has all the speed without any of the slowdown. What’s so great about this service is that no matter what a user does, they won’t be able to “accidently” go to that page.</li>
<li>This is GREAT for families with small children who always seem to click on things they shouldn’t.</li>
</ol>
<p>Let me know if you would like this service setup for you. The process honestly takes a very short time and I can normally even do it remotely depending on the devices in your house or business!</p>
<p>Email me or use the <a href="http://jaredheinrichs.com/contact">contact form</a> to book a time!</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredheinrichs.com/how-protect-yourself-from-facebook-or-scams.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

