<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>bijusubhash.com &#187; Javascript</title>
	<atom:link href="http://www.bijusubhash.com/blog/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bijusubhash.com</link>
	<description>Blog for Graphic Tutorials, Tips, Tricks, Technical Tutorials and Free stuffs</description>
	<lastBuildDate>Mon, 07 Jun 2010 09:13:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Cloud Zoom &#8211; jQuery Image Zoom Plugin</title>
		<link>http://www.bijusubhash.com/blog/cloud-zoom-jquery-image-zoom-plugin</link>
		<comments>http://www.bijusubhash.com/blog/cloud-zoom-jquery-image-zoom-plugin#comments</comments>
		<pubDate>Mon, 07 Jun 2010 07:40:51 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Image-Zoom]]></category>
		<category><![CDATA[jQuery-zoom]]></category>
		<category><![CDATA[zoom-plugin]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4089</guid>
		<description><![CDATA[Cloud Zoom is a jQuery plugin comparable to commercial image zoom products like Magic Zoom. It is smaller, more features and more robust compatability across browsers. It has been tested on Firefox, Chrome, Safari, Opera and IE6+. javascript jQuery-zoom zoom-plugin image-zoom]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.professorcloud.com/mainsite/cloud-zoom.htm" target="_blank"><img class="alignnone size-full wp-image-4090" title="Cloud Zoom - jQuery Image Zoom Plugin" src="http://www.bijusubhash.com/wp-content/uploads/2010/06/Cloud-Zoom-jQuery-Image-Zoom-Plugin.jpg" alt="Cloud Zoom - jQuery Image Zoom Plugin" width="550" height="244" /></a></p>
<p>Cloud Zoom is a jQuery plugin comparable to commercial image zoom products like Magic Zoom. It is smaller, more features and more robust compatability across browsers. It has been tested on Firefox, Chrome, Safari, Opera and IE6+.</p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/javascript" rel="tag">javascript</a> <a href="http://www.bijusubhash.com/blog/tag/jQuery-zoom" rel="tag">jQuery-zoom</a> <a href="http://www.bijusubhash.com/blog/tag/zoom-plugin" rel="tag">zoom-plugin</a> <a href="http://www.bijusubhash.com/blog/tag/image-zoom" rel="tag">image-zoom</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/cloud-zoom-jquery-image-zoom-plugin/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Create A Photo Wall Gallery with jQuery</title>
		<link>http://www.bijusubhash.com/blog/create-a-photo-wall-gallery-with-jquery</link>
		<comments>http://www.bijusubhash.com/blog/create-a-photo-wall-gallery-with-jquery#comments</comments>
		<pubDate>Thu, 20 May 2010 10:41:40 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Photo-Gallery]]></category>
		<category><![CDATA[Sliding-Gallery]]></category>
		<category><![CDATA[Wall-Gallery]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4083</guid>
		<description><![CDATA[Codrops wrote a tutorial for how to create a full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When you clicked the thumb image, a panel is sliding up from the bottom  revealing the full picture. When you click on [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/" target="_blank"><img class="alignnone size-full wp-image-4084" title="Create A Photo Wall Gallery with jQuery" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/Create-A-Photo-Wall-Gallery-with-jQuery.jpg" alt="Create A Photo Wall Gallery with jQuery" width="580" height="315" /></a></p>
<p>Codrops wrote a tutorial for how to create a full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When you clicked the thumb image, a panel is sliding up from the bottom  revealing the full picture. When you click on the full size picture the thumb panel slide back from the bottom.</p>
<p>In the full picture view we add some nice transition effect when we browse through the photos. In addition, we will use a function for resizing the full image, adapting it to the size of the screen. So, when the screen get’s resized, our image will adapt automatically.</p>
<p><a href="http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/jQuery" rel="tag">jQuery</a> <a href="http://www.bijusubhash.com/blog/tag/Photo-Gallery" rel="tag">Photo-Gallery</a> <a href="http://www.bijusubhash.com/blog/tag/Wall-Gallery" rel="tag">Wall-Gallery</a> <a href="http://www.bijusubhash.com/blog/tag/Sliding-Gallery" rel="tag">Sliding-Gallery</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/create-a-photo-wall-gallery-with-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Tweeting Plugin for your Website</title>
		<link>http://www.bijusubhash.com/blog/jquery-tweeting-plugin-for-your-website</link>
		<comments>http://www.bijusubhash.com/blog/jquery-tweeting-plugin-for-your-website#comments</comments>
		<pubDate>Wed, 19 May 2010 07:30:40 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Tweet-Plugin]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4067</guid>
		<description><![CDATA[&#8220;Like it? Tweet It!&#8221;. A jQuery JavaScript widget which enable visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embeded in the input field. jQuery JavaScript Tweet-Plugin]]></description>
			<content:encoded><![CDATA[<p><a href="http://pongsocket.com/tweet-it/" target="_blank"><img class="alignnone size-full wp-image-4066" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/jQuery-Tweeting-Plugin-for-your-Website.jpg" alt="jQuery Tweeting Plugin for your Website" width="517" height="243" /></a></p>
<p>&#8220;Like it? Tweet It!&#8221;. A jQuery JavaScript widget which enable visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embeded in the input field.</p>
<p><a href="http://pongsocket.com/tweet-it/" target="_blank"><img class="alignnone size-full wp-image-2564" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/jQuery" rel="tag">jQuery</a> <a href="http://www.bijusubhash.com/blog/tag/JavaScript" rel="tag">JavaScript</a> <a href="http://www.bijusubhash.com/blog/tag/Tweet-Plugin" rel="tag">Tweet-Plugin</a> <a href="http://www.bijusubhash.com/blog/tag/" rel="tag"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/jquery-tweeting-plugin-for-your-website/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Plugin for Confirmation Box &#8211; jConfirmAction</title>
		<link>http://www.bijusubhash.com/blog/jquery-plugin-for-confirmation-box-jconfirmaction</link>
		<comments>http://www.bijusubhash.com/blog/jquery-plugin-for-confirmation-box-jconfirmaction#comments</comments>
		<pubDate>Tue, 18 May 2010 19:22:11 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JavaScript-Confirmation-Box]]></category>
		<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4075</guid>
		<description><![CDATA[jConfirmAction is a plugin which help to replace a plain confirmation box with a cute one. It is a flying bubble confirmation box upside your link. Basically the plugin will create a DIV element and it&#8217;s contain confirmation box after you clicked the element. The box will appear with fading effects and disappear with fading [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.webstuffshare.com/2010/03/jquery-plugin-jconfirmaction/" target="_blank"><img class="alignnone size-full wp-image-4076" title="jQuery Plugin for Confirmation Box - jConfirmAction" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/jQuery-Plugin-for-Confirmation-Box-jConfirmAction.jpg" alt="jQuery Plugin for Confirmation Box - jConfirmAction" width="550" height="289" /></a></p>
<p>jConfirmAction is a plugin which help to replace a plain confirmation box with a cute one. It is a flying bubble confirmation box upside your link. Basically the plugin will create a DIV element and it&#8217;s contain confirmation box after you clicked the element. The box will appear with fading effects and disappear with fading out effects.</p>
<p><a href="http://www.webstuffshare.com/2010/03/jquery-plugin-jconfirmaction/" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/jQuery" rel="tag">jQuery</a> <a href="http://www.bijusubhash.com/blog/tag/JavaScript-Confirmation-Box" rel="tag">JavaScript-Confirmation-Box</a> <a href="http://www.bijusubhash.com/blog/tag/JavaScript" rel="tag">JavaScript</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/jquery-plugin-for-confirmation-box-jconfirmaction/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Animated Innerfade pictures using jQuery</title>
		<link>http://www.bijusubhash.com/blog/animated-innerfade-pictures-using-jquery</link>
		<comments>http://www.bijusubhash.com/blog/animated-innerfade-pictures-using-jquery#comments</comments>
		<pubDate>Fri, 14 May 2010 14:01:48 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Image Slider]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[photo-slider]]></category>
		<category><![CDATA[picture-slider]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4055</guid>
		<description><![CDATA[Openstudio wrote a tutorial about animated innerfade image slider using jQuery. The animated effect make like a &#8216;film effect&#8217;. You can go previous, next and stop the animation by the control buttons. jQuery image-slider picture-slider photo-slider]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html" target="_blank"><img class="alignnone size-full wp-image-4054" title="Animated Innerfade pictures using jQuery" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/Animated-Innerfade-pictures-using-jQuery.jpg" alt="Animated Innerfade pictures using jQuery" width="642" height="325" /></a></p>
<p>Openstudio wrote a tutorial about animated innerfade image slider using jQuery. The animated effect make like a &#8216;film effect&#8217;. You can go previous, next and stop the animation by the control buttons.</p>
<p><a href="http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/jQuery" rel="tag">jQuery</a> <a href="http://www.bijusubhash.com/blog/tag/image-slider" rel="tag">image-slider</a> <a href="http://www.bijusubhash.com/blog/tag/picture-slider" rel="tag">picture-slider</a> <a href="http://www.bijusubhash.com/blog/tag/photo-slider" rel="tag">photo-slider</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/animated-innerfade-pictures-using-jquery/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Image-less CSS Tooltip Pointers with Polygonal CSS</title>
		<link>http://www.bijusubhash.com/blog/image-less-css-tooltip-pointers-with-polygonal-css</link>
		<comments>http://www.bijusubhash.com/blog/image-less-css-tooltip-pointers-with-polygonal-css#comments</comments>
		<pubDate>Fri, 14 May 2010 13:48:28 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[image-free-tooltip]]></category>
		<category><![CDATA[tooltip]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4051</guid>
		<description><![CDATA[A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element. The tool-tip widget design is common in websites uses a small triangular speech bubble pointer that typically created easily with a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/" target="_blank"><img class="alignnone size-full wp-image-4052" title="Image-less CSS Tooltip Pointers with Polygonal CSS" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/Image-less-CSS-Tooltip-Pointers-with-Polygonal-CSS.jpg" alt="Image-less CSS Tooltip Pointers with Polygonal CSS" width="554" height="290" /></a></p>
<p>A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element.</p>
<p>The tool-tip widget design is common in websites uses a small triangular speech bubble pointer that typically created easily with a background image. Filamentgroup break the typical way and build it with pure polygonal CSS.</p>
<p><a href="http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/css" rel="tag">css</a> <a href="http://www.bijusubhash.com/blog/tag/tooltip" rel="tag">tooltip</a> <a href="http://www.bijusubhash.com/blog/tag/image-free-tooltip" rel="tag">image-free-tooltip</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/image-less-css-tooltip-pointers-with-polygonal-css/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
