<?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>33Rockers &#187; ajax</title>
	<atom:link href="http://33rockers.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://33rockers.com</link>
	<description></description>
	<lastBuildDate>Thu, 17 Nov 2011 01:29:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Use jQuery Plug-ins for Improved Content Development</title>
		<link>http://33rockers.com/2011/05/24/use-jquery-plug-ins-for-improved-content-development/</link>
		<comments>http://33rockers.com/2011/05/24/use-jquery-plug-ins-for-improved-content-development/#comments</comments>
		<pubDate>Tue, 24 May 2011 14:13:47 +0000</pubDate>
		<dc:creator>Elvis</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[JQuery plug-ins]]></category>

		<guid isPermaLink="false">http://33rockers.com/?p=2454</guid>
		<description><![CDATA[If you are looking to handle documents of the HTML format, manage web events or work with animation in a simpler manner then you should look into some of the latest jQuery plug-ins. Using jQuery will allow you to modify the way you write JavaScript. There is a number of new jQuery plug-ins that can be used for design and animation purposes.]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-2455" href="http://33rockers.com/2011/05/24/use-jquery-plug-ins-for-improved-content-development/jquery-thumb/"><img class="aligncenter size-full wp-image-2455" src="http://33rockers.com/files/2011/05/jquery-thumb.jpg" alt="" width="250" height="178" /></a></p>
<h2><span style="color: #000080"> </span></h2>
<h2><span style="color: #000080">Animated share Button</span></h2>
<p>Use the Animated share Button like a virtual bookmark to attract the attention of your friends on the internet. The reflective feature of this plug-in from jQuery adds to the 3D effect of the application.</p>
<h2><span style="color: #ff0000">Bubble up Button</span></h2>
<p>Although the Bubble up Button is not as dynamic in its features (does not have the reflection or 3D effect like the Animated share button) its lack of complications makes it a user favorite for social bookmarking purposes.</p>
<h2><span style="color: #000080">Quicksand</span></h2>
<p>Quicksand can make your app usage experience on a smart device a smooth experience. Although it is tough to use it in complement with the Ajax Load, this plug-in is useful enough on its own.</p>
<h2><span style="color: #ff0000">Reel Effect</span></h2>
<p>Instead of using the time consuming applications provided by Flash, use the Reel Effect among the newest plug-ins offered by jQuery to get a three-dimensional preview of the complete photo with the help of a series number.</p>
<h2><span style="color: #000080">SelectBox Plug-in</span></h2>
<p>Other than allowing you to customize the select box on the menu of a page, this plug-in also has the additional ability to enable the user to select more than one option on the dropbox.</p>
<h2><span style="color: #ff0000">Image Slider</span></h2>
<p>The jQuery Image Slider is one of the best plug-ins of its kind and can be easily compared to those used by Apple.</p>
<h2><span style="color: #000080">Tile Shifting Image View</span></h2>
<p>Although there is only a single image transition to this plug-in, it is quite an interactive image slider application and is worth trying out. The image is broken down into tiny boxes and brought back together by the Tile Shifting Image View. Compared to the jQuery Image Slider this plug-in is not as smooth.</p>
<h2><span style="color: #ff0000">Ajax Scroll</span></h2>
<p>This new jQuery plug-in replaces Pagination. Using the Ajax Scroll you can move on to the next pages of a website by simply scrolling down. Once you use it you will realize the effectiveness of this plug-in in keeping readers hooked on to one’s website.</p>
<h2><span style="color: #000080">Interactive Map</span></h2>
<p>Think of the usual e-maps that exist; most of them are designed using Flash. However, the Interactive Map from the jQuery plug-in family makes things as engaging as Flash.</p>
<h2><span style="color: #ff0000">SerialScroll</span></h2>
<p>The jQuery SerialScroll is mainly useful for animation purposes used for all elements, allowing them to be sequenced and scrolled through easily using features such as slideshows, text scroller, news ticker or section slider.</p>
<h2><span style="color: #000080">Form Plug-in</span></h2>
<p>Use the jQuery Form Plug-in to upgrade HTML forms without any complications in order to use AJAX with the help of ajaxForm or ajaxSubmit. These forms collect data from other form elements in order to design the submission process by controlling the content on them.</p>
]]></content:encoded>
			<wfw:commentRss>http://33rockers.com/2011/05/24/use-jquery-plug-ins-for-improved-content-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Unobtrusive iFrame with JQuery</title>
		<link>http://33rockers.com/2006/12/05/unobtrusive-iframe-with-jquery/</link>
		<comments>http://33rockers.com/2006/12/05/unobtrusive-iframe-with-jquery/#comments</comments>
		<pubDate>Tue, 05 Dec 2006 16:05:48 +0000</pubDate>
		<dc:creator>Jerry Lee</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[ajax]]></category>

		<guid isPermaLink="false">http://33rockers.com/2006/12/05/unobtrusive-iframe-with-jquery/</guid>
		<description><![CDATA[I couldn't find a great way to do an <strong>iframe</strong> in an xhtml site and still maintain accessibility - until I came across malsup's media plugins. They basically create a link to the swf, mp3, or quicktime and replace the link with the content via a custom class on the href tag.]]></description>
			<content:encoded><![CDATA[<p>So, I figured, what a great way to do an iframe, too. Something like:</p>
<p><code>&lt;a href="myiframe.html" class="iframe"&gt;Iframe Content&lt;/a&gt;</code></p>
<p>I passed along the idea to <a href="http://www.lucidcrew.com/about/vlada-misic">my programming genius, Vlada</a> and he came up with a great jquery iframe plugin by modifying malsup&#8217;s swf plugin.</p>
<p><code>&lt;a href="http://33rockers.com" class="iframe w:700 h:300" &gt;Iframe Content&lt;/a&gt;</code></p>
<p>makes this&#8230;<br />
<code><br />
&lt;div class=iframe&gt;&lt;iframe id=content_iframe marginWidth=0 marginHeight=0 src="http://33rockers.com/" frameBorder=0 width=640 height=480&gt;&lt;/iframe&gt;&lt;/div&gt;<br />
</code></p>
<p>You can also set the defaults in jquery_iframe.js and just use<br />
<code>&lt;a href="http://33rockers.com" class="iframe" &gt;Iframe Content&lt;/a&gt;</code></p>
<p>If javascript is turned off, it will just show a link to the content.</p>
<p>Here is the <a href="http://33rockers.com/jquery-iframe-plugin-demo/">code in action</a> and u can download the <a href="http://33rockers.com/js/jquery_iframe.js">source code here</a>.</p>
<p>References: <a href="http://www.malsup.com/jquery/media/">malsup&#8217;s media plugins</a></p>
]]></content:encoded>
			<wfw:commentRss>http://33rockers.com/2006/12/05/unobtrusive-iframe-with-jquery/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>

