<?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>Thoughts of a Typical Whiner</title>
	<atom:link href="http://typicalwhiner.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://typicalwhiner.com</link>
	<description></description>
	<lastBuildDate>Wed, 08 Feb 2012 05:34:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Book Flip Effect jQuery Plugin</title>
		<link>http://typicalwhiner.com/507/book-flip-effect-jquery-plugin/</link>
		<comments>http://typicalwhiner.com/507/book-flip-effect-jquery-plugin/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 05:31:45 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Tutorials & Downloads]]></category>
		<category><![CDATA[Book-Flipping jQuery Plugin]]></category>
		<category><![CDATA[HTML Book-Flipping jQuery Plugin]]></category>
		<category><![CDATA[No Flash Book Flip Effect]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=507</guid>
		<description><![CDATA[Before, the only way to do a book flip effect on a website is by developing it using flash. Now, we have it all covered using HTML and jQuery. turn.js [...]]]></description>
			<content:encoded><![CDATA[<p>Before, the only way to do a book flip effect on a website is by developing it using flash.<br />
Now, we have it all covered using HTML and jQuery. <a href="http://www.turnjs.com" target="_blank">turn.js</a> is a jQuery plugin that adds a beautiful transition similar to real pages in a book or magazine.</p>
<p><a href="http://typicalwhiner.com"><img src="http://typicalwhiner.com/wp-content/uploads/2012/02/book-flipping-jquery-plugin-typicalwhiner-dot-com.jpg" alt="book flipping jquery plugin typicalwhiner dot com Book Flip Effect jQuery Plugin " title="Book Flip Effect jQuery Plugin " width="496" height="276" class="aligncenter size-full wp-image-508" /></a></p>
<div class="download"><a href="http://www.turnjs.com/" target="_blank">Check it here</a></div>
<p>Thanks to Emmanuel Garcia for taking time building this plugin. For me I think this needs more polishing but this is a great start. What do you think guys? <img src='http://typicalwhiner.com/wp-includes/images/smilies/icon_smile.gif' alt="icon smile Book Flip Effect jQuery Plugin " class='wp-smiley' title="Book Flip Effect jQuery Plugin " /> </p>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/507/book-flip-effect-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Valentine’s Day Icon Set</title>
		<link>http://typicalwhiner.com/498/free-valentine%e2%80%99s-day-icon-set/</link>
		<comments>http://typicalwhiner.com/498/free-valentine%e2%80%99s-day-icon-set/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 11:17:22 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Tutorials & Downloads]]></category>
		<category><![CDATA[Free Valentine’s Day Icon Set]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=498</guid>
		<description><![CDATA[St. Valentine&#8217;s Day is fast approaching. Here&#8217;s some Valentine&#8217;s Day icons from Smashing Magazine that is completely free to use for commercial or personal applications without any restrictions.]]></description>
			<content:encoded><![CDATA[<p>St. Valentine&#8217;s Day is fast approaching. Here&#8217;s some Valentine&#8217;s Day icons from <a href="http://www.smashingmagazine.com/2012/02/02/freebie-valentines-day-icon-set/" target="_blank">Smashing Magazine</a> that is completely free to use for commercial or personal applications without any restrictions. </p>
<p><a href="http://typicalwhiner.com"><img src="http://typicalwhiner.com/wp-content/uploads/2012/02/free-valentines-day-icons-typicalwhiner-dot-com.jpg" alt="free valentines day icons typicalwhiner dot com Free Valentine’s Day Icon Set" title="Free Valentine’s Day Icon Set" width="500" height="311" class="aligncenter size-full wp-image-499" /></a></p>
<div class="download"><a href="http://www.smashingmagazine.com/2012/02/02/freebie-valentines-day-icon-set/" target="_blank">Get it here</a></div>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/498/free-valentine%e2%80%99s-day-icon-set/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Thief</title>
		<link>http://typicalwhiner.com/461/color-thief/</link>
		<comments>http://typicalwhiner.com/461/color-thief/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 00:09:03 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Tutorials & Downloads]]></category>
		<category><![CDATA[grabbing color palette]]></category>
		<category><![CDATA[grabbing the dominant color]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=461</guid>
		<description><![CDATA[This is a new script for grabbing the dominant color or color palette from an image. This uses javascript and the canvas tag to make it happen. This script could [...]]]></description>
			<content:encoded><![CDATA[<p>This is a new script for grabbing the dominant color or color palette from an image. This uses javascript and the canvas tag to make it happen. This script could be useful for sites that sort and search by color.</p>
<p><a href="http://typicalwhiner.com/"><img src="http://typicalwhiner.com/wp-content/uploads/2012/01/color-thief-typicalwhiner-dot-com.jpg" alt="color thief typicalwhiner dot com Color Thief" title="Color Thief" width="500" height="381" class="aligncenter size-full wp-image-462" /></a></p>
<div class="info"><a target="_blank" href="http://lokeshdhakar.com/projects/color-thief/" class="demo_link">Here’s what it looks like</a></div>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/461/color-thief/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cut The Rope HTML5 Game</title>
		<link>http://typicalwhiner.com/494/cut-the-rope-html5-game/</link>
		<comments>http://typicalwhiner.com/494/cut-the-rope-html5-game/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 03:30:03 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Coffee Break]]></category>
		<category><![CDATA[Cut The Rope HTML5 Game]]></category>
		<category><![CDATA[HTML5 Game]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=494</guid>
		<description><![CDATA[Bored of what you are working on today and want to slack-off some time? Either you want to kill time or just bored, here&#8217;s a cool HTML Game for you. [...]]]></description>
			<content:encoded><![CDATA[<p>Bored of what you are working on today and want to slack-off some time? Either you want to kill time or just bored, here&#8217;s a cool HTML Game for you. <a href="http://www.cuttherope.ie/" target="_blank">Cut The Rope HTML5 Game</a>. I think this is the same game I have on my SGS. Just try it, you might just like it. <img src='http://typicalwhiner.com/wp-includes/images/smilies/icon_smile.gif' alt="icon smile Cut The Rope HTML5 Game" class='wp-smiley' title="Cut The Rope HTML5 Game" /> </p>
<p><a href="http://typicalwhiner.com/"><img src="http://typicalwhiner.com/wp-content/uploads/2012/01/cut-the-rope-html5-game-typicalwhiner-dot-com.jpg" alt="cut the rope html5 game typicalwhiner dot com Cut The Rope HTML5 Game" title="Cut The Rope HTML5 Game" width="500" height="349" class="aligncenter size-full wp-image-495" /></a></p>
<p>Cut the Rope is an HTML5 game developed by Microsoft&#8217;s Internet Explorer development team, Pixel Lab and ZeptoLab (which created the original game for iOS devices) to showcase advances in Web standards. The game features canvas-rendered graphics, browser-based audio and video, CSS3 styling and WOFF fonts.</p>
<p><a href="http://www.cuttherope.ie/" target="_blank">http://www.cuttherope.ie/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/494/cut-the-rope-html5-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple JavaScript CAPTCHA Generator V3</title>
		<link>http://typicalwhiner.com/477/simple-javascript-captcha-generator-v3/</link>
		<comments>http://typicalwhiner.com/477/simple-javascript-captcha-generator-v3/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 03:52:37 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Tutorials & Downloads]]></category>
		<category><![CDATA[Anti-spam code generator]]></category>
		<category><![CDATA[JavaScript CAPTCHA]]></category>
		<category><![CDATA[Simple JavaScript CAPTCHA Generator]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=477</guid>
		<description><![CDATA[A new release of the Simple JavaScript CAPTCHA Generator Now with: - Email validation - Server-side validation (just a simple one) - PHP emailer Enjoy!]]></description>
			<content:encoded><![CDATA[<p>A new release of the <a href="/241/simple-javascript-captcha-generator-simplified/">Simple JavaScript CAPTCHA Generator</a> <img src='http://typicalwhiner.com/wp-includes/images/smilies/icon_wink.gif' alt="icon wink Simple JavaScript CAPTCHA Generator V3" class='wp-smiley' title="Simple JavaScript CAPTCHA Generator V3" /> </p>
<p>Now with:<br />
- Email validation<br />
- Server-side validation (just a simple one)<br />
- PHP emailer</p>
<p>Enjoy! <img src='http://typicalwhiner.com/wp-includes/images/smilies/icon_smile.gif' alt="icon smile Simple JavaScript CAPTCHA Generator V3" class='wp-smiley' title="Simple JavaScript CAPTCHA Generator V3" /> </p>
<div class="info"><a target="_blank" href="/demo/simple-javascript-captcha-generator-v3/" class="demo_link">Here’s what it looks like</a></div> <div class="download"><a target="_blank" href="/demo/simple-javascript-captcha-generator-v3.zip" class="dl_link">Get it here</a></div>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/477/simple-javascript-captcha-generator-v3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>JavaScript Email Address Form Validator</title>
		<link>http://typicalwhiner.com/468/javascript-email-address-form-validator/</link>
		<comments>http://typicalwhiner.com/468/javascript-email-address-form-validator/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 03:22:46 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Tutorials & Downloads]]></category>
		<category><![CDATA[Email Address Validator]]></category>
		<category><![CDATA[JavaScript Email Address Form Validator]]></category>
		<category><![CDATA[JavaScript Email Address Validator]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=468</guid>
		<description><![CDATA[This is quite a short script I made for validating email addresses from user input. I have been using this for quite some time and never failed me. Thought of [...]]]></description>
			<content:encoded><![CDATA[            <script type="text/javascript" src="http://typicalwhiner.com/wp-content/plugins/wordpress-code-snippet/scripts/shBrushXml.js"></script>
<p>This is quite a short script I made for validating email addresses from user input. I have been using this for quite some time and never failed me. Thought of sharing this to you guys.</p>
<p><pre class="brush: xml">&lt;script type=&quot;text/javascript&quot;&gt;
//this function is called when the user clicks submit
function checkform(theform){
	var why = &quot;&quot;;
	if(theform.email.value == &quot;&quot;){
		why += &quot;- Email should not be empty.\n&quot;;
	}
	if(theform.email.value != &quot;&quot;){
		//check if email is valid
		if(checkemail(theform.email.value) == false){
		why += &quot;- Email invalid\n&quot;;
		}
	}
	if(why != &quot;&quot;){
		alert(why);
		return false;
	}
}

// validate email
function checkemail(mememail){
	filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
	if (filter.test(mememail)){
		return true;
		}
	else{
		return false;
	}
}
&lt;/script&gt;</pre></p>
<p>Short script but works awesome. Enjoy! <img src='http://typicalwhiner.com/wp-includes/images/smilies/icon_smile.gif' alt="icon smile JavaScript Email Address Form Validator" class='wp-smiley' title="JavaScript Email Address Form Validator" /> </p>
<div class="info"><a target="_blank" href="/demo/javascript-email-address-form-validator/index.html" class="demo_link">Here’s what it looks like</a></div> <div class="download"><a target="_blank" href="/demo/javascript-email-address-form-validator.zip" class="dl_link">Get it here</a></div>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/468/javascript-email-address-form-validator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sleep Durring The Day</title>
		<link>http://typicalwhiner.com/448/sleep-durring-the-day/</link>
		<comments>http://typicalwhiner.com/448/sleep-durring-the-day/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 04:23:40 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Coffee Break]]></category>
		<category><![CDATA[Night Owl Sleeping Masks]]></category>
		<category><![CDATA[Sleeping Masks]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=448</guid>
		<description><![CDATA[Are you a night owl and fond of working during the night? Like me I like to work during the night and sleep by day. Here&#8217;s a cool looking sleep [...]]]></description>
			<content:encoded><![CDATA[            <script type="text/javascript" src="http://typicalwhiner.com/wp-content/plugins/wordpress-code-snippet/scripts/shBrushXml.js"></script>
<p>Are you a night owl and fond of working during the night? Like me I like to work during the night and sleep by day. Here&#8217;s a cool looking sleep mask to help you go to sleep during the day or even if you have trouble sleeping during the night.</p>
<p><a href="http://typicalwhiner.com/"><img src="http://typicalwhiner.com/wp-content/uploads/2012/01/night-owl-sleep-masks-typicalwhiner-dot-com.jpg" alt="night owl sleep masks typicalwhiner dot com Sleep Durring The Day" title="Sleep Durring The Day" width="480" height="400" class="aligncenter size-full wp-image-449" /></a></p>
<p>Want it? You can get it <a href="http://www.neatoshop.com/product/Night-Owl-Sleeping-Mask" target="_blank">here</a> for $8.95.</p>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/448/sleep-durring-the-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Happy New Year 2012!</title>
		<link>http://typicalwhiner.com/444/happy-new-year-2012/</link>
		<comments>http://typicalwhiner.com/444/happy-new-year-2012/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 10:34:07 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Coffee Break]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=444</guid>
		<description><![CDATA[TypicalWhiner.com wishing you and your loved ones a fun-filled Happy New Year&#8230; :party:]]></description>
			<content:encoded><![CDATA[            <script type="text/javascript" src="http://typicalwhiner.com/wp-content/plugins/wordpress-code-snippet/scripts/shBrushXml.js"></script>
<p><img src="http://typicalwhiner.com/wp-content/uploads/2011/12/happy-new-year-2012-typicalwhiner-dot-com.jpg" alt="happy new year 2012 typicalwhiner dot com Happy New Year 2012!" title="Happy New Year 2012!" width="500" height="500" class="aligncenter size-full wp-image-445" /></p>
<p>TypicalWhiner.com wishing you and your loved ones a fun-filled Happy New Year&#8230; :party:</p>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/444/happy-new-year-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dynamically Insert Class to Static HTML Page Navigation like CMS</title>
		<link>http://typicalwhiner.com/399/dynamically-insert-class-to-static-html-page-navigations-like-cms/</link>
		<comments>http://typicalwhiner.com/399/dynamically-insert-class-to-static-html-page-navigations-like-cms/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 02:49:13 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Tutorials & Downloads]]></category>
		<category><![CDATA[add class to active menu items]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=399</guid>
		<description><![CDATA[Here&#8217;s a new script I created for your static HTML or PHP projects. This script is simply adding class dynamically to the menu item when the page is accessed. It&#8217;s [...]]]></description>
			<content:encoded><![CDATA[            <script type="text/javascript" src="http://typicalwhiner.com/wp-content/plugins/wordpress-code-snippet/scripts/shBrushXml.js"></script>
<p>Here&#8217;s a new script I created for your static HTML or PHP projects. This script is simply adding class dynamically to the menu item when the page is accessed. It&#8217;s similar to how CMS adds class to active menu items.</p>
<p>Place this inside the head tag.<br />
<pre class="brush: xml">&lt;!-- include jQuery library --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
jQuery(function() {
    var pathname = window.location.pathname;
    var pagename = pathname.substring(pathname.lastIndexOf('/') + 1);
 
    if(pagename == &quot;&quot;) {
    	pagename = &quot;index.html&quot;;
    }
    jQuery(&quot;#nav &gt; li&quot;).each(function(){
        var href = jQuery(this).find(&quot;a:first&quot;).attr(&quot;href&quot;);
        if(href == pagename) {
        	jQuery(this).addClass(&quot;selected&quot;);
        }
    });
});
&lt;/script&gt;</pre></p>
<div class="info"><a target="_blank" href="/demo/get-current-page/index.html" class="demo_link">Here’s what it looks like</a></div> <div class="download"><a target="_blank" href="/demo/get-current-page.zip" class="dl_link">Get it here</a></div>
<p>Hope you find it useful.. <img src='http://typicalwhiner.com/wp-includes/images/smilies/icon_smile.gif' alt="icon smile Dynamically Insert Class to Static HTML Page Navigation like CMS" class='wp-smiley' title="Dynamically Insert Class to Static HTML Page Navigation like CMS" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/399/dynamically-insert-class-to-static-html-page-navigations-like-cms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facedrink &#8211; The Social Drink?!</title>
		<link>http://typicalwhiner.com/432/facedrink-the-social-drink/</link>
		<comments>http://typicalwhiner.com/432/facedrink-the-social-drink/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 07:15:11 +0000</pubDate>
		<dc:creator>Typical Whiner</dc:creator>
				<category><![CDATA[Coffee Break]]></category>
		<category><![CDATA[Facedrink]]></category>

		<guid isPermaLink="false">http://typicalwhiner.com/?p=432</guid>
		<description><![CDATA[A new product arises! Facedrink &#8211; The Social Drink. Facedrink is dubbed as “the social drink,” obviously a play on Facebook, “the social network.” But Facedrink is just an ordinary [...]]]></description>
			<content:encoded><![CDATA[            <script type="text/javascript" src="http://typicalwhiner.com/wp-content/plugins/wordpress-code-snippet/scripts/shBrushXml.js"></script>
<p>A new product arises! Facedrink &#8211; The Social Drink. Facedrink is dubbed as “the social drink,” obviously a play on Facebook, “the social network.” But Facedrink is just an ordinary energy drink and I dont think there is anything truly special about it, except for its packaging.</p>
<p><a href="http://typicalwhiner.com/"><img src="http://typicalwhiner.com/wp-content/uploads/2011/11/facedrink-typicalwhiner-com.jpg" alt="facedrink typicalwhiner com Facedrink   The Social Drink?!" title="Facedrink   The Social Drink?!" width="381" height="482" class="aligncenter size-full wp-image-433" /></a></p>
<p>The <a href="http://drinkfacedrink.com/" target="_blank">company</a> claims that it’s the drink that “gives you social energy – but really, what exactly is social energy?</p>
<p>Now Facedrink, what&#8217;s next? FaceBeer? FaceCoffee? FaceCookie? What do you think?</p>
]]></content:encoded>
			<wfw:commentRss>http://typicalwhiner.com/432/facedrink-the-social-drink/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

