<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>#webbu</title>
	
	<link>http://www.webbu.org</link>
	<description>weble alakalı ordan burdan</description>
	<lastBuildDate>Thu, 27 Sep 2012 09:09:52 +0000</lastBuildDate>
	<language>tr-TR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/webbuorg" /><feedburner:info uri="webbuorg" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><itunes:explicit>no</itunes:explicit><itunes:subtitle>weble alakalı ordan burdan</itunes:subtitle><item>
		<title>Bruno Reklam Filmi</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/7-eC_PHIuaU/</link>
		<comments>http://www.webbu.org/video/bruno-reklam-filmi/#comments</comments>
		<pubDate>Thu, 27 Sep 2012 09:04:01 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3382</guid>
		<description><![CDATA[Abdi İbrahim&#8221;&#8221;in sağlık ürünlerindeki ilk markası Bruno O burun tıkanacak arkadaş annem rahat etsin diye öyle bütün﻿ gece uyuyamam :)]]></description>
			<content:encoded><![CDATA[<p>Abdi İbrahim&#8221;&#8221;in sağlık ürünlerindeki ilk markası Bruno</p>
<p><iframe src="http://www.youtube.com/embed/Xy_Pu5QfRzU" frameborder="0" width="560" height="315"></iframe></p>
<p>O burun tıkanacak arkadaş  <img src='http://www.webbu.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <img src='http://www.webbu.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>annem rahat etsin diye öyle bütün﻿ gece uyuyamam <img src='http://www.webbu.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> :)</p>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/7-eC_PHIuaU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/video/bruno-reklam-filmi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/video/bruno-reklam-filmi/</feedburner:origLink></item>
		<item>
		<title>jQuery Flex – Animated Grid Plugin</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/4Owgr48jX5o/</link>
		<comments>http://www.webbu.org/web/jquery-flex-animated-grid-plugin/#comments</comments>
		<pubDate>Fri, 17 Aug 2012 05:01:13 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[-]]></category>
		<category><![CDATA[Animated]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Grid]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3360</guid>
		<description><![CDATA[jQuery Flex is a fluid asymmetrical animated grid plugin. It is currently at an early state of development and has no documented configuration options but could be useful if your looking to use this kind of animation on your web site. &#160; Read original post on www.webresourcesource.com]]></description>
			<content:encoded><![CDATA[<p>jQuery Flex is a fluid asymmetrical animated grid plugin.</p>
<p>It is currently at an early state of development and has no documented configuration options but could be useful if your looking to use this kind of animation on your web site.</p>
<p><a href="http://jsonenglish.com/projects/flex/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://jsonenglish.com/projects/flex/']);" target="_blank"><img class="alignnone size-full wp-image-1299" title="jQuery Flex - Animated Grid Plugin" src="http://www.webresourcesource.com/wp-content/uploads/2012/08/flex.jpg" alt="jQuery Flex - Animated Grid Plugin" width="460" height="180" /></a></p>
<p>&nbsp;</p>
<p>  Read original post on www.webresourcesource.com</p>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/4Owgr48jX5o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/jquery-flex-animated-grid-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/jquery-flex-animated-grid-plugin/</feedburner:origLink></item>
		<item>
		<title>Mini JS – jQuery Plugins Suite</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/z8gDQ3P8BlY/</link>
		<comments>http://www.webbu.org/web/mini-js-jquery-plugins-suite/#comments</comments>
		<pubDate>Fri, 17 Aug 2012 05:01:11 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[-]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[Mini]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Suite]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3358</guid>
		<description><![CDATA[Mini JS is a collection of useful jQuery plugins that are written in coffe script. The suite currently consists of a word counter for text area&#8217;s, tool tips, notifications, alerts, twitter feeds, and a drop down menu. Each plugin is configurable with it&#8217;s own options and is also well documented. They are tested in modern browsers including IE7 and <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/mini-js-jquery-plugins-suite/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<p>Mini JS is a collection of useful jQuery plugins that are written in coffe script.</p>
<p>The suite currently consists of a word counter for text area&#8217;s, tool tips, notifications, alerts, twitter feeds, and a drop down menu.</p>
<p>Each plugin is configurable with it&#8217;s own options and is also well documented.</p>
<p>They are tested in modern browsers including IE7 and upwards.</p>
<p><a href="http://minijs.com/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://minijs.com/']);" target="_blank"><img class="alignnone size-full wp-image-1302" title="Mini JS - jQuery Plugins Suite" src="http://www.webresourcesource.com/wp-content/uploads/2012/08/minijs.jpg" alt="Mini JS - jQuery Plugins Suite" width="460" height="369" /></a></p>
<p>  Read original post on www.webresourcesource.com</p>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/z8gDQ3P8BlY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/mini-js-jquery-plugins-suite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/mini-js-jquery-plugins-suite/</feedburner:origLink></item>
		<item>
		<title>Sketch.js – jQuery Canvas Drawing Plugin</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/9NaL6UnO8Us/</link>
		<comments>http://www.webbu.org/web/sketch-js-jquery-canvas-drawing-plugin/#comments</comments>
		<pubDate>Fri, 17 Aug 2012 05:01:11 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[-]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Sketch.js]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3356</guid>
		<description><![CDATA[Sketch.js is a jQuery plugin that makes it simple to create a canvas for drawing. Buttons can be used to change the size &#38; colour of the marker, select an eraser or download the drawing. The buttons use the HTML5 data attribute to update the canvas and can all be be styled with CSS. Read <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/sketch-js-jquery-canvas-drawing-plugin/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<p>Sketch.js is a jQuery plugin that makes it simple to create a canvas for drawing.</p>
<p>Buttons can be used to change the size &amp; colour of the marker, select an eraser or download the drawing. The buttons use the HTML5 data attribute to update the canvas and can all be be styled with CSS.</p>
<p><a href="http://intridea.github.com/sketch.js/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://intridea.github.com/sketch.js/']);" target="_blank"><img class="alignnone size-full wp-image-1311" title="Sketch.js - jQuery Canvas Drawing Plugin" src="http://www.webresourcesource.com/wp-content/uploads/2012/08/sketch.jpg" alt="Sketch.js - jQuery Canvas Drawing Plugin" width="460" height="205" /></a></p>
<p>  Read original post on www.webresourcesource.com</p>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/9NaL6UnO8Us" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/sketch-js-jquery-canvas-drawing-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/sketch-js-jquery-canvas-drawing-plugin/</feedburner:origLink></item>
		<item>
		<title>Power Tip – jQuery Tooltips</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/pg4gJGrYjRE/</link>
		<comments>http://www.webbu.org/web/power-tip-jquery-tooltips/#comments</comments>
		<pubDate>Fri, 17 Aug 2012 05:01:08 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[-]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Power]]></category>
		<category><![CDATA[Tip]]></category>
		<category><![CDATA[Tooltips]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3354</guid>
		<description><![CDATA[Power Tip is a lightweight (6kb minified) jQuery tooltip plugin with a powerful set of features including: Hover intent &#8211; Prevents the tooltip from opening on accidentally hovering over the element. Queuing &#8211; The previous tooltip can be gracefully closed before a new one is opened. Multiple instances. Smart placement &#8211; Keeps tips inside the viewport. Fade In/Out. Keyboard navigation compatible. <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/power-tip-jquery-tooltips/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<p>Power Tip is a lightweight (6kb minified) jQuery tooltip plugin with a powerful set of features including:</p>
<ul>
<li>Hover intent &#8211; Prevents the tooltip from opening on accidentally hovering over the element.</li>
<li>Queuing &#8211; The previous tooltip can be gracefully closed before a new one is opened.</li>
<li>Multiple instances.</li>
<li>Smart placement &#8211; Keeps tips inside the viewport.</li>
<li>Fade In/Out.</li>
<li>Keyboard navigation compatible.</li>
</ul>
<p>The plugin supports eight different placements as well as a mode to follow the mouse inside a larger container element. It is also possible to add interactive content inside the tooltips such as links.</p>
<p>There is an API that will allow you progmatically show and hide tips. There are a number of options and events for customisation and everything is extremely well documented.</p>
<p><a href="http://stevenbenner.github.com/jquery-powertip/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stevenbenner.github.com/jquery-powertip/']);" target="_blank"><img class="alignnone size-full wp-image-1307" title="Power Tip - jQuery Tooltips" src="http://www.webresourcesource.com/wp-content/uploads/2012/08/powertip.jpg" alt="Power Tip - jQuery Tooltips" width="460" height="143" /></a></p>
<p>  Read original post on www.webresourcesource.com</p>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/pg4gJGrYjRE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/power-tip-jquery-tooltips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/power-tip-jquery-tooltips/</feedburner:origLink></item>
		<item>
		<title>Cage: A Pretty Slick Online Collaboration Tool</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/zZeptF5pYL8/</link>
		<comments>http://www.webbu.org/web/cage-a-pretty-slick-online-collaboration-tool/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 07:56:52 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[A]]></category>
		<category><![CDATA[Cage:]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Pretty]]></category>
		<category><![CDATA[Slick]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3352</guid>
		<description><![CDATA[Sponsors subscribe to our newsletter &#8211; weekly free resouces for web developers Subscribe follow us on social sites &#8211; rss, facebook, google+, Twitter Related Resources Giveaway 3 x Medium Yearly Plan of Vyoopoint Making Fully Functional Web Pages Made Easy Socialcast &#8211; A Simple, Secure &#038; Free Collaboration Tool Zenbe &#8211; One of the Best <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/cage-a-pretty-slick-online-collaboration-tool/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<div class="">
<!--</p>
<p><a href="http://bundlehunt.com/" target="_blank"><img src="http://maxcdn.webappers.com/img/2012/06/WEBAPPERS-poster.jpg"/></a></p>
<p>&#8211;></p>
<p><a title="Cage App" href="http://cageapp.com/" target="_blank">Cage</a> is a an<strong> online collaboration tool</strong> that makes it shockingly simple for designers and teams to <strong>share, organize, manage, and approve creative work</strong>. Using Cage, you can add simple, straightforward notes &amp; conversations directly on the work, and then show your clients past revisions so they can see the progress you have made.</p>
<p>Cage provides your clients and team the ability to approve work faster. It is useful for any type of designer, artist or creative team without a lot of clutter. Leaving out vital features for the sake of simplicity leads to workarounds, and that doesn’t work for anyone. It makes it easy for creatives to present, manage and secure approvals on their work</p>
<p>I really like the user-interface of Cage. It looks really clean, nice and professional. Cage is 100% free while in beta. You can give it a go and see if it fits your needs.</p>
<p style="text-align: center;"><a title="Cage App" href="http://cageapp.com/" target="_blank"><img class="alignnone size-full wp-image-6356" title="cage-app2" src="http://maxcdn.webappers.com/img/2012/07/cage-app2.jpg" alt="cage-app2" width="580" height="436" /></a></p>
<blockquote><p>Requirements: -<br />
Demo: <a title="demo" rel="nofollow" href="http://cageapp.com/" target="_blank">http://cageapp.com/</a><br />
License: License Free</p>
</blockquote></div>
<div class="share">
<div class="title">Share</div>
<div class="social_share">
<div class="like-button-holder">
<div id="FaceBookLikeButton">
<div class="fb-like" data-href="http://www.webappers.com/2012/07/24/cage-a-pretty-slick-online-collaboration-tool/" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</p></div>
</p></div>
<div class="tweet-button-holder"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.webappers.com/2012/07/24/cage-a-pretty-slick-online-collaboration-tool/" data-via="webappers">Tweet</a>
							</div>
<div class="google-button-holder">
								<!-- Place this tag where you want the +1 button to render --><br />
<g:plusone size="medium" href="http://www.webappers.com/2012/07/24/cage-a-pretty-slick-online-collaboration-tool/"></g:plusone></p></div>
</p></div>
<div class="clearBoth"></div>
</p></div>
<p><!-- End Share --></p></div>
<p> <!-- End Post --></p>
<div class="seperator"> </div>
<div class="first_ad">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238093" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
				</div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="subscribe">
<div class="newsletter">
<h5>subscribe to our newsletter &#8211; weekly free resouces for web developers</h5>
<div class="subscribe_form">
<form class="form-inline" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Webappers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
							<button type="submit" class="btn">Subscribe</button><br />
							<input type="hidden" value="Webappers" name="uri"/><br />
    						<input type="hidden" name="loc" value="en_US"/><br />
							<input type="text" name="email" class="subscribe_field"  placeholder="Email Address" ><br />
							</form>
</p></div>
</p></div>
<div class="rss">
<h5>follow us on social sites &#8211; rss, facebook, google+, Twitter</h5>
<div class="social_buttons">
											<a href="http://feeds2.feedburner.com/Webappers" class="social_rss tooltips" title="Subscrube RSS"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_rss.png" alt="Subscribe RSS"/></a><br />
											<a href="http://www.facebook.com/WebAppers" class="social_facebook tooltips" title="Like us on Facebook"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_facebook.png" alt="Like us on Facebook"/></a><br />
											<a href="http://twitter.com/#!/webappers" class="social_twitter tooltips" title="Follow us on Twitter"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_twitter.png" alt="Follow us on Twitter"/></a><br />
											<a href="https://plus.google.com/b/113553364177176851960/" class="social_google_plus tooltips" title="Follow us on Google+"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_google_plus.png" alt="Follow us on Google+"/></a>
							</div>
</p></div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="related">
<div class="title">Related Resources</div>
<div class="resources">
<div class="PostContent">
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/03/29/giveaway-3-x-medium-yearly-plan-of-vyoopoint/" rel="bookmark" title="Giveaway 3 x Medium Yearly Plan of Vyoopoint"><img src="http://maxcdn.webappers.com/img/2010/03/vyoopoint.jpg" alt="Giveaway 3 x Medium Yearly Plan of Vyoopoint"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/03/29/giveaway-3-x-medium-yearly-plan-of-vyoopoint/" rel="bookmark" title="Giveaway 3 x Medium Yearly Plan of Vyoopoint">Giveaway 3 x Medium Yearly Plan of Vyoopoint</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2012/06/25/making-fully-functional-web-pages-made-easy/" rel="bookmark" title="Making Fully Functional Web Pages Made Easy"><img src="http://maxcdn.webappers.com/img/2012/06/mozilla-thimble.jpg" alt="Making Fully Functional Web Pages Made Easy"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2012/06/25/making-fully-functional-web-pages-made-easy/" rel="bookmark" title="Making Fully Functional Web Pages Made Easy">Making Fully Functional Web Pages Made Easy</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2009/06/23/socialcast-a-simple-secure-free-collaboration-tool/" rel="bookmark" title="Socialcast - A Simple, Secure &#038; Free Collaboration Tool"><img src="http://maxcdn.webappers.com/img/2009/06/socialcast.jpg" alt="Socialcast - A Simple, Secure &#038; Free Collaboration Tool"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2009/06/23/socialcast-a-simple-secure-free-collaboration-tool/" rel="bookmark" title="Socialcast - A Simple, Secure &#038; Free Collaboration Tool">Socialcast &#8211; A Simple, Secure &#038; Free Collaboration Tool</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/11/18/zenbe-one-of-the-best-webmail-experiences/" rel="bookmark" title="Zenbe - One of the Best Webmail Experiences"><img src="http://maxcdn.webappers.com/img/2008/11/zenbe.png" alt="Zenbe - One of the Best Webmail Experiences"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/11/18/zenbe-one-of-the-best-webmail-experiences/" rel="bookmark" title="Zenbe - One of the Best Webmail Experiences">Zenbe &#8211; One of the Best Webmail Experiences</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/06/19/sava-open-source-coldfusion-cms/" rel="bookmark" title="Sava - Open Source ColdFusion CMS"><img src="http://maxcdn.webappers.com/img/2008/06/coldfusion-cms2.png" alt="Sava - Open Source ColdFusion CMS"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/06/19/sava-open-source-coldfusion-cms/" rel="bookmark" title="Sava - Open Source ColdFusion CMS">Sava &#8211; Open Source ColdFusion CMS</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/02/18/symfony-2-0-preview-release-now-available-online/" rel="bookmark" title="Symfony 2.0 - Preview Release Now Available Online"><img src="http://maxcdn.webappers.com/img/2010/02/symfony-2.jpg" alt="Symfony 2.0 - Preview Release Now Available Online"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/02/18/symfony-2-0-preview-release-now-available-online/" rel="bookmark" title="Symfony 2.0 - Preview Release Now Available Online">Symfony 2.0 &#8211; Preview Release Now Available Online</a></h4>
</div>
</div>
</div>
</div>
<p><!-- Similar Posts took 27.507 ms -->						</p></div>
</p></div>
<p> <!-- End Related --></p>
<div class="seperator"> </div>
<div class="comments-section">
<div class="title">Comments</div>
<div class="comments">
<div id="disqus_thread">
    </div>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var disqus_url = 'http://www.webappers.com/2012/07/24/cage-a-pretty-slick-online-collaboration-tool/';
    var disqus_identifier = '6348 http://www.webappers.com/?p=6348';
    var disqus_container_id = 'disqus_thread';
    var disqus_domain = 'disqus.com';
    var disqus_shortname = 'webappers';
    var disqus_title = "Cage: A Pretty Slick Online Collaboration Tool";
        var disqus_config = function () {
        var config = this; // Access to the config object</p>
<p>        /*
           All currently supported events:
            * preData — fires just before we request for initial data
            * preInit - fires after we get initial data but before we load any dependencies
            * onInit  - fires when all dependencies are resolved but before dtpl template is rendered
            * afterRender - fires when template is rendered but before we show it
            * onReady - everything is done
         */</p>
<p>        config.callbacks.preData.push(function() {
            // clear out the container (its filled for SEO/legacy purposes)
            document.getElementById(disqus_container_id).innerHTML = '';
        });
                config.callbacks.onReady.push(function() {
            // sync comments in the background so we don't block the page
            DISQUS.request.get('?cf_action=sync_comments&#038;post_id=6348');
        });
                    };
    var facebookXdReceiverPath = 'http://www.webappers.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var DsqLocal = {
        'trackbacks': [
        ],
        'trackback_url': "http:\/\/www.webappers.com\/2012\/07\/24\/cage-a-pretty-slick-online-collaboration-tool\/trackback\/"    };
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript';
    dsq.async = true;
        dsq.src = 'http' + '://' + disqus_shortname + '.' + disqus_domain + '/embed.js?pname=wordpress&#038;pver=2.72';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]&gt; */
</script></p></div>
</p></div>
<div class="seperator"> </div>
<div class="about-section">
<h2>Open Source Resources for You</h2>
<div class="about">
<p>What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.</p>
<p>&copy; Copyright 2012 WebAppers | <span class="links"><a href="http://www.webappers.com/about/" title="About">About</a> | <a href="http://www.webappers.com/archives/" title="Archives">Archives</a> | <a href="http://www.webappers.com/privacy-policy-for-webapperscom/" title="Privacy Policy">Privacy Policy</a> | <a href="http://buysellads.com/buy/detail/51" title="Archives">Advertise</a> | <a href="http://www.webappers.com/contact/" title="Contact">Contact</a></span></p>
</p></div>
</p></div>
</p></div>
<div class="end"></div>
</p></div>
<div id="sidebar">
<div id="side_banner">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<p><!-- BuySellAds Zone Code --></p>
<div id="bsap_1238094" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><!--<br />
<a href="http://www.webiconset.com" title="Professional Web Icons" target="_blank" class="ad6 even"><img src="http://maxcdn.webappers.com/img/2012/06/webiconset.png" width="160" height="100" alt="Professional Web Icons"></a><br />
--></p>
<div class="clearBoth"> </div>
</p></div>
</p></div>
<div id="side_content">
<div class="start">
				</div>
<div class="middle">
<div class="search_form">
<div class="topic">
<div class="title">Search</div>
<div class="desc">By Keywords</div>
<div class="clearBoth"></div>
</p></div>
<form class="form-inline" action="/" method="get">
							<button type="submit" class="btn btn-info">Search</button><br />
							<input type="text" name="s" value="" class="search_field"  placeholder="" data-provide="typeahead" data-items="8" data-source='["Advertisement","Announcement","Best Collections","Brushes","BSD License","Buttons","Calendar","Capture","CC License","Charts","Chat","Code","Color Schemes","Components","Demo Tour","Design","eCommerce","Fonts","Forms","Framework","Gallery","GPL License","Hosting","Icons","Information","Inspiration","Legal Documents","LGPL License","License Free","Maps","Menu","MIT License","Patterns","Polls","Popup","PS Tutorials","Reviews","Security","Social","Sound","Stats","Stock Photos","Tables","Tools","Tooltips","Upload","Video","Webmail"]'><br />
						</form>
</p></div>
<div class="popular">
<div class="title"> </div>
<div class="desc"><a id="30_days" href="#" class="selected">30 Days</a> / <a id="all_time" href="#">All Time</a></div>
<div class="clearBoth"></div>
<ul class="number">
<li class="pop_1">1</li>
<li class="pop_2">2</li>
<li class="pop_3">3</li>
<li class="pop_4">4</li>
<li class="pop_5">5</li>
<li class="pop_6">6</li>
<li class="pop_7">7</li>
<li class="pop_8">8</li>
<li class="pop_9">9</li>
<li class="pop_10">10</li>
</ul>
<ul class="hidden list" id="all_time_list">
<li><a title="Professional Business Cards Made By Designers" href="http://www.webappers.com/2010/08/18/25-professional-business-cards-made-by-designers/">Professional Business Cards Made By Designers</a></li>
<li><a title="Best Free Chrome Extensions for Web Developers" href="http://www.webappers.com/2010/08/25/35-best-free-chrome-extensions-for-web-developers/">Best Free Chrome Extensions for Web Developers</a></li>
<li ><a title="All of the Best Free WordPress Themes You Need<" href="http://www.webappers.com/2010/09/14/all-of-the-best-free-wordpress-themes-you-need/">All of the Best Free WordPress Themes You Need</a></li>
<li><a title="How to Create a Web App Admin User Interface" href="http://www.webappers.com/2009/07/05/create-a-web-app-admin-user-interface-in-photoshop/">How to Create a Web App Admin User Interface</a></li>
<li><a title="Nice List of Open Source Fish Eye Menu" href="http://www.webappers.com/2007/10/29/nice-list-of-open-source-fish-eye-menu/">Nice List of Open Source Fish Eye Menu</a></li>
<li><a title="Best Web Admin Templates" href="http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/">Best Web Admin Templates</a></li>
<li><a title="25 Useful Blogs for Web Design &#038; Development" href="http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/">25 Useful Blogs for Web Design &#038; Development</a></li>
<li><a title="Simple Javascript Progress Bar with CSS" href="http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/">Simple Javascript Progress Bar with CSS</a></li>
<li><a title="10 Useful &#038; Quality Design Resources" href="http://www.webappers.com/2009/07/28/10-useful-quality-design-resources-on-graphicriver/">10 Useful &#038; Quality Design Resources</a></li>
<li><a title="Free Web Application Icons" href="http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/">Free Web Application Icons</a></li>
</ul>
<ul class="list selected" id="30_days_list">
<li><a href="http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/" title="30 Toolbar Icons for User Interface Design">30 Toolbar Icons for User Interface Design</a></li>
<li><a href="http://www.webappers.com/2012/07/12/awesome-html5-app-for-creating-wireframes-mockups/" title="Awesome HTML5 App for Creating Wireframes &#038; Mockups">Awesome HTML5 App for Creating Wireframes &#038; Mockups</a></li>
<li><a href="http://www.webappers.com/2012/07/19/600-clean-and-nicely-designed-vector-icons-for-free/" title="600+ Clean and Nicely Designed Vector Icons for Free">600+ Clean and Nicely Designed Vector Icons for Free</a></li>
<li><a href="http://www.webappers.com/2012/07/11/twitter-bootstrap-colorpicker-and-datepicker/" title="Twitter Bootstrap Colorpicker and Datepicker">Twitter Bootstrap Colorpicker and Datepicker</a></li>
<li><a href="http://www.webappers.com/2012/07/18/pdf-js-html5-portable-document-format-renderer/" title="PDF.js - HTML5 Portable Document Format Renderer">PDF.js - HTML5 Portable Document Format Renderer</a></li>
<li><a href="http://www.webappers.com/2012/07/03/foundation-3-advanced-responsive-front-end-framework/" title="Foundation 3: Advanced Responsive Front-end Framework">Foundation 3: Advanced Responsive Front-end Framework</a></li>
<li><a href="http://www.webappers.com/2012/07/13/social-media-buttons-integration-jquery-plugin/" title="Social Media Buttons Integration jQuery Plugin">Social Media Buttons Integration jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/10/a-powerful-library-for-data-heavy-applications/" title="A Powerful Library for Data-Heavy Applications">A Powerful Library for Data-Heavy Applications</a></li>
<li><a href="http://www.webappers.com/2012/07/23/a-javascript-package-manager-for-front-end-developers/" title="A JavaScript Package Manager for Front End Developers">A JavaScript Package Manager for Front End Developers</a></li>
<li><a href="http://www.webappers.com/2012/07/20/easy-to-use-image-placeholder-jquery-plugin/" title="Easy To Use Image Placeholder jQuery Plugin">Easy To Use Image Placeholder jQuery Plugin</a></li>
</ul>
<div class="clearBoth"></div>
</p></div>
<div class="skyscraper">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238095" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
						</div>
</p></div>
<div class="all_tags">
<div class="tags normal" >
<div class="title">Plugins</div>
<ul id="list_plugins">
<li><a href="http://www.webappers.com/category/components/ads/"><span class="name">Advertisement</span><span class="number">15</span></a></li>
<li><a href="http://www.webappers.com/category/components/calendar/"><span class="name">Calendar</span><span class="number">45</span></a></li>
<li><a href="http://www.webappers.com/category/components/capture/"><span class="name">Capture</span><span class="number">17</span></a></li>
<li><a href="http://www.webappers.com/category/components/charts/"><span class="name">Charts</span><span class="number">48</span></a></li>
<li><a href="http://www.webappers.com/category/components/instant-messaging/"><span class="name">Chat</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/components/demo-tour/"><span class="name">Demo Tour</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/components/gallery/"><span class="name">Gallery</span><span class="number">107</span></a></li>
<li><a href="http://www.webappers.com/category/components/maps/"><span class="name">Maps</span><span class="number">28</span></a></li>
<li><a href="http://www.webappers.com/category/components/menu/"><span class="name">Menu</span><span class="number">73</span></a></li>
<li><a href="http://www.webappers.com/category/components/polls/"><span class="name">Polls</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/components/popup/"><span class="name">Popup</span><span class="number">46</span></a></li>
<li><a href="http://www.webappers.com/category/components/tooltips/"><span class="name">Tooltips</span><span class="number">39</span></a></li>
<li><a href="http://www.webappers.com/category/components/upload/"><span class="name">Upload</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/components/video/"><span class="name">Video</span><span class="number">16</span></a></li>
</ul></div>
<div class="tags">
<div class="title_design">Desgin</div>
<ul id="list_design">
<li><a href="http://www.webappers.com/category/design/brushes/"><span class="name">Brushes</span><span class="number">11</span></a></li>
<li><a href="http://www.webappers.com/category/design/buttons/"><span class="name">Buttons</span><span class="number">22</span></a></li>
<li><a href="http://www.webappers.com/category/design/color-schemes/"><span class="name">Color Schemes</span><span class="number">23</span></a></li>
<li><a href="http://www.webappers.com/category/design/fonts/"><span class="name">Fonts</span><span class="number">40</span></a></li>
<li><a href="http://www.webappers.com/category/design/forms/"><span class="name">Forms</span><span class="number">100</span></a></li>
<li><a href="http://www.webappers.com/category/design/icons/"><span class="name">Icons</span><span class="number">92</span></a></li>
<li><a href="http://www.webappers.com/category/design/patterns/"><span class="name">Patterns</span><span class="number">24</span></a></li>
<li><a href="http://www.webappers.com/category/design/photoshop-tutorials/"><span class="name">PS Tutorials</span><span class="number">10</span></a></li>
<li><a href="http://www.webappers.com/category/design/stock-photos/"><span class="name">Stock Photos</span><span class="number">19</span></a></li>
<li><a href="http://www.webappers.com/category/design/tables/"><span class="name">Tables</span><span class="number">25</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_others">Others</div>
<div class="clearBoth"></div>
<ul id="list_others" class="others">
<li><a href="http://www.webappers.com/category/announcement/"><span class="name">Announcement</span><span class="number">86</span></a></li>
<li><a href="http://www.webappers.com/category/best-collections/"><span class="name">Best Collections</span><span class="number">4</span></a></li>
<li><a href="http://www.webappers.com/category/code/"><span class="name">Code</span><span class="number">49</span></a></li>
<li><a href="http://www.webappers.com/category/ecommerce/"><span class="name">eCommerce</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/framework/"><span class="name">Framework</span><span class="number">172</span></a></li>
<li><a href="http://www.webappers.com/category/hosting/"><span class="name">Hosting</span><span class="number">12</span></a></li>
<li><a href="http://www.webappers.com/category/information/"><span class="name">Information</span><span class="number">163</span></a></li>
<li><a href="http://www.webappers.com/category/inspiration/"><span class="name">Inspiration</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/legal-documents/"><span class="name">Legal Documents</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/reviews/"><span class="name">Reviews</span><span class="number">8</span></a></li>
<li><a href="http://www.webappers.com/category/security/"><span class="name">Security</span><span class="number">13</span></a></li>
<li><a href="http://www.webappers.com/category/social/"><span class="name">Social</span><span class="number">21</span></a></li>
<li><a href="http://www.webappers.com/category/sound/"><span class="name">Sound</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/stats/"><span class="name">Stats</span><span class="number">36</span></a></li>
<li><a href="http://www.webappers.com/category/tools/"><span class="name">Tools</span><span class="number">231</span></a></li>
<li><a href="http://www.webappers.com/category/webmail/"><span class="name">Webmail</span><span class="number">13</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_licenses">Licesnes</div>
<div class="clearBoth"></div>
<ul class="others">
<li><a href="http://www.webappers.com/category/license-bsd/"><span class="name">BSD License</span><span class="number">57</span></a></li>
<li><a href="http://www.webappers.com/category/license-cc/"><span class="name">CC License</span><span class="number">116</span></a></li>
<li><a href="http://www.webappers.com/category/license-gpl/"><span class="name">GPL License</span><span class="number">206</span></a></li>
<li><a href="http://www.webappers.com/category/license-lgpl/"><span class="name">LGPL License</span><span class="number">38</span></a></li>
<li><a href="http://www.webappers.com/category/license-free/"><span class="name">License Free</span><span class="number">632</span></a></li>
<li><a href="http://www.webappers.com/category/license-mit/"><span class="name">MIT License</span><span class="number">318</span></a></li>
</ul></div>
<div class="clearBoth"></div>
</p></div>
<p> <!-- end all_tags --></p>
<div class="rectangle">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238096" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "336x280,300x250";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";</p>
<p>//--></script><br />
<!-- <scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script> --></p></div>
</p></div>
<div class="partners">
<div class="title">Partners</div>
<p>				<a href="http://www.netdna.com" class="netdna">NetDNA</a></p></div>
</p></div>
<div class="end">
				</div>
</p></div>
</p></div>
<p> <!-- ENd Sidebar --></p>
<div class="clearBoth"></div>
</p></div>
<div id="footer-ad">
<scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "728x90,468x60";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";
//--></script><br />
<scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script>
</div>
</div>
<p> <!-- End Container --></p>
<div id="fb-root"></div>
<p><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&#038;appId=264476923617601";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></p>
<p><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
<p><scriptd typed="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></p>
<p><script></p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 115 &#038;&#038; (navigator.userAgent.indexOf('iPhone') == -1 &#038;&#038; navigator.userAgent.indexOf('iPad') == -1 &#038;&#038; navigator.userAgent.indexOf('Blackberry') == -1 &#038;&#038; navigator.userAgent.indexOf('Android') == -1) ) {
				$('#menu_bar').addClass("fixed");
			} else {
				$('#menu_bar').removeClass("fixed");
			}
		});</p>
<p>var selected_ele = $('#menu ul li.selected');
$('#menu ul li').hover(function(){
	selected_ele.removeClass('selected');
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
	selected_ele.addClass('selected');
});</p>
<p>$('#all_time').click(function() {
	$('#main #sidebar #side_content .popular ul#30_days_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#30_days_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').fadeIn();
		$('#30_days').removeClass('selected');
		$('#all_time').addClass('selected');
		$('#30_days_list').removeClass('selected');
		$('#all_time_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#30_days').click(function() {
	$('#main #sidebar #side_content .popular ul#all_time_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#all_time_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').fadeIn();
		$('#all_time').removeClass('selected');
		$('#30_days').addClass('selected');	
		$('#all_time_list').removeClass('selected');
		$('#30_days_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#main #sidebar #side_content .popular ul.list li a').hover(function(){</p>
<p>	//alert($(this).parent().attr('class'));
//	alert($(this).parent().parent().parent().find('.number').html());
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).addClass('selected');</p>
<p>	},function() {
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).removeClass('selected');
	//$(this).parent().parent().parent().find('.number li.'+$(this).parent().attr('class')).removeClass('selected');
});</p>
<p>$('#main #content .related .resources .item').hover(function(){
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
});</p>
<p>$('.typeahead').typeahead()</p>
<p>Tipped.create('#menu_plugins', $('#list_plugins').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	//$(content).find('ul').addClass('nav');
	//Tipped.refresh('#menu_plugins');
	//alert($(content).html());
	selected_ele = $('#menu_plugins');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,</p>
<p>	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_design', $('#list_design').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_design');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_others', $('#list_others').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_others');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>	// fade in #back-top</p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 600) {
				$('.top').fadeIn();
			} else {
				$('.top').fadeOut();
			}
		});</p>
<p>		// scroll body to 0px on click</p>
<p>		$('#.top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});</p>
<p>//$("[rel=tooltip]").tooltip({placement:'bottom'});</p>
<p>Tipped.create('.tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 10 },
	hook: 'bottommiddle'
});</p>
<p>Tipped.create('.ranking-tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 0 },
	hook: 'topmiddle'
});</p>
<p>// Usage:</p>
<p></script></p>
<p><!-- BuySellAds Ad Code --><br />
<scriptd typed="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script><br />
<!-- End BuySellAds Ad Code --></p>
<p><scriptd typed="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br />
<scriptd typed="text/javascript">
var pageTracker = _gat._getTracker("UA-1554459-2");
pageTracker._trackPageview();
</script></p>
<p><scriptd typed="text/javascript" src="http://include.reinvigorate.net/re_.js"></script><br />
<scriptd typed="text/javascript">
try {
reinvigorate.track("01ztb-iq09prpk37");
} catch(err) {}
</script></p>
<p><scriptd typed="text/javascript">
    var GoSquared={};
    GoSquared.acct = "GSN-796486-F";
    (function(w){
        function gs(){
            w._gstc_lt=+(new Date); var d=document;
            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
        }
        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
    })(window);
</script></p>
<p></body><br />
</html><!--<br />
This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!</p>
<p>Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/</p>
<p>Page Caching using disk (enchanced)<br />
Content Delivery Network via maxcdn.webappers.com</p>
<p>Served from: ps11300.dreamhostps.com @ 2012-07-30 00:19:09 --><br /> Read original post on www.webappers.com</div>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/zZeptF5pYL8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/cage-a-pretty-slick-online-collaboration-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/cage-a-pretty-slick-online-collaboration-tool/</feedburner:origLink></item>
		<item>
		<title>A Handy HTML5 Sprite Sheet Generator</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/OHYe0sZ-Hh8/</link>
		<comments>http://www.webbu.org/web/a-handy-html5-sprite-sheet-generator/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 07:56:51 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[A]]></category>
		<category><![CDATA[Generator]]></category>
		<category><![CDATA[Handy]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Sheet]]></category>
		<category><![CDATA[sprite]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3350</guid>
		<description><![CDATA[Sponsors subscribe to our newsletter &#8211; weekly free resouces for web developers Subscribe follow us on social sites &#8211; rss, facebook, google+, Twitter Related Resources Take Screenshots of Webpages with HTML2Canvas The Best Cheat Sheets for Web Developers Create a MS Excel Style Spreadsheet with jQuery.sheet Useful &#038; Practical jQuery Visual Cheat Sheet Easily Create <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/a-handy-html5-sprite-sheet-generator/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<div class="">
<!--</p>
<p><a href="http://bundlehunt.com/" target="_blank"><img src="http://maxcdn.webappers.com/img/2012/06/WEBAPPERS-poster.jpg"/></a></p>
<p>&#8211;></p>
<p><a title="Stitches" href="http://draeton.github.com/stitches/" target="_blank">Stitches</a> is an HTML5 sprite sheet generator. Simple drag and drop image files into the space below and click &#8220;Generate&#8221; to create a sprite sheet and stylesheet. </p>
<p>Stitches uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox. However, it does not work on IE9. It required jQuery 1.7.1+, Modernizr, Dropfile, Flashcanvas for older browser support. It is licensed under MIT License.</p>
<p style="text-align: center;"><a title="Stitches" href="http://draeton.github.com/stitches/" target="_blank"><img class="size-full wp-image-6362 aligncenter" title="stiches" src="http://maxcdn.webappers.com/img/2012/07/stiches.jpg" alt="stiches" width="580" height="337" /></a></p>
<blockquote><p>Requirements: jQuery Framework<br />
Demo: <a title="demo" rel="nofollow" href="http://draeton.github.com/stitches/" target="_blank">http://draeton.github.com/stitches/</a><br />
License: MIT License</p>
</blockquote></div>
<div class="share">
<div class="title">Share</div>
<div class="social_share">
<div class="like-button-holder">
<div id="FaceBookLikeButton">
<div class="fb-like" data-href="http://www.webappers.com/2012/07/25/a-handy-html5-sprite-sheet-generator/" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</p></div>
</p></div>
<div class="tweet-button-holder"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.webappers.com/2012/07/25/a-handy-html5-sprite-sheet-generator/" data-via="webappers">Tweet</a>
							</div>
<div class="google-button-holder">
								<!-- Place this tag where you want the +1 button to render --><br />
<g:plusone size="medium" href="http://www.webappers.com/2012/07/25/a-handy-html5-sprite-sheet-generator/"></g:plusone></p></div>
</p></div>
<div class="clearBoth"></div>
</p></div>
<p><!-- End Share --></p></div>
<p> <!-- End Post --></p>
<div class="seperator"> </div>
<div class="first_ad">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238093" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
				</div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="subscribe">
<div class="newsletter">
<h5>subscribe to our newsletter &#8211; weekly free resouces for web developers</h5>
<div class="subscribe_form">
<form class="form-inline" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Webappers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
							<button type="submit" class="btn">Subscribe</button><br />
							<input type="hidden" value="Webappers" name="uri"/><br />
    						<input type="hidden" name="loc" value="en_US"/><br />
							<input type="text" name="email" class="subscribe_field"  placeholder="Email Address" ><br />
							</form>
</p></div>
</p></div>
<div class="rss">
<h5>follow us on social sites &#8211; rss, facebook, google+, Twitter</h5>
<div class="social_buttons">
											<a href="http://feeds2.feedburner.com/Webappers" class="social_rss tooltips" title="Subscrube RSS"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_rss.png" alt="Subscribe RSS"/></a><br />
											<a href="http://www.facebook.com/WebAppers" class="social_facebook tooltips" title="Like us on Facebook"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_facebook.png" alt="Like us on Facebook"/></a><br />
											<a href="http://twitter.com/#!/webappers" class="social_twitter tooltips" title="Follow us on Twitter"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_twitter.png" alt="Follow us on Twitter"/></a><br />
											<a href="https://plus.google.com/b/113553364177176851960/" class="social_google_plus tooltips" title="Follow us on Google+"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_google_plus.png" alt="Follow us on Google+"/></a>
							</div>
</p></div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="related">
<div class="title">Related Resources</div>
<div class="resources">
<div class="PostContent">
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2011/08/09/take-screenshots-of-webpages-with-html2canvas/" rel="bookmark" title="Take Screenshots of Webpages with HTML2Canvas"><img src="http://maxcdn.webappers.com/img/2011/08/html-canvas.jpg" alt="Take Screenshots of Webpages with HTML2Canvas"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2011/08/09/take-screenshots-of-webpages-with-html2canvas/" rel="bookmark" title="Take Screenshots of Webpages with HTML2Canvas">Take Screenshots of Webpages with HTML2Canvas</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/11/05/best-cheat-sheets-for-web-developers/" rel="bookmark" title="The Best Cheat Sheets for Web Developers"><img src="http://maxcdn.webappers.com/img/2008/11/jQuery.png" alt="The Best Cheat Sheets for Web Developers"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/11/05/best-cheat-sheets-for-web-developers/" rel="bookmark" title="The Best Cheat Sheets for Web Developers">The Best Cheat Sheets for Web Developers</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/01/25/create-a-ms-excel-style-spreadsheet-with-jquery-sheet/" rel="bookmark" title="Create a MS Excel Style Spreadsheet with jQuery.sheet"><img src="http://maxcdn.webappers.com/img/2010/01/jquery-spreadsheet.jpg" alt="Create a MS Excel Style Spreadsheet with jQuery.sheet"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/01/25/create-a-ms-excel-style-spreadsheet-with-jquery-sheet/" rel="bookmark" title="Create a MS Excel Style Spreadsheet with jQuery.sheet">Create a MS Excel Style Spreadsheet with jQuery.sheet</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2009/10/03/useful-practical-jquery-visual-cheat-sheet/" rel="bookmark" title="Useful &#038; Practical jQuery Visual Cheat Sheet"><img src="http://maxcdn.webappers.com/img/2009/10/jquery-cheat-sheet.jpg" alt="Useful &#038; Practical jQuery Visual Cheat Sheet"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2009/10/03/useful-practical-jquery-visual-cheat-sheet/" rel="bookmark" title="Useful &#038; Practical jQuery Visual Cheat Sheet">Useful &#038; Practical jQuery Visual Cheat Sheet</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2011/01/12/easily-create-sprite-images-online-with-spritebox/" rel="bookmark" title="Easily Create Sprite Images Online with Spritebox"><img src="http://maxcdn.webappers.com/img/2011/01/spritebox.jpg" alt="Easily Create Sprite Images Online with Spritebox"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2011/01/12/easily-create-sprite-images-online-with-spritebox/" rel="bookmark" title="Easily Create Sprite Images Online with Spritebox">Easily Create Sprite Images Online with Spritebox</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2011/10/13/kendo-ui-the-art-of-web-development/" rel="bookmark" title="Kendo UI - The Art of Web Development"><img src="http://maxcdn.webappers.com/img/2011/10/kendo-ui.png" alt="Kendo UI - The Art of Web Development"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2011/10/13/kendo-ui-the-art-of-web-development/" rel="bookmark" title="Kendo UI - The Art of Web Development">Kendo UI &#8211; The Art of Web Development</a></h4>
</div>
</div>
</div>
</div>
<p><!-- Similar Posts took 23.981 ms -->						</p></div>
</p></div>
<p> <!-- End Related --></p>
<div class="seperator"> </div>
<div class="comments-section">
<div class="title">Comments</div>
<div class="comments">
<div id="disqus_thread">
    </div>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var disqus_url = 'http://www.webappers.com/2012/07/25/a-handy-html5-sprite-sheet-generator/';
    var disqus_identifier = '6361 http://www.webappers.com/?p=6361';
    var disqus_container_id = 'disqus_thread';
    var disqus_domain = 'disqus.com';
    var disqus_shortname = 'webappers';
    var disqus_title = "A Handy HTML5 Sprite Sheet Generator";
        var disqus_config = function () {
        var config = this; // Access to the config object</p>
<p>        /*
           All currently supported events:
            * preData — fires just before we request for initial data
            * preInit - fires after we get initial data but before we load any dependencies
            * onInit  - fires when all dependencies are resolved but before dtpl template is rendered
            * afterRender - fires when template is rendered but before we show it
            * onReady - everything is done
         */</p>
<p>        config.callbacks.preData.push(function() {
            // clear out the container (its filled for SEO/legacy purposes)
            document.getElementById(disqus_container_id).innerHTML = '';
        });
                config.callbacks.onReady.push(function() {
            // sync comments in the background so we don't block the page
            DISQUS.request.get('?cf_action=sync_comments&#038;post_id=6361');
        });
                    };
    var facebookXdReceiverPath = 'http://www.webappers.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var DsqLocal = {
        'trackbacks': [
        ],
        'trackback_url': "http:\/\/www.webappers.com\/2012\/07\/25\/a-handy-html5-sprite-sheet-generator\/trackback\/"    };
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript';
    dsq.async = true;
        dsq.src = 'http' + '://' + disqus_shortname + '.' + disqus_domain + '/embed.js?pname=wordpress&#038;pver=2.72';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]&gt; */
</script></p></div>
</p></div>
<div class="seperator"> </div>
<div class="about-section">
<h2>Open Source Resources for You</h2>
<div class="about">
<p>What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.</p>
<p>&copy; Copyright 2012 WebAppers | <span class="links"><a href="http://www.webappers.com/about/" title="About">About</a> | <a href="http://www.webappers.com/archives/" title="Archives">Archives</a> | <a href="http://www.webappers.com/privacy-policy-for-webapperscom/" title="Privacy Policy">Privacy Policy</a> | <a href="http://buysellads.com/buy/detail/51" title="Archives">Advertise</a> | <a href="http://www.webappers.com/contact/" title="Contact">Contact</a></span></p>
</p></div>
</p></div>
</p></div>
<div class="end"></div>
</p></div>
<div id="sidebar">
<div id="side_banner">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<p><!-- BuySellAds Zone Code --></p>
<div id="bsap_1238094" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><!--<br />
<a href="http://www.webiconset.com" title="Professional Web Icons" target="_blank" class="ad6 even"><img src="http://maxcdn.webappers.com/img/2012/06/webiconset.png" width="160" height="100" alt="Professional Web Icons"></a><br />
--></p>
<div class="clearBoth"> </div>
</p></div>
</p></div>
<div id="side_content">
<div class="start">
				</div>
<div class="middle">
<div class="search_form">
<div class="topic">
<div class="title">Search</div>
<div class="desc">By Keywords</div>
<div class="clearBoth"></div>
</p></div>
<form class="form-inline" action="/" method="get">
							<button type="submit" class="btn btn-info">Search</button><br />
							<input type="text" name="s" value="" class="search_field"  placeholder="" data-provide="typeahead" data-items="8" data-source='["Advertisement","Announcement","Best Collections","Brushes","BSD License","Buttons","Calendar","Capture","CC License","Charts","Chat","Code","Color Schemes","Components","Demo Tour","Design","eCommerce","Fonts","Forms","Framework","Gallery","GPL License","Hosting","Icons","Information","Inspiration","Legal Documents","LGPL License","License Free","Maps","Menu","MIT License","Patterns","Polls","Popup","PS Tutorials","Reviews","Security","Social","Sound","Stats","Stock Photos","Tables","Tools","Tooltips","Upload","Video","Webmail"]'><br />
						</form>
</p></div>
<div class="popular">
<div class="title"> </div>
<div class="desc"><a id="30_days" href="#" class="selected">30 Days</a> / <a id="all_time" href="#">All Time</a></div>
<div class="clearBoth"></div>
<ul class="number">
<li class="pop_1">1</li>
<li class="pop_2">2</li>
<li class="pop_3">3</li>
<li class="pop_4">4</li>
<li class="pop_5">5</li>
<li class="pop_6">6</li>
<li class="pop_7">7</li>
<li class="pop_8">8</li>
<li class="pop_9">9</li>
<li class="pop_10">10</li>
</ul>
<ul class="hidden list" id="all_time_list">
<li><a title="Professional Business Cards Made By Designers" href="http://www.webappers.com/2010/08/18/25-professional-business-cards-made-by-designers/">Professional Business Cards Made By Designers</a></li>
<li><a title="Best Free Chrome Extensions for Web Developers" href="http://www.webappers.com/2010/08/25/35-best-free-chrome-extensions-for-web-developers/">Best Free Chrome Extensions for Web Developers</a></li>
<li ><a title="All of the Best Free WordPress Themes You Need<" href="http://www.webappers.com/2010/09/14/all-of-the-best-free-wordpress-themes-you-need/">All of the Best Free WordPress Themes You Need</a></li>
<li><a title="How to Create a Web App Admin User Interface" href="http://www.webappers.com/2009/07/05/create-a-web-app-admin-user-interface-in-photoshop/">How to Create a Web App Admin User Interface</a></li>
<li><a title="Nice List of Open Source Fish Eye Menu" href="http://www.webappers.com/2007/10/29/nice-list-of-open-source-fish-eye-menu/">Nice List of Open Source Fish Eye Menu</a></li>
<li><a title="Best Web Admin Templates" href="http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/">Best Web Admin Templates</a></li>
<li><a title="25 Useful Blogs for Web Design &#038; Development" href="http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/">25 Useful Blogs for Web Design &#038; Development</a></li>
<li><a title="Simple Javascript Progress Bar with CSS" href="http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/">Simple Javascript Progress Bar with CSS</a></li>
<li><a title="10 Useful &#038; Quality Design Resources" href="http://www.webappers.com/2009/07/28/10-useful-quality-design-resources-on-graphicriver/">10 Useful &#038; Quality Design Resources</a></li>
<li><a title="Free Web Application Icons" href="http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/">Free Web Application Icons</a></li>
</ul>
<ul class="list selected" id="30_days_list">
<li><a href="http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/" title="30 Toolbar Icons for User Interface Design">30 Toolbar Icons for User Interface Design</a></li>
<li><a href="http://www.webappers.com/2012/07/12/awesome-html5-app-for-creating-wireframes-mockups/" title="Awesome HTML5 App for Creating Wireframes &#038; Mockups">Awesome HTML5 App for Creating Wireframes &#038; Mockups</a></li>
<li><a href="http://www.webappers.com/2012/07/19/600-clean-and-nicely-designed-vector-icons-for-free/" title="600+ Clean and Nicely Designed Vector Icons for Free">600+ Clean and Nicely Designed Vector Icons for Free</a></li>
<li><a href="http://www.webappers.com/2012/07/11/twitter-bootstrap-colorpicker-and-datepicker/" title="Twitter Bootstrap Colorpicker and Datepicker">Twitter Bootstrap Colorpicker and Datepicker</a></li>
<li><a href="http://www.webappers.com/2012/07/18/pdf-js-html5-portable-document-format-renderer/" title="PDF.js - HTML5 Portable Document Format Renderer">PDF.js - HTML5 Portable Document Format Renderer</a></li>
<li><a href="http://www.webappers.com/2012/07/03/foundation-3-advanced-responsive-front-end-framework/" title="Foundation 3: Advanced Responsive Front-end Framework">Foundation 3: Advanced Responsive Front-end Framework</a></li>
<li><a href="http://www.webappers.com/2012/06/29/highly-configurable-zebra-datepicker-jquery-plugin/" title="Highly Configurable Zebra Datepicker jQuery Plugin">Highly Configurable Zebra Datepicker jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/13/social-media-buttons-integration-jquery-plugin/" title="Social Media Buttons Integration jQuery Plugin">Social Media Buttons Integration jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/10/a-powerful-library-for-data-heavy-applications/" title="A Powerful Library for Data-Heavy Applications">A Powerful Library for Data-Heavy Applications</a></li>
<li><a href="http://www.webappers.com/2012/07/23/a-javascript-package-manager-for-front-end-developers/" title="A JavaScript Package Manager for Front End Developers">A JavaScript Package Manager for Front End Developers</a></li>
</ul>
<div class="clearBoth"></div>
</p></div>
<div class="skyscraper">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238095" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
						</div>
</p></div>
<div class="all_tags">
<div class="tags normal" >
<div class="title">Plugins</div>
<ul id="list_plugins">
<li><a href="http://www.webappers.com/category/components/ads/"><span class="name">Advertisement</span><span class="number">15</span></a></li>
<li><a href="http://www.webappers.com/category/components/calendar/"><span class="name">Calendar</span><span class="number">45</span></a></li>
<li><a href="http://www.webappers.com/category/components/capture/"><span class="name">Capture</span><span class="number">17</span></a></li>
<li><a href="http://www.webappers.com/category/components/charts/"><span class="name">Charts</span><span class="number">48</span></a></li>
<li><a href="http://www.webappers.com/category/components/instant-messaging/"><span class="name">Chat</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/components/demo-tour/"><span class="name">Demo Tour</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/components/gallery/"><span class="name">Gallery</span><span class="number">107</span></a></li>
<li><a href="http://www.webappers.com/category/components/maps/"><span class="name">Maps</span><span class="number">28</span></a></li>
<li><a href="http://www.webappers.com/category/components/menu/"><span class="name">Menu</span><span class="number">73</span></a></li>
<li><a href="http://www.webappers.com/category/components/polls/"><span class="name">Polls</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/components/popup/"><span class="name">Popup</span><span class="number">46</span></a></li>
<li><a href="http://www.webappers.com/category/components/tooltips/"><span class="name">Tooltips</span><span class="number">39</span></a></li>
<li><a href="http://www.webappers.com/category/components/upload/"><span class="name">Upload</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/components/video/"><span class="name">Video</span><span class="number">16</span></a></li>
</ul></div>
<div class="tags">
<div class="title_design">Desgin</div>
<ul id="list_design">
<li><a href="http://www.webappers.com/category/design/brushes/"><span class="name">Brushes</span><span class="number">11</span></a></li>
<li><a href="http://www.webappers.com/category/design/buttons/"><span class="name">Buttons</span><span class="number">22</span></a></li>
<li><a href="http://www.webappers.com/category/design/color-schemes/"><span class="name">Color Schemes</span><span class="number">23</span></a></li>
<li><a href="http://www.webappers.com/category/design/fonts/"><span class="name">Fonts</span><span class="number">40</span></a></li>
<li><a href="http://www.webappers.com/category/design/forms/"><span class="name">Forms</span><span class="number">100</span></a></li>
<li><a href="http://www.webappers.com/category/design/icons/"><span class="name">Icons</span><span class="number">92</span></a></li>
<li><a href="http://www.webappers.com/category/design/patterns/"><span class="name">Patterns</span><span class="number">24</span></a></li>
<li><a href="http://www.webappers.com/category/design/photoshop-tutorials/"><span class="name">PS Tutorials</span><span class="number">10</span></a></li>
<li><a href="http://www.webappers.com/category/design/stock-photos/"><span class="name">Stock Photos</span><span class="number">19</span></a></li>
<li><a href="http://www.webappers.com/category/design/tables/"><span class="name">Tables</span><span class="number">25</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_others">Others</div>
<div class="clearBoth"></div>
<ul id="list_others" class="others">
<li><a href="http://www.webappers.com/category/announcement/"><span class="name">Announcement</span><span class="number">86</span></a></li>
<li><a href="http://www.webappers.com/category/best-collections/"><span class="name">Best Collections</span><span class="number">4</span></a></li>
<li><a href="http://www.webappers.com/category/code/"><span class="name">Code</span><span class="number">49</span></a></li>
<li><a href="http://www.webappers.com/category/ecommerce/"><span class="name">eCommerce</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/framework/"><span class="name">Framework</span><span class="number">171</span></a></li>
<li><a href="http://www.webappers.com/category/hosting/"><span class="name">Hosting</span><span class="number">12</span></a></li>
<li><a href="http://www.webappers.com/category/information/"><span class="name">Information</span><span class="number">163</span></a></li>
<li><a href="http://www.webappers.com/category/inspiration/"><span class="name">Inspiration</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/legal-documents/"><span class="name">Legal Documents</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/reviews/"><span class="name">Reviews</span><span class="number">8</span></a></li>
<li><a href="http://www.webappers.com/category/security/"><span class="name">Security</span><span class="number">13</span></a></li>
<li><a href="http://www.webappers.com/category/social/"><span class="name">Social</span><span class="number">21</span></a></li>
<li><a href="http://www.webappers.com/category/sound/"><span class="name">Sound</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/stats/"><span class="name">Stats</span><span class="number">36</span></a></li>
<li><a href="http://www.webappers.com/category/tools/"><span class="name">Tools</span><span class="number">231</span></a></li>
<li><a href="http://www.webappers.com/category/webmail/"><span class="name">Webmail</span><span class="number">13</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_licenses">Licesnes</div>
<div class="clearBoth"></div>
<ul class="others">
<li><a href="http://www.webappers.com/category/license-bsd/"><span class="name">BSD License</span><span class="number">57</span></a></li>
<li><a href="http://www.webappers.com/category/license-cc/"><span class="name">CC License</span><span class="number">116</span></a></li>
<li><a href="http://www.webappers.com/category/license-gpl/"><span class="name">GPL License</span><span class="number">206</span></a></li>
<li><a href="http://www.webappers.com/category/license-lgpl/"><span class="name">LGPL License</span><span class="number">38</span></a></li>
<li><a href="http://www.webappers.com/category/license-free/"><span class="name">License Free</span><span class="number">632</span></a></li>
<li><a href="http://www.webappers.com/category/license-mit/"><span class="name">MIT License</span><span class="number">317</span></a></li>
</ul></div>
<div class="clearBoth"></div>
</p></div>
<p> <!-- end all_tags --></p>
<div class="rectangle">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238096" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "336x280,300x250";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";</p>
<p>//--></script><br />
<!-- <scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script> --></p></div>
</p></div>
<div class="partners">
<div class="title">Partners</div>
<p>				<a href="http://www.netdna.com" class="netdna">NetDNA</a></p></div>
</p></div>
<div class="end">
				</div>
</p></div>
</p></div>
<p> <!-- ENd Sidebar --></p>
<div class="clearBoth"></div>
</p></div>
<div id="footer-ad">
<scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "728x90,468x60";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";
//--></script><br />
<scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script>
</div>
</div>
<p> <!-- End Container --></p>
<div id="fb-root"></div>
<p><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&#038;appId=264476923617601";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></p>
<p><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
<p><scriptd typed="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></p>
<p><script></p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 115 &#038;&#038; (navigator.userAgent.indexOf('iPhone') == -1 &#038;&#038; navigator.userAgent.indexOf('iPad') == -1 &#038;&#038; navigator.userAgent.indexOf('Blackberry') == -1 &#038;&#038; navigator.userAgent.indexOf('Android') == -1) ) {
				$('#menu_bar').addClass("fixed");
			} else {
				$('#menu_bar').removeClass("fixed");
			}
		});</p>
<p>var selected_ele = $('#menu ul li.selected');
$('#menu ul li').hover(function(){
	selected_ele.removeClass('selected');
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
	selected_ele.addClass('selected');
});</p>
<p>$('#all_time').click(function() {
	$('#main #sidebar #side_content .popular ul#30_days_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#30_days_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').fadeIn();
		$('#30_days').removeClass('selected');
		$('#all_time').addClass('selected');
		$('#30_days_list').removeClass('selected');
		$('#all_time_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#30_days').click(function() {
	$('#main #sidebar #side_content .popular ul#all_time_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#all_time_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').fadeIn();
		$('#all_time').removeClass('selected');
		$('#30_days').addClass('selected');	
		$('#all_time_list').removeClass('selected');
		$('#30_days_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#main #sidebar #side_content .popular ul.list li a').hover(function(){</p>
<p>	//alert($(this).parent().attr('class'));
//	alert($(this).parent().parent().parent().find('.number').html());
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).addClass('selected');</p>
<p>	},function() {
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).removeClass('selected');
	//$(this).parent().parent().parent().find('.number li.'+$(this).parent().attr('class')).removeClass('selected');
});</p>
<p>$('#main #content .related .resources .item').hover(function(){
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
});</p>
<p>$('.typeahead').typeahead()</p>
<p>Tipped.create('#menu_plugins', $('#list_plugins').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	//$(content).find('ul').addClass('nav');
	//Tipped.refresh('#menu_plugins');
	//alert($(content).html());
	selected_ele = $('#menu_plugins');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,</p>
<p>	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_design', $('#list_design').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_design');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_others', $('#list_others').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_others');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>	// fade in #back-top</p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 600) {
				$('.top').fadeIn();
			} else {
				$('.top').fadeOut();
			}
		});</p>
<p>		// scroll body to 0px on click</p>
<p>		$('#.top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});</p>
<p>//$("[rel=tooltip]").tooltip({placement:'bottom'});</p>
<p>Tipped.create('.tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 10 },
	hook: 'bottommiddle'
});</p>
<p>Tipped.create('.ranking-tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 0 },
	hook: 'topmiddle'
});</p>
<p>// Usage:</p>
<p></script></p>
<p><!-- BuySellAds Ad Code --><br />
<scriptd typed="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script><br />
<!-- End BuySellAds Ad Code --></p>
<p><scriptd typed="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br />
<scriptd typed="text/javascript">
var pageTracker = _gat._getTracker("UA-1554459-2");
pageTracker._trackPageview();
</script></p>
<p><scriptd typed="text/javascript" src="http://include.reinvigorate.net/re_.js"></script><br />
<scriptd typed="text/javascript">
try {
reinvigorate.track("01ztb-iq09prpk37");
} catch(err) {}
</script></p>
<p><scriptd typed="text/javascript">
    var GoSquared={};
    GoSquared.acct = "GSN-796486-F";
    (function(w){
        function gs(){
            w._gstc_lt=+(new Date); var d=document;
            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
        }
        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
    })(window);
</script></p>
<p></body><br />
</html><!--<br />
This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!</p>
<p>Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/</p>
<p>Page Caching using disk (enchanced)<br />
Content Delivery Network via maxcdn.webappers.com</p>
<p>Served from: ps11300.dreamhostps.com @ 2012-07-29 23:36:33 --><br /> Read original post on www.webappers.com</div>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/OHYe0sZ-Hh8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/a-handy-html5-sprite-sheet-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/a-handy-html5-sprite-sheet-generator/</feedburner:origLink></item>
		<item>
		<title>Udemy: Empowers Anyone to Teach and Learn Online</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/8j9EBo52IIM/</link>
		<comments>http://www.webbu.org/web/udemy-empowers-anyone-to-teach-and-learn-online/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 07:56:49 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[and]]></category>
		<category><![CDATA[Anyone]]></category>
		<category><![CDATA[Empowers]]></category>
		<category><![CDATA[Learn]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Teach]]></category>
		<category><![CDATA[To]]></category>
		<category><![CDATA[Udemy:]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3348</guid>
		<description><![CDATA[Sponsors subscribe to our newsletter &#8211; weekly free resouces for web developers Subscribe follow us on social sites &#8211; rss, facebook, google+, Twitter Related Resources Build Location-aware Web Applications with Fire Eagle The Best 25 iPhone Web Applications for Free Mobile Web Design &#8211; A Book by Cameron Moll An SEO Guide for Designers Docstoc <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/udemy-empowers-anyone-to-teach-and-learn-online/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<div class="">
<!--</p>
<p><a href="http://bundlehunt.com/" target="_blank"><img src="http://maxcdn.webappers.com/img/2012/06/WEBAPPERS-poster.jpg"/></a></p>
<p>&#8211;></p>
<p>The world is changing rapidly. And now, more than ever, learning is something that happens outside the classroom throughout our entire lives. And despite having access to a mountain of information via the internet, we still struggle to find structured, comprehensive, trusted sources who can excite us and teach us all the things we want to know. We need trusted experts, guides, to help us on our way.</p>
<p><a title="Udemy" href="http://www.udemy.com/?tc=ads.webappers&#038;newVersion=1" target="_blank">Udemy</a> is a website that<strong> empowers anyone to teach and learn online</strong>. On Udemy, there are thousands of online courses from the best instructors in the world. Furthermore, if you&#8217;re an expert you can share your knowledge by creating an online course on Udemy.</p>
<p>You can find some of the interesting courses related to web design and web development on Udemy too. I found some of them very useful and informative. You should check out the following Free courses like <a title="Whiteboard SEO" href="http://www.udemy.com/whiteboard-seo/" target="_blank">SEO Tips and Tricks with SEOmoz</a>, <a title="Prototype Mobile Apps" href="http://www.udemy.com/prototyping-web-and-mobile-apps/" target="_blank">How to Prototype Web and Mobile Apps in 30 Minutes</a>, <a title="Product Development on Facebook" href="http://www.udemy.com/product-development-at-facebook/" target="_blank">Product Development at Facebook</a>.</p>
<p style="text-align: center;"><a title="Udemy" href="http://www.udemy.com/?tc=ads.webappers&#038;newVersion=1" target="_blank"><img class="size-full wp-image-6353 aligncenter" title="udemy" src="http://maxcdn.webappers.com/img/2012/07/udemy.jpg" alt="udemy" width="580" height="342" /></a></p>
<p>There are some premium courses like <a title="Social Media Marketing for Startups" href="http://www.udemy.com/social-marketing/" target="_blank">Social Media Marketing for Startups</a>, <a title="HTML5 Beginners Crash Course" href="http://www.udemy.com/html5-crash-course/" target="_blank">HTML5 Beginners Crash Course</a> as well. You can check out the reviews before taking any course. So that you can get an idea what the course is about. Once subscribed to a course, you have access to all course materials indefinitely, like an on-demand channel.</p>
</p></div>
<div class="share">
<div class="title">Share</div>
<div class="social_share">
<div class="like-button-holder">
<div id="FaceBookLikeButton">
<div class="fb-like" data-href="http://www.webappers.com/2012/07/26/udemy-empowers-anyone-to-teach-and-learn-online/" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</p></div>
</p></div>
<div class="tweet-button-holder"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.webappers.com/2012/07/26/udemy-empowers-anyone-to-teach-and-learn-online/" data-via="webappers">Tweet</a>
							</div>
<div class="google-button-holder">
								<!-- Place this tag where you want the +1 button to render --><br />
<g:plusone size="medium" href="http://www.webappers.com/2012/07/26/udemy-empowers-anyone-to-teach-and-learn-online/"></g:plusone></p></div>
</p></div>
<div class="clearBoth"></div>
</p></div>
<p><!-- End Share --></p></div>
<p> <!-- End Post --></p>
<div class="seperator"> </div>
<div class="first_ad">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238093" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
				</div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="subscribe">
<div class="newsletter">
<h5>subscribe to our newsletter &#8211; weekly free resouces for web developers</h5>
<div class="subscribe_form">
<form class="form-inline" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Webappers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
							<button type="submit" class="btn">Subscribe</button><br />
							<input type="hidden" value="Webappers" name="uri"/><br />
    						<input type="hidden" name="loc" value="en_US"/><br />
							<input type="text" name="email" class="subscribe_field"  placeholder="Email Address" ><br />
							</form>
</p></div>
</p></div>
<div class="rss">
<h5>follow us on social sites &#8211; rss, facebook, google+, Twitter</h5>
<div class="social_buttons">
											<a href="http://feeds2.feedburner.com/Webappers" class="social_rss tooltips" title="Subscrube RSS"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_rss.png" alt="Subscribe RSS"/></a><br />
											<a href="http://www.facebook.com/WebAppers" class="social_facebook tooltips" title="Like us on Facebook"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_facebook.png" alt="Like us on Facebook"/></a><br />
											<a href="http://twitter.com/#!/webappers" class="social_twitter tooltips" title="Follow us on Twitter"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_twitter.png" alt="Follow us on Twitter"/></a><br />
											<a href="https://plus.google.com/b/113553364177176851960/" class="social_google_plus tooltips" title="Follow us on Google+"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_google_plus.png" alt="Follow us on Google+"/></a>
							</div>
</p></div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="related">
<div class="title">Related Resources</div>
<div class="resources">
<div class="PostContent">
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/12/22/build-location-aware-web-applications-with-fire-eagle/" rel="bookmark" title="Build Location-aware Web Applications with Fire Eagle"><img src="http://maxcdn.webappers.com/img/2008/12/fire-eagle.jpg" alt="Build Location-aware Web Applications with Fire Eagle"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/12/22/build-location-aware-web-applications-with-fire-eagle/" rel="bookmark" title="Build Location-aware Web Applications with Fire Eagle">Build Location-aware Web Applications with Fire Eagle</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/08/18/the-best-25-iphone-web-applications-for-free/" rel="bookmark" title="The Best 25 iPhone Web Applications for Free"><img src="http://maxcdn.webappers.com/img/2008/08/top-iphone-web-apps.png" alt="The Best 25 iPhone Web Applications for Free"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/08/18/the-best-25-iphone-web-applications-for-free/" rel="bookmark" title="The Best 25 iPhone Web Applications for Free">The Best 25 iPhone Web Applications for Free</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2007/09/17/mobile-web-design-a-book-by-cameron-moll/" rel="bookmark" title="Mobile Web Design - A Book by Cameron Moll"><img src="http://maxcdn.webappers.com/img/2007/09/mobile-webdesign.gif" alt="Mobile Web Design - A Book by Cameron Moll"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2007/09/17/mobile-web-design-a-book-by-cameron-moll/" rel="bookmark" title="Mobile Web Design - A Book by Cameron Moll">Mobile Web Design &#8211; A Book by Cameron Moll</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/05/14/an-seo-guide-for-designers/" rel="bookmark" title="An SEO Guide for Designers"><img src="http://maxcdn.webappers.com/img/2008/05/seo-designers.png" alt="An SEO Guide for Designers"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/05/14/an-seo-guide-for-designers/" rel="bookmark" title="An SEO Guide for Designers">An SEO Guide for Designers</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2007/11/18/docstoc-for-free-business-related-documents-templates/" rel="bookmark" title="Docstoc for Free Business Related Documents Templates"><img src="http://maxcdn.webappers.com/img/2007/11/docstoc.png" alt="Docstoc for Free Business Related Documents Templates"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2007/11/18/docstoc-for-free-business-related-documents-templates/" rel="bookmark" title="Docstoc for Free Business Related Documents Templates">Docstoc for Free Business Related Documents Templates</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2007/07/19/over-200-top-quality-sites-in-seomozs-web-20-awards/" rel="bookmark" title="Over 200 Top Quality Sites in SEOmoz&#8217;s Web 2.0 Awards"><img src="http://maxcdn.webappers.com/img/2007/07/web20award.png" alt="Over 200 Top Quality Sites in SEOmoz&#8217;s Web 2.0 Awards"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2007/07/19/over-200-top-quality-sites-in-seomozs-web-20-awards/" rel="bookmark" title="Over 200 Top Quality Sites in SEOmoz&#8217;s Web 2.0 Awards">Over 200 Top Quality Sites in SEOmoz&#8217;s Web 2.0 Awards</a></h4>
</div>
</div>
</div>
</div>
<p><!-- Similar Posts took 32.490 ms -->						</p></div>
</p></div>
<p> <!-- End Related --></p>
<div class="seperator"> </div>
<div class="comments-section">
<div class="title">Comments</div>
<div class="comments">
<div id="disqus_thread">
    </div>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var disqus_url = 'http://www.webappers.com/2012/07/26/udemy-empowers-anyone-to-teach-and-learn-online/';
    var disqus_identifier = '6352 http://www.webappers.com/?p=6352';
    var disqus_container_id = 'disqus_thread';
    var disqus_domain = 'disqus.com';
    var disqus_shortname = 'webappers';
    var disqus_title = "Udemy: Empowers Anyone to Teach and Learn Online";
        var disqus_config = function () {
        var config = this; // Access to the config object</p>
<p>        /*
           All currently supported events:
            * preData — fires just before we request for initial data
            * preInit - fires after we get initial data but before we load any dependencies
            * onInit  - fires when all dependencies are resolved but before dtpl template is rendered
            * afterRender - fires when template is rendered but before we show it
            * onReady - everything is done
         */</p>
<p>        config.callbacks.preData.push(function() {
            // clear out the container (its filled for SEO/legacy purposes)
            document.getElementById(disqus_container_id).innerHTML = '';
        });
                config.callbacks.onReady.push(function() {
            // sync comments in the background so we don't block the page
            DISQUS.request.get('?cf_action=sync_comments&#038;post_id=6352');
        });
                    };
    var facebookXdReceiverPath = 'http://www.webappers.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var DsqLocal = {
        'trackbacks': [
        ],
        'trackback_url': "http:\/\/www.webappers.com\/2012\/07\/26\/udemy-empowers-anyone-to-teach-and-learn-online\/trackback\/"    };
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript';
    dsq.async = true;
        dsq.src = 'http' + '://' + disqus_shortname + '.' + disqus_domain + '/embed.js?pname=wordpress&#038;pver=2.72';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]&gt; */
</script></p></div>
</p></div>
<div class="seperator"> </div>
<div class="about-section">
<h2>Open Source Resources for You</h2>
<div class="about">
<p>What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.</p>
<p>&copy; Copyright 2012 WebAppers | <span class="links"><a href="http://www.webappers.com/about/" title="About">About</a> | <a href="http://www.webappers.com/archives/" title="Archives">Archives</a> | <a href="http://www.webappers.com/privacy-policy-for-webapperscom/" title="Privacy Policy">Privacy Policy</a> | <a href="http://buysellads.com/buy/detail/51" title="Archives">Advertise</a> | <a href="http://www.webappers.com/contact/" title="Contact">Contact</a></span></p>
</p></div>
</p></div>
</p></div>
<div class="end"></div>
</p></div>
<div id="sidebar">
<div id="side_banner">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<p><!-- BuySellAds Zone Code --></p>
<div id="bsap_1238094" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><!--<br />
<a href="http://www.webiconset.com" title="Professional Web Icons" target="_blank" class="ad6 even"><img src="http://maxcdn.webappers.com/img/2012/06/webiconset.png" width="160" height="100" alt="Professional Web Icons"></a><br />
--></p>
<div class="clearBoth"> </div>
</p></div>
</p></div>
<div id="side_content">
<div class="start">
				</div>
<div class="middle">
<div class="search_form">
<div class="topic">
<div class="title">Search</div>
<div class="desc">By Keywords</div>
<div class="clearBoth"></div>
</p></div>
<form class="form-inline" action="/" method="get">
							<button type="submit" class="btn btn-info">Search</button><br />
							<input type="text" name="s" value="" class="search_field"  placeholder="" data-provide="typeahead" data-items="8" data-source='["Advertisement","Announcement","Best Collections","Brushes","BSD License","Buttons","Calendar","Capture","CC License","Charts","Chat","Code","Color Schemes","Components","Demo Tour","Design","eCommerce","Fonts","Forms","Framework","Gallery","GPL License","Hosting","Icons","Information","Inspiration","Legal Documents","LGPL License","License Free","Maps","Menu","MIT License","Patterns","Polls","Popup","PS Tutorials","Reviews","Security","Social","Sound","Stats","Stock Photos","Tables","Tools","Tooltips","Upload","Video","Webmail"]'><br />
						</form>
</p></div>
<div class="popular">
<div class="title"> </div>
<div class="desc"><a id="30_days" href="#" class="selected">30 Days</a> / <a id="all_time" href="#">All Time</a></div>
<div class="clearBoth"></div>
<ul class="number">
<li class="pop_1">1</li>
<li class="pop_2">2</li>
<li class="pop_3">3</li>
<li class="pop_4">4</li>
<li class="pop_5">5</li>
<li class="pop_6">6</li>
<li class="pop_7">7</li>
<li class="pop_8">8</li>
<li class="pop_9">9</li>
<li class="pop_10">10</li>
</ul>
<ul class="hidden list" id="all_time_list">
<li><a title="Professional Business Cards Made By Designers" href="http://www.webappers.com/2010/08/18/25-professional-business-cards-made-by-designers/">Professional Business Cards Made By Designers</a></li>
<li><a title="Best Free Chrome Extensions for Web Developers" href="http://www.webappers.com/2010/08/25/35-best-free-chrome-extensions-for-web-developers/">Best Free Chrome Extensions for Web Developers</a></li>
<li ><a title="All of the Best Free WordPress Themes You Need<" href="http://www.webappers.com/2010/09/14/all-of-the-best-free-wordpress-themes-you-need/">All of the Best Free WordPress Themes You Need</a></li>
<li><a title="How to Create a Web App Admin User Interface" href="http://www.webappers.com/2009/07/05/create-a-web-app-admin-user-interface-in-photoshop/">How to Create a Web App Admin User Interface</a></li>
<li><a title="Nice List of Open Source Fish Eye Menu" href="http://www.webappers.com/2007/10/29/nice-list-of-open-source-fish-eye-menu/">Nice List of Open Source Fish Eye Menu</a></li>
<li><a title="Best Web Admin Templates" href="http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/">Best Web Admin Templates</a></li>
<li><a title="25 Useful Blogs for Web Design &#038; Development" href="http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/">25 Useful Blogs for Web Design &#038; Development</a></li>
<li><a title="Simple Javascript Progress Bar with CSS" href="http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/">Simple Javascript Progress Bar with CSS</a></li>
<li><a title="10 Useful &#038; Quality Design Resources" href="http://www.webappers.com/2009/07/28/10-useful-quality-design-resources-on-graphicriver/">10 Useful &#038; Quality Design Resources</a></li>
<li><a title="Free Web Application Icons" href="http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/">Free Web Application Icons</a></li>
</ul>
<ul class="list selected" id="30_days_list">
<li><a href="http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/" title="30 Toolbar Icons for User Interface Design">30 Toolbar Icons for User Interface Design</a></li>
<li><a href="http://www.webappers.com/2012/07/12/awesome-html5-app-for-creating-wireframes-mockups/" title="Awesome HTML5 App for Creating Wireframes &#038; Mockups">Awesome HTML5 App for Creating Wireframes &#038; Mockups</a></li>
<li><a href="http://www.webappers.com/2012/07/19/600-clean-and-nicely-designed-vector-icons-for-free/" title="600+ Clean and Nicely Designed Vector Icons for Free">600+ Clean and Nicely Designed Vector Icons for Free</a></li>
<li><a href="http://www.webappers.com/2012/07/11/twitter-bootstrap-colorpicker-and-datepicker/" title="Twitter Bootstrap Colorpicker and Datepicker">Twitter Bootstrap Colorpicker and Datepicker</a></li>
<li><a href="http://www.webappers.com/2012/07/18/pdf-js-html5-portable-document-format-renderer/" title="PDF.js - HTML5 Portable Document Format Renderer">PDF.js - HTML5 Portable Document Format Renderer</a></li>
<li><a href="http://www.webappers.com/2012/07/03/foundation-3-advanced-responsive-front-end-framework/" title="Foundation 3: Advanced Responsive Front-end Framework">Foundation 3: Advanced Responsive Front-end Framework</a></li>
<li><a href="http://www.webappers.com/2012/06/29/highly-configurable-zebra-datepicker-jquery-plugin/" title="Highly Configurable Zebra Datepicker jQuery Plugin">Highly Configurable Zebra Datepicker jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/13/social-media-buttons-integration-jquery-plugin/" title="Social Media Buttons Integration jQuery Plugin">Social Media Buttons Integration jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/10/a-powerful-library-for-data-heavy-applications/" title="A Powerful Library for Data-Heavy Applications">A Powerful Library for Data-Heavy Applications</a></li>
<li><a href="http://www.webappers.com/2012/07/23/a-javascript-package-manager-for-front-end-developers/" title="A JavaScript Package Manager for Front End Developers">A JavaScript Package Manager for Front End Developers</a></li>
</ul>
<div class="clearBoth"></div>
</p></div>
<div class="skyscraper">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238095" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
						</div>
</p></div>
<div class="all_tags">
<div class="tags normal" >
<div class="title">Plugins</div>
<ul id="list_plugins">
<li><a href="http://www.webappers.com/category/components/ads/"><span class="name">Advertisement</span><span class="number">15</span></a></li>
<li><a href="http://www.webappers.com/category/components/calendar/"><span class="name">Calendar</span><span class="number">45</span></a></li>
<li><a href="http://www.webappers.com/category/components/capture/"><span class="name">Capture</span><span class="number">17</span></a></li>
<li><a href="http://www.webappers.com/category/components/charts/"><span class="name">Charts</span><span class="number">48</span></a></li>
<li><a href="http://www.webappers.com/category/components/instant-messaging/"><span class="name">Chat</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/components/demo-tour/"><span class="name">Demo Tour</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/components/gallery/"><span class="name">Gallery</span><span class="number">107</span></a></li>
<li><a href="http://www.webappers.com/category/components/maps/"><span class="name">Maps</span><span class="number">28</span></a></li>
<li><a href="http://www.webappers.com/category/components/menu/"><span class="name">Menu</span><span class="number">73</span></a></li>
<li><a href="http://www.webappers.com/category/components/polls/"><span class="name">Polls</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/components/popup/"><span class="name">Popup</span><span class="number">46</span></a></li>
<li><a href="http://www.webappers.com/category/components/tooltips/"><span class="name">Tooltips</span><span class="number">39</span></a></li>
<li><a href="http://www.webappers.com/category/components/upload/"><span class="name">Upload</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/components/video/"><span class="name">Video</span><span class="number">16</span></a></li>
</ul></div>
<div class="tags">
<div class="title_design">Desgin</div>
<ul id="list_design">
<li><a href="http://www.webappers.com/category/design/brushes/"><span class="name">Brushes</span><span class="number">11</span></a></li>
<li><a href="http://www.webappers.com/category/design/buttons/"><span class="name">Buttons</span><span class="number">22</span></a></li>
<li><a href="http://www.webappers.com/category/design/color-schemes/"><span class="name">Color Schemes</span><span class="number">23</span></a></li>
<li><a href="http://www.webappers.com/category/design/fonts/"><span class="name">Fonts</span><span class="number">40</span></a></li>
<li><a href="http://www.webappers.com/category/design/forms/"><span class="name">Forms</span><span class="number">100</span></a></li>
<li><a href="http://www.webappers.com/category/design/icons/"><span class="name">Icons</span><span class="number">92</span></a></li>
<li><a href="http://www.webappers.com/category/design/patterns/"><span class="name">Patterns</span><span class="number">24</span></a></li>
<li><a href="http://www.webappers.com/category/design/photoshop-tutorials/"><span class="name">PS Tutorials</span><span class="number">10</span></a></li>
<li><a href="http://www.webappers.com/category/design/stock-photos/"><span class="name">Stock Photos</span><span class="number">19</span></a></li>
<li><a href="http://www.webappers.com/category/design/tables/"><span class="name">Tables</span><span class="number">25</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_others">Others</div>
<div class="clearBoth"></div>
<ul id="list_others" class="others">
<li><a href="http://www.webappers.com/category/announcement/"><span class="name">Announcement</span><span class="number">86</span></a></li>
<li><a href="http://www.webappers.com/category/best-collections/"><span class="name">Best Collections</span><span class="number">4</span></a></li>
<li><a href="http://www.webappers.com/category/code/"><span class="name">Code</span><span class="number">49</span></a></li>
<li><a href="http://www.webappers.com/category/ecommerce/"><span class="name">eCommerce</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/framework/"><span class="name">Framework</span><span class="number">171</span></a></li>
<li><a href="http://www.webappers.com/category/hosting/"><span class="name">Hosting</span><span class="number">12</span></a></li>
<li><a href="http://www.webappers.com/category/information/"><span class="name">Information</span><span class="number">163</span></a></li>
<li><a href="http://www.webappers.com/category/inspiration/"><span class="name">Inspiration</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/legal-documents/"><span class="name">Legal Documents</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/reviews/"><span class="name">Reviews</span><span class="number">8</span></a></li>
<li><a href="http://www.webappers.com/category/security/"><span class="name">Security</span><span class="number">13</span></a></li>
<li><a href="http://www.webappers.com/category/social/"><span class="name">Social</span><span class="number">21</span></a></li>
<li><a href="http://www.webappers.com/category/sound/"><span class="name">Sound</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/stats/"><span class="name">Stats</span><span class="number">36</span></a></li>
<li><a href="http://www.webappers.com/category/tools/"><span class="name">Tools</span><span class="number">231</span></a></li>
<li><a href="http://www.webappers.com/category/webmail/"><span class="name">Webmail</span><span class="number">13</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_licenses">Licesnes</div>
<div class="clearBoth"></div>
<ul class="others">
<li><a href="http://www.webappers.com/category/license-bsd/"><span class="name">BSD License</span><span class="number">57</span></a></li>
<li><a href="http://www.webappers.com/category/license-cc/"><span class="name">CC License</span><span class="number">116</span></a></li>
<li><a href="http://www.webappers.com/category/license-gpl/"><span class="name">GPL License</span><span class="number">206</span></a></li>
<li><a href="http://www.webappers.com/category/license-lgpl/"><span class="name">LGPL License</span><span class="number">38</span></a></li>
<li><a href="http://www.webappers.com/category/license-free/"><span class="name">License Free</span><span class="number">632</span></a></li>
<li><a href="http://www.webappers.com/category/license-mit/"><span class="name">MIT License</span><span class="number">317</span></a></li>
</ul></div>
<div class="clearBoth"></div>
</p></div>
<p> <!-- end all_tags --></p>
<div class="rectangle">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238096" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "336x280,300x250";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";</p>
<p>//--></script><br />
<!-- <scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script> --></p></div>
</p></div>
<div class="partners">
<div class="title">Partners</div>
<p>				<a href="http://www.netdna.com" class="netdna">NetDNA</a></p></div>
</p></div>
<div class="end">
				</div>
</p></div>
</p></div>
<p> <!-- ENd Sidebar --></p>
<div class="clearBoth"></div>
</p></div>
<div id="footer-ad">
<scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "728x90,468x60";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";
//--></script><br />
<scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script>
</div>
</div>
<p> <!-- End Container --></p>
<div id="fb-root"></div>
<p><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&#038;appId=264476923617601";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></p>
<p><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
<p><scriptd typed="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></p>
<p><script></p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 115 &#038;&#038; (navigator.userAgent.indexOf('iPhone') == -1 &#038;&#038; navigator.userAgent.indexOf('iPad') == -1 &#038;&#038; navigator.userAgent.indexOf('Blackberry') == -1 &#038;&#038; navigator.userAgent.indexOf('Android') == -1) ) {
				$('#menu_bar').addClass("fixed");
			} else {
				$('#menu_bar').removeClass("fixed");
			}
		});</p>
<p>var selected_ele = $('#menu ul li.selected');
$('#menu ul li').hover(function(){
	selected_ele.removeClass('selected');
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
	selected_ele.addClass('selected');
});</p>
<p>$('#all_time').click(function() {
	$('#main #sidebar #side_content .popular ul#30_days_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#30_days_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').fadeIn();
		$('#30_days').removeClass('selected');
		$('#all_time').addClass('selected');
		$('#30_days_list').removeClass('selected');
		$('#all_time_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#30_days').click(function() {
	$('#main #sidebar #side_content .popular ul#all_time_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#all_time_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').fadeIn();
		$('#all_time').removeClass('selected');
		$('#30_days').addClass('selected');	
		$('#all_time_list').removeClass('selected');
		$('#30_days_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#main #sidebar #side_content .popular ul.list li a').hover(function(){</p>
<p>	//alert($(this).parent().attr('class'));
//	alert($(this).parent().parent().parent().find('.number').html());
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).addClass('selected');</p>
<p>	},function() {
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).removeClass('selected');
	//$(this).parent().parent().parent().find('.number li.'+$(this).parent().attr('class')).removeClass('selected');
});</p>
<p>$('#main #content .related .resources .item').hover(function(){
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
});</p>
<p>$('.typeahead').typeahead()</p>
<p>Tipped.create('#menu_plugins', $('#list_plugins').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	//$(content).find('ul').addClass('nav');
	//Tipped.refresh('#menu_plugins');
	//alert($(content).html());
	selected_ele = $('#menu_plugins');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,</p>
<p>	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_design', $('#list_design').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_design');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_others', $('#list_others').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_others');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>	// fade in #back-top</p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 600) {
				$('.top').fadeIn();
			} else {
				$('.top').fadeOut();
			}
		});</p>
<p>		// scroll body to 0px on click</p>
<p>		$('#.top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});</p>
<p>//$("[rel=tooltip]").tooltip({placement:'bottom'});</p>
<p>Tipped.create('.tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 10 },
	hook: 'bottommiddle'
});</p>
<p>Tipped.create('.ranking-tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 0 },
	hook: 'topmiddle'
});</p>
<p>// Usage:</p>
<p></script></p>
<p><!-- BuySellAds Ad Code --><br />
<scriptd typed="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script><br />
<!-- End BuySellAds Ad Code --></p>
<p><scriptd typed="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br />
<scriptd typed="text/javascript">
var pageTracker = _gat._getTracker("UA-1554459-2");
pageTracker._trackPageview();
</script></p>
<p><scriptd typed="text/javascript" src="http://include.reinvigorate.net/re_.js"></script><br />
<scriptd typed="text/javascript">
try {
reinvigorate.track("01ztb-iq09prpk37");
} catch(err) {}
</script></p>
<p><scriptd typed="text/javascript">
    var GoSquared={};
    GoSquared.acct = "GSN-796486-F";
    (function(w){
        function gs(){
            w._gstc_lt=+(new Date); var d=document;
            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
        }
        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
    })(window);
</script></p>
<p></body><br />
</html><!--<br />
This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!</p>
<p>Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/</p>
<p>Page Caching using disk (enchanced)<br />
Content Delivery Network via maxcdn.webappers.com</p>
<p>Served from: ps11300.dreamhostps.com @ 2012-07-29 23:33:48 --><br /> Read original post on www.webappers.com</div>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/8j9EBo52IIM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/udemy-empowers-anyone-to-teach-and-learn-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/udemy-empowers-anyone-to-teach-and-learn-online/</feedburner:origLink></item>
		<item>
		<title>Awesome Paperfold Effect for iOS Mobile Applications</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/_1BgnlYQ1R0/</link>
		<comments>http://www.webbu.org/web/awesome-paperfold-effect-for-ios-mobile-applications/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 07:56:47 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Applications]]></category>
		<category><![CDATA[Awesome]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[for]]></category>
		<category><![CDATA[ios]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Paperfold]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3346</guid>
		<description><![CDATA[Sponsors subscribe to our newsletter &#8211; weekly free resouces for web developers Subscribe follow us on social sites &#8211; rss, facebook, google+, Twitter Related Resources Create Folded Paper Effect in JavaScript and CSS3 15 Great Examples of Websites using jQuery Masonry Preview Web pages Across Multiple Browsers and OS A Fancy Lightweight Controller Library for <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/awesome-paperfold-effect-for-ios-mobile-applications/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<div class="">
<!--</p>
<p><a href="http://bundlehunt.com/" target="_blank"><img src="http://maxcdn.webappers.com/img/2012/06/WEBAPPERS-poster.jpg"/></a></p>
<p>&#8211;></p>
<p><a title="PaperFold" href="https://github.com/honcheng/PaperFold-for-iOS" target="_blank"><strong>PaperFold</strong></a> is a<strong> simple iOS control that allows hiding of views on the left and right side of the screen by dragging the middle view</strong>. The left view supports only 1 fold. The right view supports variable number of folds.</p>
<p>During folding, a screen capture of the left/right view is taken, and split up depending on the number of folds required. The virtual light source is on the right side of the screen, so surfaces that faces the left are darker. For the right multi-fold view, the fold closes to the &#8216;force&#8217; are opened up faster than the folds that is further away.</p>
<p>If you are wanting the paperfold effect for web applications only,  you can also achieve a similar <a title="Paperfold Effecr with JavaScript, HTML5, CSS3" href="http://www.webappers.com/2012/04/06/create-folded-paper-effect-in-javascript-and-css3/" target="_blank">Paperfold Effect with JavaScript, HTML5 and CSS3</a>. The plugin takes a dom element, slices it into parts and arranges them like a folded paper in 3d space.</p>
<p style="text-align: center;"><a title="PaperFold" href="https://github.com/honcheng/PaperFold-for-iOS" target="_blank"><img class="size-full wp-image-6369 aligncenter" title="paperfold-effect-ios" src="http://maxcdn.webappers.com/img/2012/07/paperfold-effect-ios.jpg" alt="paperfold-effect-ios" width="580" height="364" /></a></p>
<blockquote><p>Requirements:  Objective-C Programming Language<br />
Demo: <a title="demo" rel="nofollow" href="https://github.com/honcheng/PaperFold-for-iOS" target="_blank">https://github.com/honcheng/PaperFold-for-iOS</a><br />
License: License Free</p>
</blockquote></div>
<div class="share">
<div class="title">Share</div>
<div class="social_share">
<div class="like-button-holder">
<div id="FaceBookLikeButton">
<div class="fb-like" data-href="http://www.webappers.com/2012/07/27/awesome-paperfold-effect-for-ios-mobile-applications/" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</p></div>
</p></div>
<div class="tweet-button-holder"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.webappers.com/2012/07/27/awesome-paperfold-effect-for-ios-mobile-applications/" data-via="webappers">Tweet</a>
							</div>
<div class="google-button-holder">
								<!-- Place this tag where you want the +1 button to render --><br />
<g:plusone size="medium" href="http://www.webappers.com/2012/07/27/awesome-paperfold-effect-for-ios-mobile-applications/"></g:plusone></p></div>
</p></div>
<div class="clearBoth"></div>
</p></div>
<p><!-- End Share --></p></div>
<p> <!-- End Post --></p>
<div class="seperator"> </div>
<div class="first_ad">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238093" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
				</div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="subscribe">
<div class="newsletter">
<h5>subscribe to our newsletter &#8211; weekly free resouces for web developers</h5>
<div class="subscribe_form">
<form class="form-inline" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Webappers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
							<button type="submit" class="btn">Subscribe</button><br />
							<input type="hidden" value="Webappers" name="uri"/><br />
    						<input type="hidden" name="loc" value="en_US"/><br />
							<input type="text" name="email" class="subscribe_field"  placeholder="Email Address" ><br />
							</form>
</p></div>
</p></div>
<div class="rss">
<h5>follow us on social sites &#8211; rss, facebook, google+, Twitter</h5>
<div class="social_buttons">
											<a href="http://feeds2.feedburner.com/Webappers" class="social_rss tooltips" title="Subscrube RSS"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_rss.png" alt="Subscribe RSS"/></a><br />
											<a href="http://www.facebook.com/WebAppers" class="social_facebook tooltips" title="Like us on Facebook"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_facebook.png" alt="Like us on Facebook"/></a><br />
											<a href="http://twitter.com/#!/webappers" class="social_twitter tooltips" title="Follow us on Twitter"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_twitter.png" alt="Follow us on Twitter"/></a><br />
											<a href="https://plus.google.com/b/113553364177176851960/" class="social_google_plus tooltips" title="Follow us on Google+"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_google_plus.png" alt="Follow us on Google+"/></a>
							</div>
</p></div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="related">
<div class="title">Related Resources</div>
<div class="resources">
<div class="PostContent">
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2012/04/06/create-folded-paper-effect-in-javascript-and-css3/" rel="bookmark" title="Create Folded Paper Effect in JavaScript and CSS3"><img src="http://maxcdn.webappers.com/img/2012/04/paper-folding.png" alt="Create Folded Paper Effect in JavaScript and CSS3"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2012/04/06/create-folded-paper-effect-in-javascript-and-css3/" rel="bookmark" title="Create Folded Paper Effect in JavaScript and CSS3">Create Folded Paper Effect in JavaScript and CSS3</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2011/12/29/15-great-examples-of-websites-using-jquery-masonry/" rel="bookmark" title="15 Great Examples of Websites using jQuery Masonry"><img src="http://maxcdn.webappers.com/img/2011/12/webappers-cutestpaw.jpg" alt="15 Great Examples of Websites using jQuery Masonry"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2011/12/29/15-great-examples-of-websites-using-jquery-masonry/" rel="bookmark" title="15 Great Examples of Websites using jQuery Masonry">15 Great Examples of Websites using jQuery Masonry</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/06/02/preview-web-pages-across-multiple-browsers-and-os/" rel="bookmark" title="Preview Web pages Across Multiple Browsers and OS"><img src="http://maxcdn.webappers.com/img/2010/06/browserlab.jpg" alt="Preview Web pages Across Multiple Browsers and OS"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/06/02/preview-web-pages-across-multiple-browsers-and-os/" rel="bookmark" title="Preview Web pages Across Multiple Browsers and OS">Preview Web pages Across Multiple Browsers and OS</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2011/08/10/a-fancy-lightweight-controller-library-for-javascript/" rel="bookmark" title="A Fancy Lightweight Controller Library for Javascript"><img src="http://maxcdn.webappers.com/img/2011/08/gui-control.png" alt="A Fancy Lightweight Controller Library for Javascript"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2011/08/10/a-fancy-lightweight-controller-library-for-javascript/" rel="bookmark" title="A Fancy Lightweight Controller Library for Javascript">A Fancy Lightweight Controller Library for Javascript</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/05/11/griddy-customizable-grid-overlay-jquery-plugin/" rel="bookmark" title="Griddy - Customizable Grid Overlay jQuery Plugin"><img src="http://maxcdn.webappers.com/img/2010/05/griddy.jpg" alt="Griddy - Customizable Grid Overlay jQuery Plugin"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/05/11/griddy-customizable-grid-overlay-jquery-plugin/" rel="bookmark" title="Griddy - Customizable Grid Overlay jQuery Plugin">Griddy &#8211; Customizable Grid Overlay jQuery Plugin</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2008/12/10/how-to-create-digg-spy-effect-with-jquery/" rel="bookmark" title="How to Create Digg Spy Effect with jQuery"><img src="http://maxcdn.webappers.com/img/no-thumbnail.jpg" alt="How to Create Digg Spy Effect with jQuery"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2008/12/10/how-to-create-digg-spy-effect-with-jquery/" rel="bookmark" title="How to Create Digg Spy Effect with jQuery">How to Create Digg Spy Effect with jQuery</a></h4>
</div>
</div>
</div>
</div>
<p><!-- Similar Posts took 23.875 ms -->						</p></div>
</p></div>
<p> <!-- End Related --></p>
<div class="seperator"> </div>
<div class="comments-section">
<div class="title">Comments</div>
<div class="comments">
<div id="disqus_thread">
    </div>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var disqus_url = 'http://www.webappers.com/2012/07/27/awesome-paperfold-effect-for-ios-mobile-applications/';
    var disqus_identifier = '6368 http://www.webappers.com/?p=6368';
    var disqus_container_id = 'disqus_thread';
    var disqus_domain = 'disqus.com';
    var disqus_shortname = 'webappers';
    var disqus_title = "Awesome Paperfold Effect for iOS Mobile Applications";
        var disqus_config = function () {
        var config = this; // Access to the config object</p>
<p>        /*
           All currently supported events:
            * preData — fires just before we request for initial data
            * preInit - fires after we get initial data but before we load any dependencies
            * onInit  - fires when all dependencies are resolved but before dtpl template is rendered
            * afterRender - fires when template is rendered but before we show it
            * onReady - everything is done
         */</p>
<p>        config.callbacks.preData.push(function() {
            // clear out the container (its filled for SEO/legacy purposes)
            document.getElementById(disqus_container_id).innerHTML = '';
        });
                config.callbacks.onReady.push(function() {
            // sync comments in the background so we don't block the page
            DISQUS.request.get('?cf_action=sync_comments&#038;post_id=6368');
        });
                    };
    var facebookXdReceiverPath = 'http://www.webappers.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var DsqLocal = {
        'trackbacks': [
        ],
        'trackback_url': "http:\/\/www.webappers.com\/2012\/07\/27\/awesome-paperfold-effect-for-ios-mobile-applications\/trackback\/"    };
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript';
    dsq.async = true;
        dsq.src = 'http' + '://' + disqus_shortname + '.' + disqus_domain + '/embed.js?pname=wordpress&#038;pver=2.72';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]&gt; */
</script></p></div>
</p></div>
<div class="seperator"> </div>
<div class="about-section">
<h2>Open Source Resources for You</h2>
<div class="about">
<p>What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.</p>
<p>&copy; Copyright 2012 WebAppers | <span class="links"><a href="http://www.webappers.com/about/" title="About">About</a> | <a href="http://www.webappers.com/archives/" title="Archives">Archives</a> | <a href="http://www.webappers.com/privacy-policy-for-webapperscom/" title="Privacy Policy">Privacy Policy</a> | <a href="http://buysellads.com/buy/detail/51" title="Archives">Advertise</a> | <a href="http://www.webappers.com/contact/" title="Contact">Contact</a></span></p>
</p></div>
</p></div>
</p></div>
<div class="end"></div>
</p></div>
<div id="sidebar">
<div id="side_banner">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<p><!-- BuySellAds Zone Code --></p>
<div id="bsap_1238094" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><!--<br />
<a href="http://www.webiconset.com" title="Professional Web Icons" target="_blank" class="ad6 even"><img src="http://maxcdn.webappers.com/img/2012/06/webiconset.png" width="160" height="100" alt="Professional Web Icons"></a><br />
--></p>
<div class="clearBoth"> </div>
</p></div>
</p></div>
<div id="side_content">
<div class="start">
				</div>
<div class="middle">
<div class="search_form">
<div class="topic">
<div class="title">Search</div>
<div class="desc">By Keywords</div>
<div class="clearBoth"></div>
</p></div>
<form class="form-inline" action="/" method="get">
							<button type="submit" class="btn btn-info">Search</button><br />
							<input type="text" name="s" value="" class="search_field"  placeholder="" data-provide="typeahead" data-items="8" data-source='["Advertisement","Announcement","Best Collections","Brushes","BSD License","Buttons","Calendar","Capture","CC License","Charts","Chat","Code","Color Schemes","Components","Demo Tour","Design","eCommerce","Fonts","Forms","Framework","Gallery","GPL License","Hosting","Icons","Information","Inspiration","Legal Documents","LGPL License","License Free","Maps","Menu","MIT License","Patterns","Polls","Popup","PS Tutorials","Reviews","Security","Social","Sound","Stats","Stock Photos","Tables","Tools","Tooltips","Upload","Video","Webmail"]'><br />
						</form>
</p></div>
<div class="popular">
<div class="title"> </div>
<div class="desc"><a id="30_days" href="#" class="selected">30 Days</a> / <a id="all_time" href="#">All Time</a></div>
<div class="clearBoth"></div>
<ul class="number">
<li class="pop_1">1</li>
<li class="pop_2">2</li>
<li class="pop_3">3</li>
<li class="pop_4">4</li>
<li class="pop_5">5</li>
<li class="pop_6">6</li>
<li class="pop_7">7</li>
<li class="pop_8">8</li>
<li class="pop_9">9</li>
<li class="pop_10">10</li>
</ul>
<ul class="hidden list" id="all_time_list">
<li><a title="Professional Business Cards Made By Designers" href="http://www.webappers.com/2010/08/18/25-professional-business-cards-made-by-designers/">Professional Business Cards Made By Designers</a></li>
<li><a title="Best Free Chrome Extensions for Web Developers" href="http://www.webappers.com/2010/08/25/35-best-free-chrome-extensions-for-web-developers/">Best Free Chrome Extensions for Web Developers</a></li>
<li ><a title="All of the Best Free WordPress Themes You Need<" href="http://www.webappers.com/2010/09/14/all-of-the-best-free-wordpress-themes-you-need/">All of the Best Free WordPress Themes You Need</a></li>
<li><a title="How to Create a Web App Admin User Interface" href="http://www.webappers.com/2009/07/05/create-a-web-app-admin-user-interface-in-photoshop/">How to Create a Web App Admin User Interface</a></li>
<li><a title="Nice List of Open Source Fish Eye Menu" href="http://www.webappers.com/2007/10/29/nice-list-of-open-source-fish-eye-menu/">Nice List of Open Source Fish Eye Menu</a></li>
<li><a title="Best Web Admin Templates" href="http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/">Best Web Admin Templates</a></li>
<li><a title="25 Useful Blogs for Web Design &#038; Development" href="http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/">25 Useful Blogs for Web Design &#038; Development</a></li>
<li><a title="Simple Javascript Progress Bar with CSS" href="http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/">Simple Javascript Progress Bar with CSS</a></li>
<li><a title="10 Useful &#038; Quality Design Resources" href="http://www.webappers.com/2009/07/28/10-useful-quality-design-resources-on-graphicriver/">10 Useful &#038; Quality Design Resources</a></li>
<li><a title="Free Web Application Icons" href="http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/">Free Web Application Icons</a></li>
</ul>
<ul class="list selected" id="30_days_list">
<li><a href="http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/" title="30 Toolbar Icons for User Interface Design">30 Toolbar Icons for User Interface Design</a></li>
<li><a href="http://www.webappers.com/2012/07/12/awesome-html5-app-for-creating-wireframes-mockups/" title="Awesome HTML5 App for Creating Wireframes &#038; Mockups">Awesome HTML5 App for Creating Wireframes &#038; Mockups</a></li>
<li><a href="http://www.webappers.com/2012/07/19/600-clean-and-nicely-designed-vector-icons-for-free/" title="600+ Clean and Nicely Designed Vector Icons for Free">600+ Clean and Nicely Designed Vector Icons for Free</a></li>
<li><a href="http://www.webappers.com/2012/07/11/twitter-bootstrap-colorpicker-and-datepicker/" title="Twitter Bootstrap Colorpicker and Datepicker">Twitter Bootstrap Colorpicker and Datepicker</a></li>
<li><a href="http://www.webappers.com/2012/07/18/pdf-js-html5-portable-document-format-renderer/" title="PDF.js - HTML5 Portable Document Format Renderer">PDF.js - HTML5 Portable Document Format Renderer</a></li>
<li><a href="http://www.webappers.com/2012/07/03/foundation-3-advanced-responsive-front-end-framework/" title="Foundation 3: Advanced Responsive Front-end Framework">Foundation 3: Advanced Responsive Front-end Framework</a></li>
<li><a href="http://www.webappers.com/2012/06/29/highly-configurable-zebra-datepicker-jquery-plugin/" title="Highly Configurable Zebra Datepicker jQuery Plugin">Highly Configurable Zebra Datepicker jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/13/social-media-buttons-integration-jquery-plugin/" title="Social Media Buttons Integration jQuery Plugin">Social Media Buttons Integration jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/10/a-powerful-library-for-data-heavy-applications/" title="A Powerful Library for Data-Heavy Applications">A Powerful Library for Data-Heavy Applications</a></li>
<li><a href="http://www.webappers.com/2012/07/23/a-javascript-package-manager-for-front-end-developers/" title="A JavaScript Package Manager for Front End Developers">A JavaScript Package Manager for Front End Developers</a></li>
</ul>
<div class="clearBoth"></div>
</p></div>
<div class="skyscraper">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238095" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
						</div>
</p></div>
<div class="all_tags">
<div class="tags normal" >
<div class="title">Plugins</div>
<ul id="list_plugins">
<li><a href="http://www.webappers.com/category/components/ads/"><span class="name">Advertisement</span><span class="number">15</span></a></li>
<li><a href="http://www.webappers.com/category/components/calendar/"><span class="name">Calendar</span><span class="number">45</span></a></li>
<li><a href="http://www.webappers.com/category/components/capture/"><span class="name">Capture</span><span class="number">17</span></a></li>
<li><a href="http://www.webappers.com/category/components/charts/"><span class="name">Charts</span><span class="number">48</span></a></li>
<li><a href="http://www.webappers.com/category/components/instant-messaging/"><span class="name">Chat</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/components/demo-tour/"><span class="name">Demo Tour</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/components/gallery/"><span class="name">Gallery</span><span class="number">107</span></a></li>
<li><a href="http://www.webappers.com/category/components/maps/"><span class="name">Maps</span><span class="number">28</span></a></li>
<li><a href="http://www.webappers.com/category/components/menu/"><span class="name">Menu</span><span class="number">73</span></a></li>
<li><a href="http://www.webappers.com/category/components/polls/"><span class="name">Polls</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/components/popup/"><span class="name">Popup</span><span class="number">46</span></a></li>
<li><a href="http://www.webappers.com/category/components/tooltips/"><span class="name">Tooltips</span><span class="number">39</span></a></li>
<li><a href="http://www.webappers.com/category/components/upload/"><span class="name">Upload</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/components/video/"><span class="name">Video</span><span class="number">16</span></a></li>
</ul></div>
<div class="tags">
<div class="title_design">Desgin</div>
<ul id="list_design">
<li><a href="http://www.webappers.com/category/design/brushes/"><span class="name">Brushes</span><span class="number">11</span></a></li>
<li><a href="http://www.webappers.com/category/design/buttons/"><span class="name">Buttons</span><span class="number">22</span></a></li>
<li><a href="http://www.webappers.com/category/design/color-schemes/"><span class="name">Color Schemes</span><span class="number">23</span></a></li>
<li><a href="http://www.webappers.com/category/design/fonts/"><span class="name">Fonts</span><span class="number">40</span></a></li>
<li><a href="http://www.webappers.com/category/design/forms/"><span class="name">Forms</span><span class="number">100</span></a></li>
<li><a href="http://www.webappers.com/category/design/icons/"><span class="name">Icons</span><span class="number">92</span></a></li>
<li><a href="http://www.webappers.com/category/design/patterns/"><span class="name">Patterns</span><span class="number">24</span></a></li>
<li><a href="http://www.webappers.com/category/design/photoshop-tutorials/"><span class="name">PS Tutorials</span><span class="number">10</span></a></li>
<li><a href="http://www.webappers.com/category/design/stock-photos/"><span class="name">Stock Photos</span><span class="number">19</span></a></li>
<li><a href="http://www.webappers.com/category/design/tables/"><span class="name">Tables</span><span class="number">25</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_others">Others</div>
<div class="clearBoth"></div>
<ul id="list_others" class="others">
<li><a href="http://www.webappers.com/category/announcement/"><span class="name">Announcement</span><span class="number">86</span></a></li>
<li><a href="http://www.webappers.com/category/best-collections/"><span class="name">Best Collections</span><span class="number">4</span></a></li>
<li><a href="http://www.webappers.com/category/code/"><span class="name">Code</span><span class="number">49</span></a></li>
<li><a href="http://www.webappers.com/category/ecommerce/"><span class="name">eCommerce</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/framework/"><span class="name">Framework</span><span class="number">171</span></a></li>
<li><a href="http://www.webappers.com/category/hosting/"><span class="name">Hosting</span><span class="number">12</span></a></li>
<li><a href="http://www.webappers.com/category/information/"><span class="name">Information</span><span class="number">163</span></a></li>
<li><a href="http://www.webappers.com/category/inspiration/"><span class="name">Inspiration</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/legal-documents/"><span class="name">Legal Documents</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/reviews/"><span class="name">Reviews</span><span class="number">8</span></a></li>
<li><a href="http://www.webappers.com/category/security/"><span class="name">Security</span><span class="number">13</span></a></li>
<li><a href="http://www.webappers.com/category/social/"><span class="name">Social</span><span class="number">21</span></a></li>
<li><a href="http://www.webappers.com/category/sound/"><span class="name">Sound</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/stats/"><span class="name">Stats</span><span class="number">36</span></a></li>
<li><a href="http://www.webappers.com/category/tools/"><span class="name">Tools</span><span class="number">231</span></a></li>
<li><a href="http://www.webappers.com/category/webmail/"><span class="name">Webmail</span><span class="number">13</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_licenses">Licesnes</div>
<div class="clearBoth"></div>
<ul class="others">
<li><a href="http://www.webappers.com/category/license-bsd/"><span class="name">BSD License</span><span class="number">57</span></a></li>
<li><a href="http://www.webappers.com/category/license-cc/"><span class="name">CC License</span><span class="number">116</span></a></li>
<li><a href="http://www.webappers.com/category/license-gpl/"><span class="name">GPL License</span><span class="number">206</span></a></li>
<li><a href="http://www.webappers.com/category/license-lgpl/"><span class="name">LGPL License</span><span class="number">38</span></a></li>
<li><a href="http://www.webappers.com/category/license-free/"><span class="name">License Free</span><span class="number">632</span></a></li>
<li><a href="http://www.webappers.com/category/license-mit/"><span class="name">MIT License</span><span class="number">317</span></a></li>
</ul></div>
<div class="clearBoth"></div>
</p></div>
<p> <!-- end all_tags --></p>
<div class="rectangle">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238096" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "336x280,300x250";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";</p>
<p>//--></script><br />
<!-- <scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script> --></p></div>
</p></div>
<div class="partners">
<div class="title">Partners</div>
<p>				<a href="http://www.netdna.com" class="netdna">NetDNA</a></p></div>
</p></div>
<div class="end">
				</div>
</p></div>
</p></div>
<p> <!-- ENd Sidebar --></p>
<div class="clearBoth"></div>
</p></div>
<div id="footer-ad">
<scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "728x90,468x60";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";
//--></script><br />
<scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script>
</div>
</div>
<p> <!-- End Container --></p>
<div id="fb-root"></div>
<p><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&#038;appId=264476923617601";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></p>
<p><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
<p><scriptd typed="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></p>
<p><script></p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 115 &#038;&#038; (navigator.userAgent.indexOf('iPhone') == -1 &#038;&#038; navigator.userAgent.indexOf('iPad') == -1 &#038;&#038; navigator.userAgent.indexOf('Blackberry') == -1 &#038;&#038; navigator.userAgent.indexOf('Android') == -1) ) {
				$('#menu_bar').addClass("fixed");
			} else {
				$('#menu_bar').removeClass("fixed");
			}
		});</p>
<p>var selected_ele = $('#menu ul li.selected');
$('#menu ul li').hover(function(){
	selected_ele.removeClass('selected');
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
	selected_ele.addClass('selected');
});</p>
<p>$('#all_time').click(function() {
	$('#main #sidebar #side_content .popular ul#30_days_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#30_days_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').fadeIn();
		$('#30_days').removeClass('selected');
		$('#all_time').addClass('selected');
		$('#30_days_list').removeClass('selected');
		$('#all_time_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#30_days').click(function() {
	$('#main #sidebar #side_content .popular ul#all_time_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#all_time_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').fadeIn();
		$('#all_time').removeClass('selected');
		$('#30_days').addClass('selected');	
		$('#all_time_list').removeClass('selected');
		$('#30_days_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#main #sidebar #side_content .popular ul.list li a').hover(function(){</p>
<p>	//alert($(this).parent().attr('class'));
//	alert($(this).parent().parent().parent().find('.number').html());
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).addClass('selected');</p>
<p>	},function() {
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).removeClass('selected');
	//$(this).parent().parent().parent().find('.number li.'+$(this).parent().attr('class')).removeClass('selected');
});</p>
<p>$('#main #content .related .resources .item').hover(function(){
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
});</p>
<p>$('.typeahead').typeahead()</p>
<p>Tipped.create('#menu_plugins', $('#list_plugins').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	//$(content).find('ul').addClass('nav');
	//Tipped.refresh('#menu_plugins');
	//alert($(content).html());
	selected_ele = $('#menu_plugins');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,</p>
<p>	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_design', $('#list_design').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_design');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_others', $('#list_others').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_others');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>	// fade in #back-top</p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 600) {
				$('.top').fadeIn();
			} else {
				$('.top').fadeOut();
			}
		});</p>
<p>		// scroll body to 0px on click</p>
<p>		$('#.top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});</p>
<p>//$("[rel=tooltip]").tooltip({placement:'bottom'});</p>
<p>Tipped.create('.tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 10 },
	hook: 'bottommiddle'
});</p>
<p>Tipped.create('.ranking-tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 0 },
	hook: 'topmiddle'
});</p>
<p>// Usage:</p>
<p></script></p>
<p><!-- BuySellAds Ad Code --><br />
<scriptd typed="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script><br />
<!-- End BuySellAds Ad Code --></p>
<p><scriptd typed="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br />
<scriptd typed="text/javascript">
var pageTracker = _gat._getTracker("UA-1554459-2");
pageTracker._trackPageview();
</script></p>
<p><scriptd typed="text/javascript" src="http://include.reinvigorate.net/re_.js"></script><br />
<scriptd typed="text/javascript">
try {
reinvigorate.track("01ztb-iq09prpk37");
} catch(err) {}
</script></p>
<p><scriptd typed="text/javascript">
    var GoSquared={};
    GoSquared.acct = "GSN-796486-F";
    (function(w){
        function gs(){
            w._gstc_lt=+(new Date); var d=document;
            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
        }
        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
    })(window);
</script></p>
<p></body><br />
</html><!--<br />
This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!</p>
<p>Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/</p>
<p>Page Caching using disk (enchanced)<br />
Content Delivery Network via maxcdn.webappers.com</p>
<p>Served from: ps11300.dreamhostps.com @ 2012-07-29 23:22:37 --><br /> Read original post on www.webappers.com</div>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/_1BgnlYQ1R0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/awesome-paperfold-effect-for-ios-mobile-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/awesome-paperfold-effect-for-ios-mobile-applications/</feedburner:origLink></item>
		<item>
		<title>Sidetap: Easy to Use Side Navigation Pattern like Facebook</title>
		<link>http://feedproxy.google.com/~r/webbuorg/~3/7jd-6qTe7qI/</link>
		<comments>http://www.webbu.org/web/sidetap-easy-to-use-side-navigation-pattern-like-facebook/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 07:56:46 +0000</pubDate>
		<dc:creator>cooldewil</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Easy]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[like]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Pattern]]></category>
		<category><![CDATA[Side]]></category>
		<category><![CDATA[Sidetap:]]></category>
		<category><![CDATA[To]]></category>
		<category><![CDATA[use]]></category>

		<guid isPermaLink="false">http://www.webbu.org/?p=3344</guid>
		<description><![CDATA[Sponsors subscribe to our newsletter &#8211; weekly free resouces for web developers Subscribe follow us on social sites &#8211; rss, facebook, google+, Twitter Related Resources JS Framework for Mobile, with jQuery-compatible Syntax jQuery Mobile Alpha 1 Released Foundation: Responsive Framework for Rapidly Prototyping jQuery Mobile &#8211; A Web Framework for Smartphones &#038; Tablets HTML5 Javascript <span class="ellipsis">&#8230;</span> <span class="more-link-wrap"><a href="http://www.webbu.org/web/sidetap-easy-to-use-side-navigation-pattern-like-facebook/" class="more-link"><span>Read More ...</span></a></span>]]></description>
			<content:encoded><![CDATA[<div class="">
<!--</p>
<p><a href="http://bundlehunt.com/" target="_blank"><img src="http://maxcdn.webappers.com/img/2012/06/WEBAPPERS-poster.jpg"/></a></p>
<p>&#8211;></p>
<p><a title="Sidetap" href="http://sidetap.it/" target="_blank">Sidetap</a> is a simple framework that allows you to quickly build platform-independent mobile web interfaces. It is an <strong>easy-to-use implementation of the side navigation pattern popularized by apps like Sparrow and Facebook</strong>. It solves many common mobile development problems right out of the box.</p>
<p>Sidetap only weighs 2k when minifyied and gzipped. It aims to always deliver the best possible experience for all devices by starting with a basic experience and progressively enhancing it for more capable devices. </p>
<p>Sidetap provides a flexible foundation for navigating between content panels on mobile devices using an easy-to-use syntax. It has been tested on jQuery 1.7.2 and Zepto.js.</p>
<p style="text-align: center;"><a title="Sidetap" href="http://sidetap.it/" target="_blank"><img class="size-full wp-image-6373 aligncenter" title="sidetap" src="http://maxcdn.webappers.com/img/2012/07/sidetap.jpg" alt="sidetap" width="579" height="365" /></a></p>
<blockquote><p>Requirements: jQuery Framework<br />
Demo: <a title="demo" rel="nofollow" href="http://sidetap.it/" target="_blank">http://sidetap.it/</a><br />
License: MIT License</p>
</blockquote></div>
<div class="share">
<div class="title">Share</div>
<div class="social_share">
<div class="like-button-holder">
<div id="FaceBookLikeButton">
<div class="fb-like" data-href="http://www.webappers.com/2012/07/30/sidetap-easy-to-use-side-navigation-pattern-like-facebook/" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</p></div>
</p></div>
<div class="tweet-button-holder"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.webappers.com/2012/07/30/sidetap-easy-to-use-side-navigation-pattern-like-facebook/" data-via="webappers">Tweet</a>
							</div>
<div class="google-button-holder">
								<!-- Place this tag where you want the +1 button to render --><br />
<g:plusone size="medium" href="http://www.webappers.com/2012/07/30/sidetap-easy-to-use-side-navigation-pattern-like-facebook/"></g:plusone></p></div>
</p></div>
<div class="clearBoth"></div>
</p></div>
<p><!-- End Share --></p></div>
<p> <!-- End Post --></p>
<div class="seperator"> </div>
<div class="first_ad">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238093" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
				</div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="subscribe">
<div class="newsletter">
<h5>subscribe to our newsletter &#8211; weekly free resouces for web developers</h5>
<div class="subscribe_form">
<form class="form-inline" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Webappers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
							<button type="submit" class="btn">Subscribe</button><br />
							<input type="hidden" value="Webappers" name="uri"/><br />
    						<input type="hidden" name="loc" value="en_US"/><br />
							<input type="text" name="email" class="subscribe_field"  placeholder="Email Address" ><br />
							</form>
</p></div>
</p></div>
<div class="rss">
<h5>follow us on social sites &#8211; rss, facebook, google+, Twitter</h5>
<div class="social_buttons">
											<a href="http://feeds2.feedburner.com/Webappers" class="social_rss tooltips" title="Subscrube RSS"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_rss.png" alt="Subscribe RSS"/></a><br />
											<a href="http://www.facebook.com/WebAppers" class="social_facebook tooltips" title="Like us on Facebook"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_facebook.png" alt="Like us on Facebook"/></a><br />
											<a href="http://twitter.com/#!/webappers" class="social_twitter tooltips" title="Follow us on Twitter"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_twitter.png" alt="Follow us on Twitter"/></a><br />
											<a href="https://plus.google.com/b/113553364177176851960/" class="social_google_plus tooltips" title="Follow us on Google+"><img src="http://www.webappers.com/wp-content/themes/webappers3/images/social_google_plus.png" alt="Follow us on Google+"/></a>
							</div>
</p></div>
<div class="clearBoth"> </div>
</p></div>
<div class="seperator"> </div>
<div class="related">
<div class="title">Related Resources</div>
<div class="resources">
<div class="PostContent">
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/11/25/js-framework-for-mobile-with-jquery-compatible-syntax/" rel="bookmark" title="JS Framework for Mobile, with jQuery-compatible Syntax"><img src="http://maxcdn.webappers.com/img/2010/11/zepto.jpg" alt="JS Framework for Mobile, with jQuery-compatible Syntax"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/11/25/js-framework-for-mobile-with-jquery-compatible-syntax/" rel="bookmark" title="JS Framework for Mobile, with jQuery-compatible Syntax">JS Framework for Mobile, with jQuery-compatible Syntax</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/10/18/jquery-mobile-alpha-1-released/" rel="bookmark" title="jQuery Mobile Alpha 1 Released"><img src="http://maxcdn.webappers.com/img/2010/10/jquery-mobile.jpg" alt="jQuery Mobile Alpha 1 Released"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/10/18/jquery-mobile-alpha-1-released/" rel="bookmark" title="jQuery Mobile Alpha 1 Released">jQuery Mobile Alpha 1 Released</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2011/12/01/foundation-responsive-framework-for-rapidly-prototyping/" rel="bookmark" title="Foundation: Responsive Framework for Rapidly Prototyping"><img src="http://maxcdn.webappers.com/img/2011/11/foundation.png" alt="Foundation: Responsive Framework for Rapidly Prototyping"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2011/12/01/foundation-responsive-framework-for-rapidly-prototyping/" rel="bookmark" title="Foundation: Responsive Framework for Rapidly Prototyping">Foundation: Responsive Framework for Rapidly Prototyping</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/08/14/jquery-mobile-a-web-framework-for-smartphones-tablets/" rel="bookmark" title="jQuery Mobile - A Web Framework for Smartphones &#038; Tablets"><img src="http://maxcdn.webappers.com/img/2010/08/jquery-mobile.jpg" alt="jQuery Mobile - A Web Framework for Smartphones &#038; Tablets"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/08/14/jquery-mobile-a-web-framework-for-smartphones-tablets/" rel="bookmark" title="jQuery Mobile - A Web Framework for Smartphones &#038; Tablets">jQuery Mobile &#8211; A Web Framework for Smartphones &#038; Tablets</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/10/15/html5-javascript-framework-for-mobile-applications/" rel="bookmark" title="HTML5 Javascript Framework for Mobile Applications"><img src="http://maxcdn.webappers.com/img/2010/10/html5-mobile-framework.jpg" alt="HTML5 Javascript Framework for Mobile Applications"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/10/15/html5-javascript-framework-for-mobile-applications/" rel="bookmark" title="HTML5 Javascript Framework for Mobile Applications">HTML5 Javascript Framework for Mobile Applications</a></h4>
</div>
</div>
</div>
<div >
<div class="item">
<div class="thumb"><a href="http://www.webappers.com/2010/03/03/a-smarter-way-to-apply-progressive-enhancement/" rel="bookmark" title="A Smarter Way to Apply Progressive Enhancement"><img src="http://maxcdn.webappers.com/img/2010/02/enhanced-js.jpg" alt="A Smarter Way to Apply Progressive Enhancement"/></a></div>
<div class="desc">
<h4><a href="http://www.webappers.com/2010/03/03/a-smarter-way-to-apply-progressive-enhancement/" rel="bookmark" title="A Smarter Way to Apply Progressive Enhancement">A Smarter Way to Apply Progressive Enhancement</a></h4>
</div>
</div>
</div>
</div>
<p><!-- Similar Posts took 74.069 ms -->						</p></div>
</p></div>
<p> <!-- End Related --></p>
<div class="seperator"> </div>
<div class="comments-section">
<div class="title">Comments</div>
<div class="comments">
<div id="disqus_thread">
    </div>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var disqus_url = 'http://www.webappers.com/2012/07/30/sidetap-easy-to-use-side-navigation-pattern-like-facebook/';
    var disqus_identifier = '6372 http://www.webappers.com/?p=6372';
    var disqus_container_id = 'disqus_thread';
    var disqus_domain = 'disqus.com';
    var disqus_shortname = 'webappers';
    var disqus_title = "Sidetap: Easy to Use Side Navigation Pattern like Facebook";
        var disqus_config = function () {
        var config = this; // Access to the config object</p>
<p>        /*
           All currently supported events:
            * preData — fires just before we request for initial data
            * preInit - fires after we get initial data but before we load any dependencies
            * onInit  - fires when all dependencies are resolved but before dtpl template is rendered
            * afterRender - fires when template is rendered but before we show it
            * onReady - everything is done
         */</p>
<p>        config.callbacks.preData.push(function() {
            // clear out the container (its filled for SEO/legacy purposes)
            document.getElementById(disqus_container_id).innerHTML = '';
        });
                config.callbacks.onReady.push(function() {
            // sync comments in the background so we don't block the page
            DISQUS.request.get('?cf_action=sync_comments&#038;post_id=6372');
        });
                    };
    var facebookXdReceiverPath = 'http://www.webappers.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
    var DsqLocal = {
        'trackbacks': [
        ],
        'trackback_url': "http:\/\/www.webappers.com\/2012\/07\/30\/sidetap-easy-to-use-side-navigation-pattern-like-facebook\/trackback\/"    };
/* ]]&gt; */
</script></p>
<p><scriptd typed="text/javascript">
/* <![CDATA[ */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript';
    dsq.async = true;
        dsq.src = 'http' + '://' + disqus_shortname + '.' + disqus_domain + '/embed.js?pname=wordpress&#038;pver=2.72';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]&gt; */
</script></p></div>
</p></div>
<div class="seperator"> </div>
<div class="about-section">
<h2>Open Source Resources for You</h2>
<div class="about">
<p>What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.</p>
<p>&copy; Copyright 2012 WebAppers | <span class="links"><a href="http://www.webappers.com/about/" title="About">About</a> | <a href="http://www.webappers.com/archives/" title="Archives">Archives</a> | <a href="http://www.webappers.com/privacy-policy-for-webapperscom/" title="Privacy Policy">Privacy Policy</a> | <a href="http://buysellads.com/buy/detail/51" title="Archives">Advertise</a> | <a href="http://www.webappers.com/contact/" title="Contact">Contact</a></span></p>
</p></div>
</p></div>
</p></div>
<div class="end"></div>
</p></div>
<div id="sidebar">
<div id="side_banner">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<p><!-- BuySellAds Zone Code --></p>
<div id="bsap_1238094" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><!--<br />
<a href="http://www.webiconset.com" title="Professional Web Icons" target="_blank" class="ad6 even"><img src="http://maxcdn.webappers.com/img/2012/06/webiconset.png" width="160" height="100" alt="Professional Web Icons"></a><br />
--></p>
<div class="clearBoth"> </div>
</p></div>
</p></div>
<div id="side_content">
<div class="start">
				</div>
<div class="middle">
<div class="search_form">
<div class="topic">
<div class="title">Search</div>
<div class="desc">By Keywords</div>
<div class="clearBoth"></div>
</p></div>
<form class="form-inline" action="/" method="get">
							<button type="submit" class="btn btn-info">Search</button><br />
							<input type="text" name="s" value="" class="search_field"  placeholder="" data-provide="typeahead" data-items="8" data-source='["Advertisement","Announcement","Best Collections","Brushes","BSD License","Buttons","Calendar","Capture","CC License","Charts","Chat","Code","Color Schemes","Components","Demo Tour","Design","eCommerce","Fonts","Forms","Framework","Gallery","GPL License","Hosting","Icons","Information","Inspiration","Legal Documents","LGPL License","License Free","Maps","Menu","MIT License","Patterns","Polls","Popup","PS Tutorials","Reviews","Security","Social","Sound","Stats","Stock Photos","Tables","Tools","Tooltips","Upload","Video","Webmail"]'><br />
						</form>
</p></div>
<div class="popular">
<div class="title"> </div>
<div class="desc"><a id="30_days" href="#" class="selected">30 Days</a> / <a id="all_time" href="#">All Time</a></div>
<div class="clearBoth"></div>
<ul class="number">
<li class="pop_1">1</li>
<li class="pop_2">2</li>
<li class="pop_3">3</li>
<li class="pop_4">4</li>
<li class="pop_5">5</li>
<li class="pop_6">6</li>
<li class="pop_7">7</li>
<li class="pop_8">8</li>
<li class="pop_9">9</li>
<li class="pop_10">10</li>
</ul>
<ul class="hidden list" id="all_time_list">
<li><a title="Professional Business Cards Made By Designers" href="http://www.webappers.com/2010/08/18/25-professional-business-cards-made-by-designers/">Professional Business Cards Made By Designers</a></li>
<li><a title="Best Free Chrome Extensions for Web Developers" href="http://www.webappers.com/2010/08/25/35-best-free-chrome-extensions-for-web-developers/">Best Free Chrome Extensions for Web Developers</a></li>
<li ><a title="All of the Best Free WordPress Themes You Need<" href="http://www.webappers.com/2010/09/14/all-of-the-best-free-wordpress-themes-you-need/">All of the Best Free WordPress Themes You Need</a></li>
<li><a title="How to Create a Web App Admin User Interface" href="http://www.webappers.com/2009/07/05/create-a-web-app-admin-user-interface-in-photoshop/">How to Create a Web App Admin User Interface</a></li>
<li><a title="Nice List of Open Source Fish Eye Menu" href="http://www.webappers.com/2007/10/29/nice-list-of-open-source-fish-eye-menu/">Nice List of Open Source Fish Eye Menu</a></li>
<li><a title="Best Web Admin Templates" href="http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/">Best Web Admin Templates</a></li>
<li><a title="25 Useful Blogs for Web Design &#038; Development" href="http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/">25 Useful Blogs for Web Design &#038; Development</a></li>
<li><a title="Simple Javascript Progress Bar with CSS" href="http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/">Simple Javascript Progress Bar with CSS</a></li>
<li><a title="10 Useful &#038; Quality Design Resources" href="http://www.webappers.com/2009/07/28/10-useful-quality-design-resources-on-graphicriver/">10 Useful &#038; Quality Design Resources</a></li>
<li><a title="Free Web Application Icons" href="http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/">Free Web Application Icons</a></li>
</ul>
<ul class="list selected" id="30_days_list">
<li><a href="http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/" title="30 Toolbar Icons for User Interface Design">30 Toolbar Icons for User Interface Design</a></li>
<li><a href="http://www.webappers.com/2012/07/12/awesome-html5-app-for-creating-wireframes-mockups/" title="Awesome HTML5 App for Creating Wireframes &#038; Mockups">Awesome HTML5 App for Creating Wireframes &#038; Mockups</a></li>
<li><a href="http://www.webappers.com/2012/07/19/600-clean-and-nicely-designed-vector-icons-for-free/" title="600+ Clean and Nicely Designed Vector Icons for Free">600+ Clean and Nicely Designed Vector Icons for Free</a></li>
<li><a href="http://www.webappers.com/2012/07/11/twitter-bootstrap-colorpicker-and-datepicker/" title="Twitter Bootstrap Colorpicker and Datepicker">Twitter Bootstrap Colorpicker and Datepicker</a></li>
<li><a href="http://www.webappers.com/2012/07/18/pdf-js-html5-portable-document-format-renderer/" title="PDF.js - HTML5 Portable Document Format Renderer">PDF.js - HTML5 Portable Document Format Renderer</a></li>
<li><a href="http://www.webappers.com/2012/07/03/foundation-3-advanced-responsive-front-end-framework/" title="Foundation 3: Advanced Responsive Front-end Framework">Foundation 3: Advanced Responsive Front-end Framework</a></li>
<li><a href="http://www.webappers.com/2012/07/13/social-media-buttons-integration-jquery-plugin/" title="Social Media Buttons Integration jQuery Plugin">Social Media Buttons Integration jQuery Plugin</a></li>
<li><a href="http://www.webappers.com/2012/07/10/a-powerful-library-for-data-heavy-applications/" title="A Powerful Library for Data-Heavy Applications">A Powerful Library for Data-Heavy Applications</a></li>
<li><a href="http://www.webappers.com/2012/07/23/a-javascript-package-manager-for-front-end-developers/" title="A JavaScript Package Manager for Front End Developers">A JavaScript Package Manager for Front End Developers</a></li>
<li><a href="http://www.webappers.com/2012/07/20/easy-to-use-image-placeholder-jquery-plugin/" title="Easy To Use Image Placeholder jQuery Plugin">Easy To Use Image Placeholder jQuery Plugin</a></li>
</ul>
<div class="clearBoth"></div>
</p></div>
<div class="skyscraper">
<div class="title">Sponsors</div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238095" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code -->
						</div>
</p></div>
<div class="all_tags">
<div class="tags normal" >
<div class="title">Plugins</div>
<ul id="list_plugins">
<li><a href="http://www.webappers.com/category/components/ads/"><span class="name">Advertisement</span><span class="number">15</span></a></li>
<li><a href="http://www.webappers.com/category/components/calendar/"><span class="name">Calendar</span><span class="number">45</span></a></li>
<li><a href="http://www.webappers.com/category/components/capture/"><span class="name">Capture</span><span class="number">17</span></a></li>
<li><a href="http://www.webappers.com/category/components/charts/"><span class="name">Charts</span><span class="number">48</span></a></li>
<li><a href="http://www.webappers.com/category/components/instant-messaging/"><span class="name">Chat</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/components/demo-tour/"><span class="name">Demo Tour</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/components/gallery/"><span class="name">Gallery</span><span class="number">107</span></a></li>
<li><a href="http://www.webappers.com/category/components/maps/"><span class="name">Maps</span><span class="number">28</span></a></li>
<li><a href="http://www.webappers.com/category/components/menu/"><span class="name">Menu</span><span class="number">73</span></a></li>
<li><a href="http://www.webappers.com/category/components/polls/"><span class="name">Polls</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/components/popup/"><span class="name">Popup</span><span class="number">46</span></a></li>
<li><a href="http://www.webappers.com/category/components/tooltips/"><span class="name">Tooltips</span><span class="number">39</span></a></li>
<li><a href="http://www.webappers.com/category/components/upload/"><span class="name">Upload</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/components/video/"><span class="name">Video</span><span class="number">16</span></a></li>
</ul></div>
<div class="tags">
<div class="title_design">Desgin</div>
<ul id="list_design">
<li><a href="http://www.webappers.com/category/design/brushes/"><span class="name">Brushes</span><span class="number">11</span></a></li>
<li><a href="http://www.webappers.com/category/design/buttons/"><span class="name">Buttons</span><span class="number">22</span></a></li>
<li><a href="http://www.webappers.com/category/design/color-schemes/"><span class="name">Color Schemes</span><span class="number">23</span></a></li>
<li><a href="http://www.webappers.com/category/design/fonts/"><span class="name">Fonts</span><span class="number">40</span></a></li>
<li><a href="http://www.webappers.com/category/design/forms/"><span class="name">Forms</span><span class="number">100</span></a></li>
<li><a href="http://www.webappers.com/category/design/icons/"><span class="name">Icons</span><span class="number">92</span></a></li>
<li><a href="http://www.webappers.com/category/design/patterns/"><span class="name">Patterns</span><span class="number">24</span></a></li>
<li><a href="http://www.webappers.com/category/design/photoshop-tutorials/"><span class="name">PS Tutorials</span><span class="number">10</span></a></li>
<li><a href="http://www.webappers.com/category/design/stock-photos/"><span class="name">Stock Photos</span><span class="number">19</span></a></li>
<li><a href="http://www.webappers.com/category/design/tables/"><span class="name">Tables</span><span class="number">25</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_others">Others</div>
<div class="clearBoth"></div>
<ul id="list_others" class="others">
<li><a href="http://www.webappers.com/category/announcement/"><span class="name">Announcement</span><span class="number">86</span></a></li>
<li><a href="http://www.webappers.com/category/best-collections/"><span class="name">Best Collections</span><span class="number">4</span></a></li>
<li><a href="http://www.webappers.com/category/code/"><span class="name">Code</span><span class="number">49</span></a></li>
<li><a href="http://www.webappers.com/category/ecommerce/"><span class="name">eCommerce</span><span class="number">20</span></a></li>
<li><a href="http://www.webappers.com/category/framework/"><span class="name">Framework</span><span class="number">172</span></a></li>
<li><a href="http://www.webappers.com/category/hosting/"><span class="name">Hosting</span><span class="number">12</span></a></li>
<li><a href="http://www.webappers.com/category/information/"><span class="name">Information</span><span class="number">163</span></a></li>
<li><a href="http://www.webappers.com/category/inspiration/"><span class="name">Inspiration</span><span class="number">29</span></a></li>
<li><a href="http://www.webappers.com/category/legal-documents/"><span class="name">Legal Documents</span><span class="number">9</span></a></li>
<li><a href="http://www.webappers.com/category/reviews/"><span class="name">Reviews</span><span class="number">8</span></a></li>
<li><a href="http://www.webappers.com/category/security/"><span class="name">Security</span><span class="number">13</span></a></li>
<li><a href="http://www.webappers.com/category/social/"><span class="name">Social</span><span class="number">21</span></a></li>
<li><a href="http://www.webappers.com/category/sound/"><span class="name">Sound</span><span class="number">14</span></a></li>
<li><a href="http://www.webappers.com/category/stats/"><span class="name">Stats</span><span class="number">36</span></a></li>
<li><a href="http://www.webappers.com/category/tools/"><span class="name">Tools</span><span class="number">231</span></a></li>
<li><a href="http://www.webappers.com/category/webmail/"><span class="name">Webmail</span><span class="number">13</span></a></li>
</ul></div>
<div class="clearBoth"></div>
<div class="tags others">
<div class="title_licenses">Licesnes</div>
<div class="clearBoth"></div>
<ul class="others">
<li><a href="http://www.webappers.com/category/license-bsd/"><span class="name">BSD License</span><span class="number">57</span></a></li>
<li><a href="http://www.webappers.com/category/license-cc/"><span class="name">CC License</span><span class="number">116</span></a></li>
<li><a href="http://www.webappers.com/category/license-gpl/"><span class="name">GPL License</span><span class="number">206</span></a></li>
<li><a href="http://www.webappers.com/category/license-lgpl/"><span class="name">LGPL License</span><span class="number">38</span></a></li>
<li><a href="http://www.webappers.com/category/license-free/"><span class="name">License Free</span><span class="number">632</span></a></li>
<li><a href="http://www.webappers.com/category/license-mit/"><span class="name">MIT License</span><span class="number">318</span></a></li>
</ul></div>
<div class="clearBoth"></div>
</p></div>
<p> <!-- end all_tags --></p>
<div class="rectangle">
<div class="title">Sponsors</div>
<div class="desc"><a href="http://buysellads.com/buy/detail/51" target="_blank" title="Advertiser Here">Advertise Here</a></div>
<div class="clearBoth"></div>
<div class="banner">
<!-- BuySellAds Zone Code --></p>
<div id="bsap_1238096" class="bsarocks bsap_f0f765a4a2b8013472eb1ae2074fd0ed"></div>
<p><!-- End BuySellAds Zone Code --></p>
<p><scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "336x280,300x250";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";</p>
<p>//--></script><br />
<!-- <scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script> --></p></div>
</p></div>
<div class="partners">
<div class="title">Partners</div>
<p>				<a href="http://www.netdna.com" class="netdna">NetDNA</a></p></div>
</p></div>
<div class="end">
				</div>
</p></div>
</p></div>
<p> <!-- ENd Sidebar --></p>
<div class="clearBoth"></div>
</p></div>
<div id="footer-ad">
<scriptd typed="text/javascript"><!--
	e9 = new Object();
    e9.size = "728x90,468x60";
e9.addBlockingCategories="Adult,Alcohol,Dating,Gambling,Sweepstakes,Political,Religious,Suggestive,Tobacco,Violence,Flashing,Warning,Audio,Pop-under,Pop-up,Floating,Unicast,Full-page,Expandable,Survey";
//--></script><br />
<scriptd typed="text/javascript" src="http://tags.expo9.exponential.com/tags/WebAppers/ROS/tags.js"></script>
</div>
</div>
<p> <!-- End Container --></p>
<div id="fb-root"></div>
<p><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&#038;appId=264476923617601";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></p>
<p><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
<p><scriptd typed="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></p>
<p><script></p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 115 &#038;&#038; (navigator.userAgent.indexOf('iPhone') == -1 &#038;&#038; navigator.userAgent.indexOf('iPad') == -1 &#038;&#038; navigator.userAgent.indexOf('Blackberry') == -1 &#038;&#038; navigator.userAgent.indexOf('Android') == -1) ) {
				$('#menu_bar').addClass("fixed");
			} else {
				$('#menu_bar').removeClass("fixed");
			}
		});</p>
<p>var selected_ele = $('#menu ul li.selected');
$('#menu ul li').hover(function(){
	selected_ele.removeClass('selected');
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
	selected_ele.addClass('selected');
});</p>
<p>$('#all_time').click(function() {
	$('#main #sidebar #side_content .popular ul#30_days_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#30_days_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#all_time_list').fadeIn();
		$('#30_days').removeClass('selected');
		$('#all_time').addClass('selected');
		$('#30_days_list').removeClass('selected');
		$('#all_time_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#30_days').click(function() {
	$('#main #sidebar #side_content .popular ul#all_time_list').fadeOut('slow',function(){
		$('#main #sidebar #side_content .popular ul#all_time_list').removeClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').addClass('list');
		$('#main #sidebar #side_content .popular ul#30_days_list').fadeIn();
		$('#all_time').removeClass('selected');
		$('#30_days').addClass('selected');	
		$('#all_time_list').removeClass('selected');
		$('#30_days_list').addClass('selected');				
	});
	return false;
});</p>
<p>$('#main #sidebar #side_content .popular ul.list li a').hover(function(){</p>
<p>	//alert($(this).parent().attr('class'));
//	alert($(this).parent().parent().parent().find('.number').html());
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).addClass('selected');</p>
<p>	},function() {
	var selectedItem = $(this).closest('li');
	var selected_index = $("#main #sidebar #side_content .popular ul.selected li").index(selectedItem);
	selected_index++;
	$(this).parent().parent().parent().find('.number li.pop_'+selected_index).removeClass('selected');
	//$(this).parent().parent().parent().find('.number li.'+$(this).parent().attr('class')).removeClass('selected');
});</p>
<p>$('#main #content .related .resources .item').hover(function(){
	$(this).addClass('selected');
	},function() {
	$(this).removeClass('selected');
});</p>
<p>$('.typeahead').typeahead()</p>
<p>Tipped.create('#menu_plugins', $('#list_plugins').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	//$(content).find('ul').addClass('nav');
	//Tipped.refresh('#menu_plugins');
	//alert($(content).html());
	selected_ele = $('#menu_plugins');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,</p>
<p>	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_design', $('#list_design').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_design');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>Tipped.create('#menu_others', $('#list_others').clone(true, true).removeAttr('id')[0], {
	onShow: function(content, element) { 
	selected_ele = $('#menu_others');
	},
	skin: 'light',
	showOn: 'click',
	containment: false,
	hook: 'righttop'
});</p>
<p>	// fade in #back-top</p>
<p>		$(window).scroll(function () {
			if ($(this).scrollTop() > 600) {
				$('.top').fadeIn();
			} else {
				$('.top').fadeOut();
			}
		});</p>
<p>		// scroll body to 0px on click</p>
<p>		$('#.top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});</p>
<p>//$("[rel=tooltip]").tooltip({placement:'bottom'});</p>
<p>Tipped.create('.tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 10 },
	hook: 'bottommiddle'
});</p>
<p>Tipped.create('.ranking-tooltips', {
	containment: false,
	skin: 'dark',
	offset: { x: 0, y: 0 },
	hook: 'topmiddle'
});</p>
<p>// Usage:</p>
<p></script></p>
<p><!-- BuySellAds Ad Code --><br />
<scriptd typed="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script><br />
<!-- End BuySellAds Ad Code --></p>
<p><scriptd typed="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><br />
<scriptd typed="text/javascript">
var pageTracker = _gat._getTracker("UA-1554459-2");
pageTracker._trackPageview();
</script></p>
<p><scriptd typed="text/javascript" src="http://include.reinvigorate.net/re_.js"></script><br />
<scriptd typed="text/javascript">
try {
reinvigorate.track("01ztb-iq09prpk37");
} catch(err) {}
</script></p>
<p><scriptd typed="text/javascript">
    var GoSquared={};
    GoSquared.acct = "GSN-796486-F";
    (function(w){
        function gs(){
            w._gstc_lt=+(new Date); var d=document;
            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
        }
        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
    })(window);
</script></p>
<p></body><br />
</html><!--<br />
This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!</p>
<p>Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/</p>
<p>Page Caching using disk (enchanced)<br />
Content Delivery Network via maxcdn.webappers.com</p>
<p>Served from: ps11300.dreamhostps.com @ 2012-07-30 00:04:59 --><br /> Read original post on www.webappers.com</div>
<img src="http://feeds.feedburner.com/~r/webbuorg/~4/7jd-6qTe7qI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webbu.org/web/sidetap-easy-to-use-side-navigation-pattern-like-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webbu.org/web/sidetap-easy-to-use-side-navigation-pattern-like-facebook/</feedburner:origLink></item>
	<media:rating>nonadult</media:rating></channel>
</rss>
