<?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>D-Tech Zone &#187; Ajax</title>
	<atom:link href="http://www.dtechweb-blog.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dtechweb-blog.com</link>
	<description></description>
	<lastBuildDate>Tue, 20 Apr 2010 11:41:33 +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>Some Really Cool AJAX Effects</title>
		<link>http://www.dtechweb-blog.com/2009/05/14/some-really-cool-ajax-effects/</link>
		<comments>http://www.dtechweb-blog.com/2009/05/14/some-really-cool-ajax-effects/#comments</comments>
		<pubDate>Thu, 14 May 2009 17:49:50 +0000</pubDate>
		<dc:creator>Rollins</dc:creator>
				<category><![CDATA[AIR & AJAX]]></category>
		<category><![CDATA[Developers' Corner]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.dtechweb-blog.com/?p=609</guid>
		<description><![CDATA[Okay. I&#8217;m going to do something a bit unsual today. I&#8217;ve been in love with AJAX ever since I came across it two years ago, simply because (in my opinion) it makes the web more fun to play with. The D-tech Blog team unanimously decided to introduce a new category to the blog, exclusively dedicated [...]]]></description>
			<content:encoded><![CDATA[<p>Okay. I&#8217;m going to do something a bit unsual today. I&#8217;ve been in love with AJAX ever since I came across it two years ago, simply because (in my opinion) it makes the web <strong>more fun to play with</strong>.</p>
<p>The D-tech Blog team unanimously decided to introduce a new category to the blog, exclusively dedicated to AJAX and <a href="http://www.dtechweb-blog.com/2009/04/28/adobe-air-runtime-power-your-web-apps-on-your-desktop/">Adobe AIR®</a> applications. YIPEE!!</p>
<p>I saw this really cool post at NetTuts+ on <a href="http://net.tutsplus.com/articles/web-roundups/20-more-excellent-ajax-effects-you-should-know/">20 really amazing AJAX effects</a> and after checking them out, I was really impressed. Though most aren&#8217;t really AJAX, they still provide quite amazing functionality.</p>
<p>Let me quickly run you through my <strong>top 5</strong> out of the lot. Enjoy;</p>
<p><span style="color: #ffffff;">:</span></p>
<h3>1. Image Menu</h3>
<p><a href="http://www.phatfusion.net/imagemenu/index.htm">Image Menu 2.2</a> is a really impressive script which creates a horizontal menu using a couple of images. Each time you move your mouse over any image, it reveals more of that image. This amazing JavaScript resource was developed by <a href="http://www.samuelbirch.com/" target="_blank">Samuel Birch</a></p>
<p><img class="alignnone" src="http://www.dtechweb-blog.com/images/phatfusion_imagemenu.jpg" alt="" width="383" height="319" /></p>
<p><span style="color: #ffffff;">:</span></p>
<h3>2. Image Flow</h3>
<p><a href="http://imageflow.finnrudolph.de/" target="_blank">Image Flow</a> an unobtrusive and &#8220;user friendly&#8221; JavaScript image gallery script featuring a scroll-bar which allows users seamlessly browse through the images. It kinda reminds me of what the guys over at XING used for their <a href="https://www.xing.com/app/help?op=tour" target="_blank">Guided Tour</a> (which leaves me open-mouthed each time I must add). <img src='http://www.dtechweb-blog.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span style="color: #ffffff;">:</span></p>
<p><img class="alignnone" src="http://www.dtechweb-blog.com/images/image-flow.jpg" alt="" width="486" height="285" /></p>
<h3><span style="color: #ffffff;">:</span></h3>
<h3>3. Search Field CSS/JS</h3>
<p><a href="http://cssglobe.com/lab/searchfield/" target="_blank">SearchField</a> is a simple light-weight Auto-Suggest script which guides the user by providing hints to assist them find what they are looking for as they type. It&#8217;s actually one of my personal favourites because of the ease of configuration.</p>
<blockquote><p>Actually, I am a bit biased in favour of this because I found it just about the same time I was battling with a similar thing on one of my projects <img src='http://www.dtechweb-blog.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p></blockquote>
<p><img class="alignnone" src="http://www.dtechweb-blog.com/images/search-field.jpg" alt="" width="406" height="274" /></p>
<h3><span style="color: #ffffff;">:</span></h3>
<h3>4. jQuery checkbox</h3>
<p><a href="http://widowmaker.kiev.ua/checkbox/" target="_blank">jQuery checkbox</a> adds a little flair to checkbox fields in forms. It adds a toggle button very similar to that of the iPhone interface, giving a very distinctive on or off. It&#8217;s great for usability, and the dynamic skin can be turned on or off, on the fly.</p>
<p><img class="alignnone" src="http://www.dtechweb-blog.com/images/checkbox.jpg" alt="" width="469" height="178" /></p>
<p><span style="color: #ffffff;">:</span></p>
<h3>5. Control Tabs</h3>
<p>Last but by no means least, <a href="http://livepipe.net/control/tabs">Control Tabs</a> is a &#8220;sweet script&#8221; that gives many different ways to configure tabs on a page. It attaches/creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.</p>
<p>Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.</p>
<p><img class="alignnone" src="http://www.dtechweb-blog.com/images/control-tabs.jpg" alt="" width="564" height="291" /></p>
<p><span style="color: #ffffff;">:</span></p>
<p><span style="color: #ffffff;"><span style="color: #000000;"><strong>Quite amazing, I&#8217;m sure you&#8217;d agree.</strong> </span></span></p>
<p><span style="color: #ffffff;"><span style="color: #000000;">Have anything you&#8217;d like to share? Feel free to post a comment below. Don&#8217;t forget to subscribe to our <a href="http://www.dtechweb-blog.com/feed/">RSS Feeds</a>&#8230;.. and yeah, <strong></strong></span></span></p>
<p><span style="color: #ffffff;"><span style="color: #000000;"><strong>follow us on Twitter</strong>- <a href="http://twitter.com/dtechblog" target="_blank">http://twitter.com/dtechblog</a></span><br />
</span></p>
<p><span style="color: #ffffff;">:</span></p>
<p><span style="color: #ffffff;">:</span></p>
<p><span style="color: #ffffff;">:</span></p>
<p align="true"><a class="peep-this" href="http://gatorpeeps.com/?url=http%3A%2F%2Fwww.dtechweb-blog.com%2F2009%2F05%2F14%2Fsome-really-cool-ajax-effects%2F&txt=Some+Really+Cool+AJAX+Effects" title="Peep on Gatorpeeps" rel="nofollow"><img class="nothumb" src="http://www.dtechweb-blog.com/wp-content/plugins/peep-this/icons/pt-gatorpeeps-small.png" alt="Peep on Gatorpeeps" border="0" /></a>&nbsp;</p>]]></content:encoded>
			<wfw:commentRss>http://www.dtechweb-blog.com/2009/05/14/some-really-cool-ajax-effects/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
