<?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>Blog Reign &#187; jQuery</title>
	<atom:link href="http://www.blogreign.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogreign.com</link>
	<description>A blog containing Blogging tips, Web Design &#38; Development resources, Technology news, Gadgets &#38; Software reviews, Tips &#38; Tricks and Freebies.</description>
	<lastBuildDate>Fri, 06 Jan 2012 14:55:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Transformie &#8211; CSS Transforms jQuery Plugin for Internet Explorer</title>
		<link>http://www.blogreign.com/transformie-css-transforms-jquery-plugin-for-internet-explorer/</link>
		<comments>http://www.blogreign.com/transformie-css-transforms-jquery-plugin-for-internet-explorer/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 06:57:19 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[transformie]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1851</guid>
		<description><![CDATA[Transformie is a jQuery javascript plugin that comes in less than 5k, you embed into web pages and that brings you CSS Transforms by mapping the native IE Filter API to CSS transitions as proposed by Webkit. You are able to you to use CSS transforms in Internet Explorer by mapping the native IE Filter [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/07/Transformie.png" alt="" title="Transformie" width="450" height="182" class="aligncenter size-full wp-image-1852" /></p>
<p><a href="http://transformie.com/" target="_blank">Transformie</a> is a <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> javascript plugin that comes in less than 5k, you embed into web pages and that brings you CSS Transforms by mapping the native IE Filter API to CSS transitions as proposed by Webkit. You are able to you to use CSS transforms in Internet Explorer by mapping the native IE Filter API to CSS transitions. It supports the functions including rotate; scale, scaleX, scaleY; skew, skewX, skewY &#038; matrix (with the exception of the last two modifiers, tx and ty) in degrees, radians or grads. It has been tested in Internet Explorer 6 + 7 and does nothing in other web browsers.</p>
<ul>
<li><a href="http://transformie.com/" target="_blank">http://transformie.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/transformie-css-transforms-jquery-plugin-for-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blockster jQuery Content Slider with Various Transition Effects</title>
		<link>http://www.blogreign.com/blockster-jquery-content-slider-with-various-transition-effects/</link>
		<comments>http://www.blogreign.com/blockster-jquery-content-slider-with-various-transition-effects/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 15:13:15 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[blockster jquery]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1832</guid>
		<description><![CDATA[Blockster is a Javascript transition effect designed for &#8220;featured content&#8221; rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It&#8217;s a jQuery lightweight plugin for creating featured content sliders with beautiful effects. It is highly customisable in terms of how many blocks are involved, whether they [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/07/blockster.png" alt="" title="Blockster jQuery" class="alignnone size-full wp-image-1833" /></p>
<p><a href="http://www.mitya.co.uk/scripts/Blockster-transition-effect-122" target="_blank">Blockster</a> is a Javascript transition effect designed for &#8220;featured content&#8221; rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It&#8217;s a <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> lightweight plugin for creating featured content sliders with beautiful effects. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more. It rotates a a series of divs and displays any side info by pausing for a given period between each other. The plugin has 2 effects which simply makes the transition between one element to the next block by block but results in an impressive look. You can customize Blockster transition effects by defining the number of rows, columns and the speed.</p>
<ul>
<li><a href="http://www.mitya.co.uk/scripts/Blockster-transition-effect-122" target="_blank">http://www.mitya.co.uk/scripts/Blockster-transition-effect-122</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/blockster-jquery-content-slider-with-various-transition-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jMapping Google Maps jQuery Plugin</title>
		<link>http://www.blogreign.com/jmapping-google-maps-jquery-plugin/</link>
		<comments>http://www.blogreign.com/jmapping-google-maps-jquery-plugin/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 16:59:52 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[google maps]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1795</guid>
		<description><![CDATA[Developed by Brian Landau, jMapping is jQuery plugin that you can use to quickly create web pages that implements a Google Maps by specifying list of the locations in your HTML. You have to make sure your HTML markep has a DIV element for the Google map, and there is a container element with some [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/07/jMapping.png" alt="" title="jMapping" width="450" height="294" class="alignnone size-full wp-image-1796" /></p>
<p>Developed by <a href="http://www.viget.com/" target="_blank">Brian Landau</a>, <a href="http://vigetlabs.github.com/jmapping/" target="_blank">jMapping</a> is <a href="http://www.blogreign.com/tag/jquery/">jQuery plugin</a> that you can use to quickly create web pages that implements a <a href="http://www.blogreign.com/tag/google-maps/">Google Maps</a> by specifying list of the locations in your HTML.  You have to make sure your HTML markep has a DIV element for the Google map, and there is a container element with some locations and their data. It is a cross browser plugin that works in all major browsers including IE6. The plugin is fairly easy to setup and you can add info bubbles and embed HTML inside of the info-bubbles in an easy clean manner. jMapping is easy to implement, feature rich plugin powered by jQuery Metadata, MarkerManager, and MapIconMaker plugins. It offers several configuration options, object and event APIs; enabling you to customize it according to your needs. jMapping jQuery Plugin is available for download under MIT License.</p>
<p><strong>Key Features of jMapping:</strong></p>
<ul>
<li>Attach metadata to Map elements</li>
<li>Ability to use multiple css and ID selectors</li>
<li>Loading data via <a href="http://www.blogreign.com/tag/ajax/">AJAX</a></li>
<li>Custom Map Types – Hybrid</li>
<li>Update map on AJAX call</li>
<li>Javascript paging for larger result sets</li>
<p><a href="http://vigetlabs.github.com/jmapping/" target="_blank">http://vigetlabs.github.com/jmapping/</a>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/jmapping-google-maps-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple Slide jQuery Slideshow Plugin</title>
		<link>http://www.blogreign.com/simple-slide-jquery-slideshow-plugin/</link>
		<comments>http://www.blogreign.com/simple-slide-jquery-slideshow-plugin/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 13:33:10 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery plugins]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1749</guid>
		<description><![CDATA[Simple Slide is a lightweight (15kB for the full version, and a minute 6kB for the hyper-compressed version) jQuery plugin for creating functional slideshows. You can easily setup multiple SimpleSlides since it only require nested &#8220;divs&#8221; with specific class names and &#8220;rel&#8221; values to group various slides together. It also provides few configuration options to [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/06/Simple-Slide.png" alt="" title="Simple Slide" width="450" height="253" class="alignnone size-full wp-image-1750" /></p>
<p><a href="http://www.simplesli.de/" target="_blank">Simple Slide</a> is a lightweight (15kB for the full version, and a minute 6kB for the hyper-compressed version) jQuery plugin for creating functional slideshows. You can easily setup multiple SimpleSlides since it only require nested &#8220;divs&#8221; with specific class names and &#8220;rel&#8221; values to group various slides together. It also provides few configuration options to customize the animation speed, size of the status element, and status bar colors. Some of its features including: ability to add any type of content in the slide window; supports full screen display in full browser window and swipe functionality; provides status display that configures itself; <a href="http://www.blogreign.com/tag/ajax/">AJAX</a> page loading; callback function support; and cross-browser tested in all modern web browsers includes Firefox 3+, IE 7 &#038; 8, Google Chrome 5+, Safari 4+ and Opera 9+. There is a instruction to help you install SimpleSlide on <a href="http://www.blogreign.com/tag/wordpress/">WordPress</a> powered sites as well. SimpleSlide was built for <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> 1.4. SimpleSlide is available for free to download, you can find more information such as features, setting up and demos on its official site.</p>
<ul>
<li><a href="http://www.simplesli.de/" target="_blank">http://www.simplesli.de/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/simple-slide-jquery-slideshow-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pikachoose Lightweight jQuery Image Gallery</title>
		<link>http://www.blogreign.com/pikachoose-lightweight-jquery-image-gallery/</link>
		<comments>http://www.blogreign.com/pikachoose-lightweight-jquery-image-gallery/#comments</comments>
		<pubDate>Tue, 18 May 2010 13:50:20 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery plugins]]></category>
		<category><![CDATA[pikachoose]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1642</guid>
		<description><![CDATA[Pikachoose is a jQuery Javacript library image gallery that offers a number of options for displaying your pictures like slideshows. It&#8217;s a lightweight jQuery plugin that allows you to easily create photo galleries with customization options for slideshows, navigation buttons, and auto play. It also allows you to add more than one image gallery in [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/05/pikachoose-jquery-image-gallery.png" alt="" title="Pikachoose jquery image gallery" width="450" height="351" class="alignnone size-full wp-image-1643" /></p>
<p><a href="http://pikachoose.com/" target="_blank">Pikachoose</a> is a <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> Javacript library image gallery that offers a number of options for displaying your pictures like slideshows. It&#8217;s a lightweight jQuery plugin that allows you to easily create photo galleries with customization options for slideshows, navigation buttons, and auto play. It also allows you to add more than one image gallery in a single page. Pikachoose is a cross-browser jQuery plugin that works in all modern web browsers.</p>
<p><a href="http://pikachoose.com/versions" target="_blank">Pickachoose</a> is easy to implement that requires simple markup including an unordered list containing images and captions. You can also customize the look and feel of the gallery or slideshow by editing <a href="http://www.blogreign.com/tag/css/">CSS</a>. It offers configuration options enabling you to customize various features as well. Version 3.2 of PikaChoose jQuery image gallery is now available to <a href="http://pikachoose.com/download/" target="_blank">download</a>.</p>
<ul>
<li><a href="http://pikachoose.com/" target="_blank">http://pikachoose.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/pikachoose-lightweight-jquery-image-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Griddy jQuery Grid Overlay Framework</title>
		<link>http://www.blogreign.com/griddy-jquery-grid-overlay-framework/</link>
		<comments>http://www.blogreign.com/griddy-jquery-grid-overlay-framework/#comments</comments>
		<pubDate>Thu, 13 May 2010 14:26:36 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[griddy]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1638</guid>
		<description><![CDATA[Developed by DevGrow, Griddy is a jQuery plugin that creates a simple, customizable grid overlay on top of any element. It calculates row heights and column widths automatically based on the number of rows or columns and gutter space. Griddy jQuery framework can also calculate row heights and column widths automatically based on the number [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/05/Griddy-jQuery-Plugin.png" alt="" title="Griddy jQuery Plugin" width="450" height="268" class="alignnone size-full wp-image-1639" /></p>
<p>Developed by <a href="http://devgrow.com/" target="_blank">DevGrow</a>, <a href="http://devgrow.com/griddy-overlay/" target="_blank">Griddy</a> is a jQuery plugin that creates a simple, customizable grid overlay on top of any element. It calculates row heights and column widths automatically based on the number of rows or columns and gutter space. Griddy jQuery framework can also calculate row heights and column widths automatically based on the number of rows/columns and gutter space. There are few options, including: rows, row height, row gutter, columns, column height, column width, color and opacity. This jQuery plugin has been tested on Safari, Chrome, IE7 and Firefox 3, download <a href="http://devgrow.com/griddy/griddy-min.js" target="_blank">Griddy plugin</a> or check out the <a href="http://devgrow.com/griddy/" target="_blank">example page</a> in action.</p>
<ul>
<li><a href="http://devgrow.com/griddy-overlay/" target="_blank">http://devgrow.com/griddy-overlay/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/griddy-jquery-grid-overlay-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coin Slider &#8211; jQuery Image Slider Plugin with Unique Transition Effects</title>
		<link>http://www.blogreign.com/coin-slider-jquery-image-slider-plugin-with-unique-transition-effects/</link>
		<comments>http://www.blogreign.com/coin-slider-jquery-image-slider-plugin-with-unique-transition-effects/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 09:30:07 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[image slider]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery plugins]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1584</guid>
		<description><![CDATA[Coin Slider is a lightweight (8KB only) jQuery plugin that allowing you to create a special image slider by automatically slicing images into squares with unique image transition effects such as squares per width and height, delays in squares and transitions or opacity level and speed of the information. It can creates random, swirl, rain [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/04/COIN-SLIDER.png" alt="" title="COIN SLIDER" width="450" height="314" class="alignnone size-full wp-image-1585" /></p>
<p><a href="http://workshop.rs/projects/coin-slider/" target="_blank">Coin Slider</a> is a lightweight (8KB only) <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> plugin that allowing you to create a special image slider by automatically slicing images into squares with unique image transition effects such as squares per width and height, delays in squares and transitions or opacity level and speed of the information. It can creates random, swirl, rain and straight effects by changing order in which these squares appear to form complete image. Coin Slider jQuery image slider plugin also has a navigation box and prev-next buttons that appear on hover for easily browsing images. The image slider has an optional auto-slide feature which can also pause on hovers. You can easily implement and fully customizable using <a href="http://www.blogreign.com/category/css/">CSS</a>, and provides several configuration options to customize its behavior. Coin Slider is cross browser plugin compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+. Developed by <a href="http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/" target="_blank">WordShop.rs</a>, <a href="https://code.google.com/p/coin-slider/downloads/list" target="_blank">Coin Slider jQuery Plugin</a> is available to download under the MIT License.</p>
<ul>
<li><a href="http://workshop.rs/projects/coin-slider/" target="_blank">http://workshop.rs/projects/coin-slider/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/coin-slider-jquery-image-slider-plugin-with-unique-transition-effects/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Nivo Image Slider with Multiple Transition Effects</title>
		<link>http://www.blogreign.com/jquery-nivo-image-slider-multiple-transition-effects/</link>
		<comments>http://www.blogreign.com/jquery-nivo-image-slider-multiple-transition-effects/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 12:52:00 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[image slider]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[nivo slider]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1560</guid>
		<description><![CDATA[Nivo Slider, developed by Dev7studios, is a simple and lightweight jQuery image slider plugin with 9 awesome transition effects including sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade and random. Nivo Slider is very easy to implement and requires simple markup with images wrapped inside a div element. To to add a caption you simply [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/03/nivo-slider.png" alt="" title="nivo slider" width="450" height="297" class="alignnone size-full wp-image-1561" /></p>
<p><a href="http://nivo.dev7studios.com/" target="_blank">Nivo Slider</a>, developed by <a href="http://dev7studios.com/" target="_blank">Dev7studios</a>, is a simple and lightweight <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> image slider plugin with 9 awesome transition effects including sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade and random. Nivo Slider is very easy to implement and requires simple markup with images wrapped inside a div element. To to add a caption you simply need to add a title attribute to the image. In addition to left and right buttons, it can display navigation controls enabling users to jump from one slide to another. Nivo Slider also provides several configuration options, enabling you to customize its behavior. It has been tested on Internet Explorer, <a href="http://www.blogreign.com/category/firefox/">Firefox</a>, <a href="http://www.blogreign.com/category/chrome/">Google Chrome</a> and Safari. You are free to <a href="http://dev7studios.com/downloads/4" target="_blank">download</a> and use it under the GPL license.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li>9 unique transition effects;</li>
<li>Simple clean and valid markup;</li>
<li>Ability to configure animation speed, pause and number of slices;</li>
<li>Enable or disable directional and control navigation;</li>
<li>Ability to add beforeChange and afterChange functions;</li>
<li><a href="http://nivo.dev7studios.com/" target="_blank">http://nivo.dev7studios.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/jquery-nivo-image-slider-multiple-transition-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plupload Advanced File Upload Handler</title>
		<link>http://www.blogreign.com/plupload-advanced-file-upload-handler/</link>
		<comments>http://www.blogreign.com/plupload-advanced-file-upload-handler/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 17:47:33 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plupload]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1332</guid>
		<description><![CDATA[Plupload is an advanced file upload handler that allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features like image resizing, displaying upload progress, drag and drop, multiple file uploads, chunked uploads unique filename generation, max-file-size limit and more. Plupload is an open source and powerful multiple [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/02/plupload.png" alt="" title="plupload" width="450" height="250" class="alignnone size-full wp-image-1333" /></p>
<p><a href="http://www.plupload.com/" target="_blank">Plupload</a> is an advanced file upload handler that allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features like image resizing, displaying upload progress, drag and drop, multiple file uploads, chunked uploads unique filename generation, max-file-size limit and more. Plupload is an open source and powerful multiple files uploader for your Content Management Systems and can be used via the <a href="http://www.blogreign.com/category/javascript_ajax/">JavaScript</a> API or the ready-to-go <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> plugin. The developers can also write your own custom code for implementation. Plupload is developed by the team of <a href="http://tinymce.moxiecode.com/" target="_blank">TinyMCE</a>. You can see the Plupload jQuery queue widget, all runtimes, and custom upload codes examples right <a href="http://www.plupload.com/example_queuewidget.php" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/plupload-advanced-file-upload-handler/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Dynamic Google Analytics Counter with PHP and jQuery</title>
		<link>http://www.blogreign.com/create-dynamic-google-analytics-counter-with-php-and-jquery/</link>
		<comments>http://www.blogreign.com/create-dynamic-google-analytics-counter-with-php-and-jquery/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 01:47:14 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1327</guid>
		<description><![CDATA[Do you want to create a FeedBurner and TwitterCounter like stats website statistics counter for Google Analytics Counter? WebResourcesDepot has introduced a tutorial for creating a dynamic metric counter based on the data of Google Analytics pageviews and visits by using PHP and jQuery JavaScript library. You need Google Analytics user, password and Profile ID [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/02/FeedCount-Like-Google-Analytics-Counter.png" alt="" title="FeedCount-Like Google Analytics Counter" width="450" height="199" class="alignnone size-full wp-image-1328" /></p>
<p>Do you want to create a FeedBurner and TwitterCounter like stats website statistics counter for Google Analytics Counter? <a href="http://www.webresourcesdepot.com/feedcount-like-google-analytics-counter/" target="_blank">WebResourcesDepot</a> has introduced a tutorial for creating a dynamic metric counter based on the data of Google Analytics pageviews and visits by using PHP and <a href="http://www.blogreign.com/tag/jquery/">jQuery</a> JavaScript library. You need Google Analytics user, password and Profile ID of the website to fetch Google Analytics Data with PHP. It is possible to fetch multiple data with <a href="http://code.google.com/p/gapi-google-analytics-php-interface/" target="_blank">GAPI</a> and an auto-rotating counter that can display multiple metrics such as visits and page views with jQuery. You can also custom the <a href="http://www.blogreign.com/tag/css/">CSS</a> codes for different font style and background color etc. Both basic and advanced version are available for displaying single or multiple metrics. You can also see the <a href="http://www.webresourcesdepot.com/wp-content/uploads/file/google-analytics-counter/index.php" target="_blank">live demo</a> and <a href="http://www.webresourcesdepot.com/?download=Google-Analytics-Counter" target="_blank">download</a> the whole tutorial files.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/create-dynamic-google-analytics-counter-with-php-and-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Download jQuery 1.4 &#8211; jQuery14 the 4th Birthday</title>
		<link>http://www.blogreign.com/download-jquery-1-4-jquery14-4th-birthday/</link>
		<comments>http://www.blogreign.com/download-jquery-1-4-jquery14-4th-birthday/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 05:04:46 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[Javascript library]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jquery14]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=1216</guid>
		<description><![CDATA[jQuery is one of the most popular JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Today the jQuery team have just released jQuery version 1.4 to developers to celebrate their 4th birthday. Web designers and developers can now download or learn more about jQuery 1.4. jQuery [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2010/01/jquery14.png" alt="" title="jquery14" width="450" height="225" class="alignnone size-full wp-image-1217" /></p>
<p><a href="http://www.blogreign.com/tag/jquery/">jQuery</a> is one of the most popular <a href="http://www.blogreign.com/category/javascript_ajax/">JavaScript</a> library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Today the jQuery team have just released jQuery version 1.4 to developers to celebrate their <a href="http://jquery14.com/" target="_blank">4th birthday</a>. Web designers and developers can now <a href="http://docs.jquery.com/Downloading_jQuery" target="_blank">download</a> or learn more about jQuery 1.4. jQuery 1.4 is also available as part of <a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" target="_blank">Google Ajax APIs</a>. <a href="http://api.jquery.com/category/version/1.4/" target="_blank">jQuery 1.4</a> comes with tons of new features and functions:</p>
<ul>
<li>Performance Overhaul of Popular Methods – jQuery developers have rewritten code for most of the earlier functions to provide with significant performance gains;</li>
<li>East Setter Functions – added new and easy setter functions for all the objects;</li>
<li>Improvements in Ajax – introduces several significant updates to Ajax and JSON handling.</li>
<li><a href="http://jquery14.com/" target="_blank">http://jquery14.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/download-jquery-1-4-jquery14-4th-birthday/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ultimate jQuery Plugins and Tutorials Showcase &#8211; jQueryList.com</title>
		<link>http://www.blogreign.com/ultimate-jquery-plugins-tutorials-showcase-jquerylist/</link>
		<comments>http://www.blogreign.com/ultimate-jquery-plugins-tutorials-showcase-jquerylist/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 23:55:55 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery plugins]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=631</guid>
		<description><![CDATA[jQuery is one of the most popular and important JavaScript library for modern web design and development. jQueryList is a comprehensive jQuery plugins and tutorials showcase that categorized around 250 quality jQuery elements in various categories such as Ajax Plugins and Tutorials, Sliders and Accordions, Charts and Presentations, Forms and Input Fields or Tooltip Plugins [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2009/07/jQuery-List.png" alt="jQuery List" title="jQuery List" width="450" height="266" class="alignnone size-full wp-image-632" /></p>
<p><a href="http://jquery.com/" target="_blank">jQuery</a> is one of the most popular and important <a href="http://www.blogreign.com/category/javascript_ajax/">JavaScript</a> library for modern web design and development. <a href="http://jquerylist.com/" target="_blank">jQueryList</a> is a comprehensive <a href="http://plugins.jquery.com/" target="_blank">jQuery plugins</a> and tutorials showcase that categorized around 250 quality jQuery elements in various categories such as <a href="http://jquerylist.com/#ajax_plugins_and_tutorials" target="_blank">Ajax Plugins and Tutorials</a>, <a href="http://jquerylist.com/#sliders_and_accordions" target="_blank">Sliders and Accordions</a>, <a href="http://jquerylist.com/#charts_and_presentations" target="_blank">Charts and Presentations</a>, <a href="http://jquerylist.com/#forms_and_input_fields" target="_blank">Forms and Input Fields</a> or <a href="http://jquerylist.com/#tooltip_plugins_and_tutorials" target="_blank">Tooltip Plugins and Tutorials</a>. The user interface is clean and friendly, allows you easily and quickly browse all handy and resourceful jQuery elements in one page with Ajax supported presentation.</p>
<ul>
<li><a href="http://jquerylist.com/">http://jquerylist.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/ultimate-jquery-plugins-tutorials-showcase-jquerylist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Cool Accessible jQuery and Ajax Plugins</title>
		<link>http://www.blogreign.com/10-cool-accessible-jquery-and-ajax-plugins/</link>
		<comments>http://www.blogreign.com/10-cool-accessible-jquery-and-ajax-plugins/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 03:31:48 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery plugins]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=455</guid>
		<description><![CDATA[jQuery JavaScript Library simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. On this collection we roundups 10 really cool, usable and accessible jQuery JavaScript and Ajax plugins that you can implement easily to your design or websites. You can also go to the official jQuery Plugin page for more [...]]]></description>
			<content:encoded><![CDATA[<p>jQuery JavaScript Library simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. On this collection we roundups 10 really cool, usable and accessible jQuery JavaScript and Ajax plugins that you can implement easily to your design or websites. You can also go to the official <a href="http://plugins.jquery.com/">jQuery Plugin</a> page for more inspiration.</p>
<h3><a href="http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/" target="_blank">Slick and Accessible Slideshow Using jQuery</a></h3>
<p>SixRevisions presented you a cool easily accessible jQuery plugin for creating a usable and web accessible slideshow widget using HTML, CSS, and jQuery JavaScript. [<a href="http://sixrevisions.com/demo/slideshow/final.html" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/slick_accessible_slideshow.png" alt="slick_accessible_slideshow" title="slick_accessible_slideshow" width="450" height="241" class="alignnone size-full wp-image-457" /></p>
<h3><a href="http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/" target="_blank">Animating Page Peel Effect with jQuery &#038; CSS</a></h3>
<p>You can use this page peel jQuery plugin to peel a corner of website and see a message underneath. It&#8217;s useful to create extra area for your RSS feed or banner advertising. [<a href="http://www.sohtanaka.com/web-design/examples/peeling-effect/" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/Page-Peel-Effect-jQuery.png" alt="Page Peel Effect jQuery" title="Page Peel Effect jQuery" width="450" height="156" class="alignnone size-full wp-image-459" /></p>
<h3><a href="http://designm.ag/tutorials/image-rotator-css-jquery/" target="_blank">jQuery Image Rotator with Description</a></h3>
<p>An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. [<a href="http://designm.ag/tutorials/image-rotator-css-jquery/" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/Query-Image-Rotator-with-Description.png" alt="Query Image Rotator with Description" title="Query Image Rotator with Description" width="450" height="268" class="alignnone size-full wp-image-460" /><br />
<span id="more-455"></span></p>
<h3><a href="http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/" target="_blank">jQuery Tabbed Content Rotator</a></h3>
<p>This Tabbed content rotator was used jQuery and its interface library j<a href="http://jqueryui.com/" target="_blank">Query UI</a> JavaScript. When your mouse move over to the tab and it will change the content accordingly. This effect is good at to present your portfolios on your homepage to customers with your products and services. [<a href="http://www.raymondselda.com/demo/tabbed-rotator/" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/jQuery-Tabbed-Content-Rotator.png" alt="jQuery Tabbed Content Rotator" title="jQuery Tabbed Content Rotator" width="450" height="158" class="alignnone size-full wp-image-464" /></p>
<h3><a href="http://www.ape-project.org/en/home.html" target="_blank">APE &#8211; Ajax Push Engine</a></h3>
<p>Ajax Push Engine (APE) is an OpenSource technology allowing to exchange data between thousands of users through a web browser, without reloading and without external plugins. It is designed to push real-time data in a lightweight, highly scalable and modular way, only using Javascript for the client side. With the use of those Web Stardards, APE is fully crossbrowser and uses all the latest browser features and provides backward compatibility for older ones. [<a href="http://www.ape-project.org/en/demos/" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/APE-Ajax-Push-Engine.png" alt="APE Ajax Push Engine" title="APE Ajax Push Engine" width="450" height="181" class="alignnone size-full wp-image-465" /></p>
<h3><a href="http://www.flabell.com/flash/Flash-Full-Text-Search-Component-38" target="_blank">Flash Full Text Search Component</a></h3>
<p>This is a fully customizable Flash Full Text Search Component, built with support for multiple images and texts. Everything is customizable in the XML files, including the images, the texts, the colors, the sizes and much more. This search component contains a handful of features and settings like customize search playlist through the XML file; add unlimited images/texts; customizable colors from the XML file; size of images customizable from the XML file and auto scrolling. It is easy to use the search in your Flash projects or as an independent Flash Search Component on your html based website. [Live Demo]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/flash-full-text-search-component.png" alt="flash-full-text-search-component" title="flash-full-text-search-component" width="450" height="282" class="alignnone size-full wp-image-466" /></p>
<h3><a href="http://www.dfc-e.com/metiers/multimedia/opensource/jquery-fancyzoom/" target="_blank">jQuery Fancy Zoom Plugin</a></h3>
<p>Fancy Zoom is providing a smooth, clean, truly Mac-like ancy zoom effect, the images are resized if size is bigger than document screen and can be applied directly on an image, no more link wrapper needed.<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/jQuery-Plugin-Fancy-Zoom.png" alt="jQuery Plugin Fancy Zoom" title="jQuery Plugin Fancy Zoom" width="450" height="280" class="alignnone size-full wp-image-467" /></p>
<h3><a href="http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu" target="_blank">BySlideMenu Mootools Accordion Menu</a></h3>
<p>BySlideMenu is a <a href="http://mootools.net/" target="_blank">Mootools</a> accordion menu which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want like ul/li, div or p using images and/or text. The feature of this Mootools menu plugin including works horizontally or vertically; the container width/height can be adjusted automatically; the menu is expandable by mouseover or by click and can be pinned or not by mouseover or click upon you choose.<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/BySlideMenu-Mootools-Accordion-Menu.png" alt="BySlideMenu Mootools Accordion Menu" title="BySlideMenu Mootools Accordion Menu" width="450" height="222" class="alignnone size-full wp-image-468" /></p>
<h3><a href="http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html" target="_blank">jQuery Polaroid Photo Viewer</a></h3>
<p>Polaroid Photo Viewer with <a href="http://www.css3.info/" target="_blank">CSS3</a> and jQuery allows you to drag and rotate the polaroid images around. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you&#8217;ll see the shadow. When it&#8217;s placed down, it&#8217;s rotated to the left or the right (random). [<a href="http://demo.marcofolio.net/polaroid_photo_viewer/" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/jQuery-Polaroid-Photo-Viewer.png" alt="jQuery Polaroid Photo Viewer" title="jQuery Polaroid Photo Viewer" width="450" height="281" class="alignnone size-full wp-image-469" /></p>
<h3><a href="http://code.google.com/p/agile-carousel/" target="_blank">Agile Carousel jQuery Plugin</a></h3>
<p>Agile Carousel allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more. [<a href="http://www.agilecarousel.com/examples/multi_example/carousel.html" target="_blank">Live Demo</a>]<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/Agile-Carousel-jQuery-Plugin.png" alt="Agile Carousel jQuery Plugin" title="Agile Carousel jQuery Plugin" width="450" height="162" class="alignnone size-full wp-image-470" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/10-cool-accessible-jquery-and-ajax-plugins/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Impressive jQuery Sliding Panel WordPress Plugin</title>
		<link>http://www.blogreign.com/impressive-jquery-sliding-panel-wordpress-plugin/</link>
		<comments>http://www.blogreign.com/impressive-jquery-sliding-panel-wordpress-plugin/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 16:35:14 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[WordPress Plugins]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[WordPress plugins]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=406</guid>
		<description><![CDATA[The Sliding Panel Plugin, was coded by Justin Tadlock at ThemeHybrid, adds a panel that opens and closes to the top of your WordPress blog with a simple mouse click. It&#8217;s an ideal plugin for you to add additional content like category list, welcome messages, search form or anything you want in a cool sliding [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://justintadlock.com/archives/2009/06/25/sliding-panel-wordpress-plugin" target="_blank">Sliding Panel Plugin</a>, was coded by Justin Tadlock at <a href="http://themehybrid.com/" target="_blank">ThemeHybrid</a>, adds a panel that opens and closes to the top of your WordPress blog with a simple mouse click. It&#8217;s an ideal plugin for you to add additional content like category list, welcome messages, search form or anything you want in a cool sliding panel. Sliding Panel is powered by <a href="http://jquery.com/" target="_blank">jQuery</a> <a href="http://www.blogreign.com/category/javascript_ajax/">JavaScript</a> library and is completely widgets supported. Anyway Sliding Panel is working on WordPress 2.8+ only, so make sure to upgrade your blog to the latest WordPress version first.</p>
<p>1. Sliding panel in its closed state.<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/Sliding-Panel.png" alt="Sliding Panel" title="Sliding Panel" width="450" height="156" class="alignnone size-full wp-image-408" /><br />
2. Sliding panel in its open state.<br />
<img src="http://www.blogreign.com/wp-content/uploads/2009/07/sliding-panel-plugin.png" alt="sliding-panel-plugin" title="sliding-panel-plugin" width="450" height="156" class="alignnone size-full wp-image-409" /></p>
<p>For more new WordPress themes and plugins news and resources, please kindly <a href="http://feeds2.feedburner.com/blogreign">subscribe to our RSS feed</a> to get daily updates for FREE.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/impressive-jquery-sliding-panel-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A New JavaScript UI Component Library &#8211; jQuery Tools</title>
		<link>http://www.blogreign.com/a-new-javascript-ui-component-library-jquery-tools/</link>
		<comments>http://www.blogreign.com/a-new-javascript-ui-component-library-jquery-tools/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 00:40:02 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Javascript and Ajax]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.blogreign.com/?p=184</guid>
		<description><![CDATA[jQuery Tools is a new powerful and lite weight JavaScript UI library, built on top of the jQuery JavaScript Library, that includes six of the most useful JavaScript components for creating the high usability, interactive, striking visual effects and Web 2.0 modern web application. The package contains these demos: tabs, tooltips, expose, overlay, scrollable and [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blogreign.com/wp-content/uploads/2009/06/jquery_tools.png" alt="jquery_tools" title="jquery_tools" width="450" height="183" class="alignnone size-full wp-image-198" /></p>
<p><a href="http://flowplayer.org/tools/" target="_blank">jQuery Tools</a> is a new powerful and lite weight JavaScript UI library, built on top of the <a href="http://jquery.com/" target="_blank">jQuery</a> JavaScript Library, that includes six of the most useful JavaScript components for creating the high usability, interactive, striking visual effects and Web 2.0 modern web application. The package contains these <a href="http://flowplayer.org/tools/demos/index.html" target="_blank">demos</a>: tabs, tooltips, expose, overlay, scrollable and flashembed. All of these components can be used together, extended, configured and styled. You can easily explore, copy and modify their source code to your site and things will work. This single JavaScript library weighs 5.8 Kb only. This library is open source and dual licensed under MIT and GPL 2+ licenses.</p>
<ul>
<li><a href="http://flowplayer.org/tools/">http://flowplayer.org/tools/</a></li>
<li><a href="http://flowplayer.org/tools/download.html">http://flowplayer.org/tools/download.html</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogreign.com/a-new-javascript-ui-component-library-jquery-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

