<?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>Jon Gaulin &#187; Web Design</title>
	<atom:link href="http://www.jongaulin.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jongaulin.com</link>
	<description>Web Developer living in Toronto Ontario, come back regularly for up to date web design tutorials, freebies and inpiration</description>
	<lastBuildDate>Mon, 11 Oct 2021 17:02:55 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>VPN Software</title>
		<link>http://www.jongaulin.com/2015/11/12/vpn-software/</link>
		<comments>http://www.jongaulin.com/2015/11/12/vpn-software/#comments</comments>
		<pubDate>Thu, 12 Nov 2015 18:04:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.jongaulin.com/?p=776</guid>
		<description><![CDATA[When you use VPN software, your device connects to the VPN providers servers in a secure way ...]]></description>
				<content:encoded><![CDATA[<p>When you use VPN software, your device connects to the VPN providers servers in a secure way and any other content it is streaming may be completely protected from prying eyes. It&#8217;s like having your own private world of websites, mail, chats and videos where nothing can snoop in on your online activities. The encrypted traffic of your browser is then routed through the VPN provider for secure streaming (<a href="https://www.fortinet.com/products/vpn">visit this</a> to get all the details).</p>
<p><img class="aligncenter" style="display: inline;" alt="" src="https://cdn.mos.cms.futurecdn.net/3p5a3EFA9DKsvBxTk8CKUj.jpg" height="300" /></p>
<p>This means that you can listen to Spotify (or any music, videos and games) and stream movies and video online without worrying about anyone snooping on your online activities. But that&#8217;s not all. Another way to provide quality protection is by using multiple layers of VPN software. Each VPN application has its own feature set which can provide secure streaming to different parts of your device. These layers can be as detailed as you want, ranging from port-forwarding to encryption to DNS server. Each VPN is usually supported on a variety of device types, which is why it&#8217;s important to check for compatibility. Many of the top-rated VPNs are recommended by a number of well-known online services, such as Netflix, Amazon Video, Hulu and even the UK-based BBC.</p>
<p><strong>Other precautions that you should take when using a VPN include:</strong></p>
<p>Make sure that the VPN service you choose is supported on your device. If it&#8217;s not, you won&#8217;t be able to use it and you won&#8217;t have the best experience.</p>
<p>On an unknown device, you may need to try out the VPN on multiple different devices to ensure that it is as good as it can be.</p>
<p>If your IP address is not publicly known, it could increase the possibility of your internet provider, ISP or government intercepting your online activities.</p>
<p>If you use your computer, use a VPN service on a different machine, or even set up two different computers on your computer, make sure that they are both connected to the same WiFi network.</p>
<p>Turn on password-protected WiFi and have an extra computer/laptop handy that you can leave with your other family members. If you do, you will avoid being asked for your password multiple times every time you connect to your computer.</p>
<p>Some VPN services offer free trials that give you a taste of the service. Use this to get a taste for the service and then decide for yourself if it&#8217;s right for you.</p>
<p>Choose a VPN service that offers a good balance of speed and reliability. Quality VPN services, especially VPN apps, usually have high levels of encryption and decryption for each content they are connecting to. This makes it easier for users to keep their activities private and ensure that your privacy is protected.</p>
<p>Set up your own password-protected Wi-Fi network that you can use to get connected to the Internet. Ensure that all devices on your Wi-Fi network are using the same password. You may be able to get away with using your Wi-Fi password on two separate devices.</p>
<p>After you&#8217;ve set up a secure online network, do not be surprised to find that the government or your ISP would try to track or monitor your online activities. If your network is public, it could expose you to the potential damage that your online activities could cause. However, there are some privacy-enhancing measures you can take.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2015/11/12/vpn-software/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title></title>
		<link>http://www.jongaulin.com/2015/11/09/772/</link>
		<comments>http://www.jongaulin.com/2015/11/09/772/#comments</comments>
		<pubDate>Mon, 09 Nov 2015 17:39:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.jongaulin.com/?p=772</guid>
		<description><![CDATA[With an interest only mortgage, your monthly mortgage payments are lower because they only cover the interest ...]]></description>
				<content:encoded><![CDATA[<p>With an interest only mortgage, your monthly mortgage payments are lower because they only cover the interest on the loan. And unlike most mortgages, your monthly mortgage payments do not count towards your mortgage insurance. But because interest and capital gains are tax deductible, you don&#8217;t pay tax on them. Plus, unlike a fixed mortgage, it doesn&#8217;t have an interest rate cap. <img class="aligncenter" style="display: inline;" alt="" src="https://www.hkmc.com.hk/files/small_banner/19/f7cb6868ec2b41737a7e16c5e72182ca75a0caeb.jpg" height="300" /></p>
<p><strong>What is a third mortgage?</strong><br />
The interest is guaranteed by the lender. It&#8217;s similar to the interest-only portion of an adjustable mortgage, but does not have a fixed interest rate.<br />
<strong>What&#8217;s the best way to pay off my mortgage?</strong><br />
Most homebuyers currently having a mortgage at least five years, my advice would be to pay off your mortgage as soon as you can and to look for a <a href="https://www.sofi.com/home-loans/mortgage-refinance/">refinance mortgage</a> program if necessary.<br />
<strong>What if I get a negative equity situation?</strong><br />
The second that you have a negative equity situation, you can write a personal loan against your home. Most banks have third-party collections agencies that can take your principal, if they can. Your lender will probably ask you to submit information to the credit bureaus like your income, assets, and loans (checking your credit score will usually tell them if you have a negative equity situation). If you do this, I recommend that you use a payment plan that minimizes your monthly payments. Your lender will likely ask you to submit more information about your income. Paying down the total principal balance, or a partial principal balance, can be a good plan to help pay off your loan more quickly. Some homeowners find it helpful to include a small percentage of your income as income on the tax return. While you are not allowed to include income on a tax return, your mortgage payment can be included on your tax return as non-deductible interest.</p>
<p><strong>What happens if my house is foreclosed?</strong></p>
<p><strong></strong><br />
If your home is foreclosed and sold at auction, the following will happen:</p>
<p>The bank will continue to hold on to the home as it is no longer a piece of real estate (it will be owned by the buyer), and will not write you a mortgage payment. The owner of the house will not pay any tax on the home if you own a tax lien on the property. If you sold it at auction, the tax lien and a lien on the home from the city will be satisfied by the proceeds. The bank will refund your closing costs, including the real estate broker&#8217;s commission, as well as your mortgage payment (tax lien notwithstanding). This could result in as much as $8,000 in net profit for your bank.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2015/11/09/772/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>EasyPop jQuery Plugin</title>
		<link>http://www.jongaulin.com/2013/01/30/easypop-jquery-plugin/</link>
		<comments>http://www.jongaulin.com/2013/01/30/easypop-jquery-plugin/#comments</comments>
		<pubDate>Wed, 30 Jan 2013 23:22:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=697</guid>
		<description><![CDATA[EasyPop is a jQuery plugin designed to be super easy to use as well as customizable. It&#8217;s ...]]></description>
				<content:encoded><![CDATA[<div id="demo-buttons-container">
<a href="/demos/EasyPop/site/" class="demo-button" target="_blank"></a><a href="/demos/EasyPop/demo.zip" class="download-button"></a>
</div>
<p><br class="clear" /></p>
<p>EasyPop is a jQuery plugin designed to be super easy to use as well as customizable. It&#8217;s main use is to display the title of a menu item or icon within a popup bubble.</p>
<p><span id="more-697"></span></p>
<p>The other day i was looking for a popup bubble plugin for a site i was putting together. I had something very specific in mind, all i needed was a simple popup with the title of the menu item in it.</p>
<p>More sites now a days are using simple icons as menu items or with their UI and a simple hover over bubble that explains what that button does can really help.</p>
<p>So after searching for about an hour i decided to just make the plugin myself, as i wasn&#8217;t having much luck finding what i was looking for. So I put together EasyPop. It&#8217;s a very simple and easy to use plugin. I go into detail on how to use it on the demo page. I hope you like it, and feel free to point out any bugs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2013/01/30/easypop-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefly Jquery Plugin</title>
		<link>http://www.jongaulin.com/2012/03/07/firefly-jquery-plugin/</link>
		<comments>http://www.jongaulin.com/2012/03/07/firefly-jquery-plugin/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 08:30:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=627</guid>
		<description><![CDATA[Noise is an important part of most designs when it comes to websites. It helps direct the ...]]></description>
				<content:encoded><![CDATA[<div id="demo-buttons-container">
<img src="/wp-content/uploads/2011/11/try-it.png" /><br />
<a href="/articles/firefly/" class="demo-button" target="_blank"></a><a href="/articles/firefly/firefly.zip" class="download-button"></a>
</div>
<p><br class="clear" /></p>
<p>Noise is an important part of most designs when it comes to websites. It helps direct the user’s attention to certain parts of the site without overwhelming them. I&#8217;ve recently started seeing sites use a type of Javascript animation that is really appealing to me. It&#8217;s subtle and at the same time has a huge impact on the design. </p>
<p><span id="more-627"></span></p>
<p>The plugin is called Firefly by <a href="http://motyar.blogspot.com/2010/04/firefly-jquery-animation-plugin.html" rel="nofollow" target="_blank">Motyar</a>. It&#8217;s incredibly easy to add to your site and can really bring the design to life. </p>
<p>To add it on your website you will first need to include your jquery file, you can download the recent version of jquery from the site <a href="http://jquery.com/" target="_blank" rel="nofollow">http://jquery.com/</a>.</p>
<p>Once you have that installed head over to the plugin page on GitHub and download the plugin <a href="https://github.com/motyar/firefly" target="_blank" rel="nofollow">https://github.com/motyar/firefly</a>.</p>
<p>Once you have both javascript files, simply include them in your code like so:</p>
<pre lang="html4strict">
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.firefly.js"></script>
</pre>
<p>And then call the plugins function with this:</p>
<pre lang="javascript">
$(document).ready(function() {
	$.firefly(); 	
});
</pre>
<p>The plugin allows for customization with two options &#8216;images&#8217; and &#8216;total&#8217;. Images, lets you call whichever image you want to float on the screen. Total, allows you to define the amount of images to pull onto the screen at a time.</p>
<pre lang="javascript">
$(document).ready(function() {
	$.firefly({images : ['1.jpg', '2.jpg'],total : 40}); 	
});
</pre>
<p>And that&#8217;s it, you now have floating pixels on your website. You can use this plugin to add particles to a photography site, add fireflies to a field background image, add water debris, stars&#8230; the list goes on, its use is only limited by your imagination. Here are a couple example sites:</p>
<h3>Quazar Web Design</h3>
<p><a href="http://www.quazarwebdesign.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/feb/1.jpg" /></a></p>
<h3>FireFly</h3>
<p><a href="http://www.itsfirefly.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/articles/firefly/example1.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2012/03/07/firefly-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Monday Design Picks</title>
		<link>http://www.jongaulin.com/2011/12/12/monday-design-picks-4/</link>
		<comments>http://www.jongaulin.com/2011/12/12/monday-design-picks-4/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 15:30:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=596</guid>
		<description><![CDATA[The font used for the header image is Market Deco and the pattern, crissXcross. All free. As ...]]></description>
				<content:encoded><![CDATA[<p><em class="font-and-pattern">The font used for the header image is <a href="http://www.sparklogix.com/market-deco-free-font-download/" target="_blank" rel="nofollow">Market Deco</a> and the pattern, <a href="http://subtlepatterns.com/?p=648" target="_blank" rel="nofollow">crissXcross</a>. All free.</em></p>
<p>As Web Designers it&#8217;s important to stay on top of the latest trends in web design. Inspiration helps us to come up with fresh ideas or build on the ideas of others. Let&#8217;s start this week off with a few awesome designs that caught my eye.
<p>
<span id="more-596"></span></p>
<h3>Tidy Web</h3>
<p><a href="http://www.tidywebstudio.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-12/5.jpg" /></a></p>
<h3>Full Fat Designs</h3>
<p><a href="http://www.fullfatdesigns.co.uk/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-12/1.jpg" /></a></p>
<h3>Grade Graphic Design</h3>
<p><a href="http://www.gradestudio.nl/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-12/3.jpg" /></a></p>
<h3>Popcorn</h3>
<p><a href="http://mozillapopcorn.org/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-12/4.jpg" /></a></p>
<h3>Mathieu Strabach &#8211; Webdesigner</h3>
<p><a href="http://www.strbk.fr/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-12/2.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2011/12/12/monday-design-picks-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Monday Design Picks</title>
		<link>http://www.jongaulin.com/2011/12/05/monday-design-picks-3/</link>
		<comments>http://www.jongaulin.com/2011/12/05/monday-design-picks-3/#comments</comments>
		<pubDate>Mon, 05 Dec 2011 08:30:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=519</guid>
		<description><![CDATA[The font used for the header image is Franchise and the pattern, Random Grey Variations. All free. ...]]></description>
				<content:encoded><![CDATA[<p><em class="font-and-pattern">The font used for the header image is <a href="http://www.sparklogix.com/franchise-free-font-download/" target="_blank" rel="nofollow">Franchise</a> and the pattern, <a href="http://subtlepatterns.com/?p=319" target="_blank" rel="nofollow">Random Grey Variations</a>. All free.</em></p>
<p>As Web Designers it&#8217;s important to stay on top of the latest trends in web design. Inspiration helps us to come up with fresh ideas or build on the ideas of others. Let&#8217;s start this week off with a few awesome designs that caught my eye.
<p>
<span id="more-519"></span></p>
<h3>Inspiration Dormant</h3>
<p><a href="http://inspirationdormant.com" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-05/5.jpg" /></a></p>
<h3>Piro Pixel</h3>
<p><a href="http://piropixel.com" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-05/1.jpg" /></a></p>
<h3>Fleet Creature</h3>
<p><a href="http://www.fleetcreature.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-05/3.jpg" /></a></p>
<h3>Column Five Media</h3>
<p><a href="http://columnfivemedia.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-05/4.jpg" /></a></p>
<h3>Moa Beer</h3>
<p><a href="http://www.moabeer.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/dec-05/2.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2011/12/05/monday-design-picks-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 tools to increase traffic</title>
		<link>http://www.jongaulin.com/2011/12/01/6-tools-to-increase-traffic/</link>
		<comments>http://www.jongaulin.com/2011/12/01/6-tools-to-increase-traffic/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 08:30:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=489</guid>
		<description><![CDATA[When it comes to building, launching and maintaining a website, there are countless things that need to ...]]></description>
				<content:encoded><![CDATA[<p>When it comes to building, launching and maintaining a website, there are countless things that need to be taken into account. There are companies out there that deal specifically with the whole process, with teams that work full time on maintenance. Fortunately for us lowly bloggers, there are tools available that help with maintenance, allowing us to monitor and even increase traffic to the site of course is also important if you&#8217;re using subdomains, since these are different to market,  so it is essential to learn the difference between a <a href="https://victoriousseo.com/blog/seo-subdomain-vs-subdirectory/">subdomain vs subdirectory</a> and how to improve the marketing and SEO for these.</p>
<p>. I’ve put together a list of the tools I use to keep an eye on site traffic and to help increase it.</p>
<p><span id="more-489"></span><br />
<a class="top-design-thumb" href="http://www.twitter.com" target="_blank" rel="nofollow"><img alt="" src="/articles/top-tools/images/twitter.jpg" /></a></p>
<p>I know, I know, we’ve all heard of twitter. It’s been around since ‘06 and is used by every pre-teen on a family cellphone plan. But this is a huge traffic driver for anyone’s site. If you have weekly content going up, you’re going to need a way to alert the masses of your updates. But first you’ll need a heavy following.</p>
<p>I’ve read a few books in my day on how to increase twitter followers, and most of them have one thing in common. To be followed you must first follow, not sure if that’s a quote, if it isn’t I’m coining it. But seriously, a great way to gather followers is to first follow them. Find a twitter account with a large following, preferably one that’s related to your niche. Whether it’s design, photography, programming, whatever. Most likely their followers enjoy the same stuff that you do and that you’re posting about. Everyday follow a few of them 10, 20, 100, however many you have time to add. After a few days of this you’ll have a considerable amount of people following you. Make sure to keep up on your tweets during this process.</p>
<p>This isn’t where it ends, most likely only a handful of the people you followed will follow you back. We now need to weed out the ones who are apparently too cool for us, this brings me to my next tool.</p>
<p><a class="top-design-thumb" href="http://manageflitter.com" target="_blank" rel="nofollow"><img alt="" src="/articles/top-tools/images/manageFlitter.jpg" /></a></p>
<p>Manage Flitter is a great way to sort your twitter followers. It allows you to see who you’re following who isn’t following you. All those hundreds of people we added over the past week who decided they didn’t want to follow back, we need to unfollow.</p>
<p>Now you might be thinking to yourself, why unfollow these people. Why not just follow ten thousand people in my industry and not worry about it. Here’s why, you can’t tell me the first thing you don’t do when visiting someone’s twitter account is look at their followers compared to their followings. It’s all about appearance, if someone is following 5000 people and is being followed by 100, there must be a reason. Now if you’re following 5000 people and are being followed by 6000, maybe you have some interesting tweets worth following.</p>
<p>Create yourself an account, it’s free, and unfollow all the non followers. You’ll pick up a few followers along the way that you aren’t following to put you over the top, trust me.</p>
<p><a class="top-design-thumb" href="http://www.bit.ly" target="_blank" rel="nofollow"><img alt="" src="/articles/top-tools/images/bitly.jpg" /></a></p>
<p>Next up we have bitly. As you know, twitter has a character limit of 140. When we add a new blog post that we want people to know about, the best way would be to drop the link into our twitter feed that now has a colossal following. Only thing is, the link is sporting a 200 character count. This is where bitly comes into play, it works by taking your 200 character link and shortening it to a reasonable size.</p>
<p>People will also be more inclined to click on a shortened link, simply due to curiosity. When they see a link such as http://www.wikipedia.com/something-relevant -to-the-page/ they know the next stop is Wikipedia, whereas when they see something like http://www.bitl.ly/4jdd6w they think “This could be anything, it could be the coolest link I click on all day”. And the last, and probably biggest, reason to use bitly, it keeps track of all your links. This includes click count, which lets you know how many people have clicked on that link.</p>
<p><a class="top-design-thumb" href="http://www.stumbleupon.com" target="_blank" rel="nofollow"><img alt="" src="/articles/top-tools/images/stumbleUpon.jpg" /></a></p>
<p>I’m sure you’ve used it before, if not here’s the low down. You create an account, select your interests (design, photography, tech…) and click the Stumble my interest’s button. What happens next is it brings you to a site related to the interests that you saved in your account. These sites are added by people who have the same interests selected as you. So let’s say you find a really neat photography site, you can ‘Like it’, and it gets added to the vast amount of sites already in circulation for those interests.</p>
<p>So here’s how you can use it to your advantage. After posting something on your site, go to the url and ‘Like it’ using the stumble toolbar. You will then notice a spike in traffic over the next few hours coming from people randomly dropping onto that page. Now this doesn’t mean they will become avid followers, or even stay on your site for very long, but it will build recognition.</p>
<p><a class="top-design-thumb" href="http://www.disqus.com" target="_blank" rel="nofollow"><img alt="" src="/articles/top-tools/images/disqus.jpg" /></a></p>
<p>Discus is a comment system complete with social network integration. It can be integrated with most site platforms and is an awesome way for people to comment on your site. You don’t have to add the discus comment plugin to your site, but do create an account with them. Commenting is a great way to create recognition and with many sites using plugins like disqus to power their commenting section it’s a great way to create traffic.</p>
<p>Even if you don’t use disqus, comment on as many articles as you feel relates to your field. Make sure the comment relates to the article though, the last thing I want is to encourage spam commenting, I get enough of that as it is. With most commenting systems you can add a link to your name which will lead to your site.</p>
<p><a class="top-design-thumb" href="http://www.google.com/analytics/" target="_blank" rel="nofollow"><img alt="" src="/articles/top-tools/images/analytics.jpg" /></a></p>
<p>Last but not least, google analytics. Here is your main hub, the page that wraps everything up for you. Set up an account, bookmark the page, check it every day. This is where you will monitor all the traffic to your site and from where it’s coming from. It’s a very simple process to set up an account and will help you greatly in understanding which methods work best for driving traffic to your site.</p>
<p>I usually check the traffic to my site every morning, then once when I get home at night. It allows me to see which sites are linking to me and where most of my daily traffic is coming from. Once I know that I can focus on bettering those methods.</p>
<p>All this said and done, these are only a few of the tools you can use to boost traffic to your site. Without content they can only do so much. Content is key when it comes to websites, keep it original and you won’t have a problem.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2011/12/01/6-tools-to-increase-traffic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Monday Design Picks</title>
		<link>http://www.jongaulin.com/2011/11/28/monday-design-picks-2/</link>
		<comments>http://www.jongaulin.com/2011/11/28/monday-design-picks-2/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 08:30:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=458</guid>
		<description><![CDATA[The font used for the header image is Tallys and the pattern, Checkered Pattern. All free. As ...]]></description>
				<content:encoded><![CDATA[<p><em class="font-and-pattern">The font used for the header image is <a href="http://exljbris.com/tallys.html" target="_blank" rel="nofollow">Tallys</a> and the pattern, <a href="http://subtlepatterns.com/?p=798" target="_blank" rel="nofollow">Checkered Pattern</a>. All free.</em></p>
<p>As Web Designers it&#8217;s important to stay on top of the latest trends in web design. Inspiration helps us to come up with fresh ideas or build on the ideas of others. Let&#8217;s start this week off with a few awesome designs that caught my eye.
<p>
<span id="more-458"></span></p>
<h3>Cascade Brewery Co</h3>
<p><a href="http://www.cascadebreweryco.com.au/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/nov-28/1.jpg" /></a></p>
<h3>Art and Code</h3>
<p><a href="http://www.artandcode.eu/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/nov-28/2.jpg" /></a></p>
<p><a href="http://sawyerhollenshead.com/portfolio/ira-glass-quote/" target="_blank" rel="nofollow" style="float:right; margin-right:12px; font-size:11px;">Great quote!</a></p>
<h3>Sawyer Hollenshead</h3>
<p><a href="http://sawyerhollenshead.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/nov-28/3.jpg" /></a></p>
<h3>2mlab</h3>
<p><a href="http://2mlab.com" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/nov-28/4.jpg" /></a></p>
<h3>These are things</h3>
<p><a href="http://thesearethings.com/" class="top-design-thumb" target="_blank" rel="nofollow"><img src="/inspiration/nov-28/5.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2011/11/28/monday-design-picks-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Minimalist Portfolio</title>
		<link>http://www.jongaulin.com/2011/11/24/free-minimalist-portfolio/</link>
		<comments>http://www.jongaulin.com/2011/11/24/free-minimalist-portfolio/#comments</comments>
		<pubDate>Thu, 24 Nov 2011 08:30:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=399</guid>
		<description><![CDATA[Best viewed in Chrome and Safari Basic HTML knowledge required Includes HTML, CSS and javascript files Also ...]]></description>
				<content:encoded><![CDATA[<div id="demo-buttons-container">
<img src="/wp-content/uploads/2011/11/try-it.png" /><br />
<a href="/demos/minimalfolio/index.html" class="demo-button" target="_blank"></a><a href="/demos/minimalfolio/minimalfolio-demo.zip" class="download-button"></a>
</div>
<p><br class="clear" /></p>
<ul>
<li>Best viewed in Chrome and Safari</li>
<li>Basic HTML knowledge required</li>
<li>Includes HTML, CSS and javascript files</li>
<li>Also includes photoshop file</li>
</ul>
<p>When it comes to web design I&#8217;m a huge fan of both minimalism as well as heavy imagery. If you&#8217;re a photographer, artist or designer, minimalism is a great way to emphasize your work.It allows the user to focus on a single aspect of the site at a time while still remaining visually pleasing.</p>
<p><span id="more-399"></span></p>
<p>I recently put together a minimalist portfolio design which I haven&#8217;t yet been able to use. I started with just the design and decided to chop it up and code it to feature on the blog. </p>
<p>The design itself is fairly simple but also very easy on the eyes. As for the code, I used Codrops&#8217; &#8216;Slicebox&#8217;. A great slideshow plugin that utilizes the CSS3 3D transform property. You can read up on some of the documentation on their <a href="http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/" target="_blank" rel="nofollow">site</a>. I&#8217;m also using the <a href="http://bxslider.com/" target="_blank" rel="nofollow">bxslider</a> along with <a href="http://fancybox.net/" target="_blank" rel="nofollow">fancybox</a> for the subfeature thumbnail image slides.</p>
<p>Feel free to download the source files and use them for your project. They&#8217;re very easy to customize, simply replace the image paths in the array:</p>
<pre lang="javascript">
var thumbImages = [
     "image/large-1.jpg",
     "image/large-2.jpg",
     "image/large-3.jpg",
     "image/large-4.jpg",
     "image/large-5.jpg",
     "image/large-6.jpg"
];
</pre>
<p>with you&#8217;re own images and you&#8217;re good to go.</p>
<p>For the thumbnails you can use your full sized images and it will resize it accordingly. Just replace the image paths:</p>
<pre lang="html4strict">
<div id="sb-slider" class="sb-slider">
     <img src="image/img-1.jpg" />
     <img src="image/img-2.jpg" />
     <img src="image/img-3.jpg" />
     <img src="image/img-4.jpg" />
</div>
</pre>
<h2>About Page</h2>
<p>The about page is pretty straight forward, you can replace the text and image to customize it.</p>
<h2>Portfolio Page</h2>
<p>The portfolio page is similar to the home page, with regards to the image replacement. Simply replace the images in the array:</p>
<pre lang="javascript">
var portfolioImage = [
     "image/large-1.jpg",
     "image/large-2.jpg",
     "image/large-3.jpg",
     "image/large-4.jpg",
     "image/large-5.jpg",
     "image/large-6.jpg"
];
</pre>
<p>with you&#8217;re own images.</p>
<h2>Contact Page</h2>
<p>The contact page form is set up visually but you will need to add <a href="http://phpmailer.worxware.com/" target="_blank" rel="nofollow">phpmailer</a> or some form of mailer for the functionality.</p>
<p>If you have any questions feel free to send me a message or post in the comments.</p>
<p>Enjoy <a href="http://jongaulin.com/category/freebies/"> <img src='http://www.jongaulin.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </a></p>
<h2>EDIT:</h2>
<p>There was a bug with the Slicebox plugin that made it break in Firefox 10. I&#8217;ve made a quick modification to the plugin for now until I can find a better solution to the problem. Here&#8217;s the fix:</p>
<p>On line 93 of the plugin (jquery.slicebox.js) replace:</p>
<pre lang="javascript">
if( Modernizr.csstransforms3d )
</pre>
<p>With:</p>
<pre lang="javascript">
if( Modernizr.csstransforms3d &#038;&#038; navigator.userAgent.indexOf("Firefox") == -1 )
</pre>
<p>And on line 101 of the index.html page replace:</p>
<pre lang="javascript">
if( !Modernizr.csstransforms3d )
</pre>
<p>With</p>
<pre lang="javascript">
if( !Modernizr.csstransforms3d || navigator.userAgent.indexOf("Firefox") != -1 )
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2011/11/24/free-minimalist-portfolio/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Monday design picks</title>
		<link>http://www.jongaulin.com/2011/11/21/monday-design-picks/</link>
		<comments>http://www.jongaulin.com/2011/11/21/monday-design-picks/#comments</comments>
		<pubDate>Mon, 21 Nov 2011 08:30:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jongaulin.com/?p=412</guid>
		<description><![CDATA[The font used for the header image is Ostrich Sans Rounded and the pattern, 3px Tile. All ...]]></description>
				<content:encoded><![CDATA[<p><em class="font-and-pattern">The font used for the header image is <a href="http://www.theleagueofmoveabletype.com/ostrich-sans" target="_blank" rel="nofollow">Ostrich Sans Rounded</a> and the pattern, <a href="http://subtlepatterns.com/?p=826" target="_blank" rel="nofollow">3px Tile</a>. All free.</em></p>
<p>As Web Designers it&#8217;s important to stay on top of the latest trends in web design. Inspiration helps us to come up with fresh ideas or build on the ideas of others. Let&#8217;s start this week off with a few awesome designs that caught my eye.
<p>
<span id="more-412"></span></p>
<h3>Bicho Malvado</h3>
<p><a href="http://www.bichomalvado.com/" class="top-design-thumb" target="_blank"><img src="/inspiration/nov-20/1.jpg" /></a></p>
<h3>Caffe Uno</h3>
<p><a href="http://www.caffeuno.co.uk/" class="top-design-thumb" target="_blank"><img src="/inspiration/nov-20/2.jpg" /></a></p>
<h3>Kaleidoscope</h3>
<p><a href="http://www.kaleidoscope.ro/" class="top-design-thumb" target="_blank"><img src="/inspiration/nov-20/3.jpg" /></a></p>
<h3>Media Parker</h3>
<p><a href="http://mediaparker.com/" class="top-design-thumb" target="_blank"><img src="/inspiration/nov-20/4.jpg" /></a></p>
<h3>Clearfire</h3>
<p><a href="http://www.clearfirestudios.com/" class="top-design-thumb" target="_blank"><img src="/inspiration/nov-20/5.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jongaulin.com/2011/11/21/monday-design-picks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
