<?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>Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP</title>
	<atom:link href="http://ajaxmint.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ajaxmint.com</link>
	<description>Endless Ajax Resources</description>
	<lastBuildDate>Sun, 08 Apr 2012 03:38:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Light weight jQuery Lightbox &#124; Lightview</title>
		<link>http://ajaxmint.com/2012/03/light-weight-jquery-lightbox-lightview/</link>
		<comments>http://ajaxmint.com/2012/03/light-weight-jquery-lightbox-lightview/#comments</comments>
		<pubDate>Wed, 21 Mar 2012 06:32:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery lightbox]]></category>
		<category><![CDATA[Lightview]]></category>
		<category><![CDATA[lightweight]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1941</guid>
		<description><![CDATA[Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create custom overlays using the powerful Javascript API. Those are just some of the things that make Lightview what [...]]]></description>
			<content:encoded><![CDATA[<p>Lightview allows you to easily create the most beautiful overlay windows using the <a href="http://www.jquery.com/" target="_blank">jQuery</a> Javascript library.</p>
<div>
<p>Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create custom overlays using the powerful Javascript API.</p>
<p>Those are just some of the things that make Lightview what it is today, find out more by checking out the demonstrations.</p>
<p><img class="size-medium wp-image-1942 alignleft" title="lightbox" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2012/03/lightbox-450x77.jpg" alt="" width="450" height="77" /></p>
<p>&nbsp;</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2012/03/light-weight-jquery-lightbox-lightview/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery desktop &#8211; Windows 8 Style Metro Desktop With Menus</title>
		<link>http://ajaxmint.com/2012/03/metrodesktop-windows-8-style-metro-desktop-with-menus/</link>
		<comments>http://ajaxmint.com/2012/03/metrodesktop-windows-8-style-metro-desktop-with-menus/#comments</comments>
		<pubDate>Wed, 21 Mar 2012 06:27:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[drag and drop]]></category>
		<category><![CDATA[jquery desktop]]></category>
		<category><![CDATA[jquery drag and drop]]></category>
		<category><![CDATA[metrodesktop]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1937</guid>
		<description><![CDATA[&#160; &#160; &#160; &#160; &#160; MetroDesktop &#8211; Windows 8 Style Metro Desktop With Menus &#8230;.It has many futures like define menus, movable icons, automatic saving&#8230;]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-1938 alignleft" title="metrodesktop" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2012/03/metrodesktop-450x140.jpg" alt="" width="450" height="140" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>MetroDesktop &#8211; Windows 8 Style Metro Desktop With Menus &#8230;.It has many futures like define menus, movable icons, automatic saving&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2012/03/metrodesktop-windows-8-style-metro-desktop-with-menus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Qatrix &#124; high performance Javascript with less code</title>
		<link>http://ajaxmint.com/2012/03/qatrix-high-performance-javascript-with-less-code/</link>
		<comments>http://ajaxmint.com/2012/03/qatrix-high-performance-javascript-with-less-code/#comments</comments>
		<pubDate>Mon, 19 Mar 2012 17:18:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[easy builup]]></category>
		<category><![CDATA[high performance js]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery alternative]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1933</guid>
		<description><![CDATA[Qatrix is a new kind of JavaScript framework targeting on building up high performance and flexible web application with less and friendly code. It`s free and open source. Originally, the prototype of Qatrix is the self-owned JavaScript framework of Catfan. Disappointed on other giant and slow JavaScript frameworks, the founder Angel Lai want to create [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://qatrix.com"><img class="alignnone" title="new javascript framework" src="http://qatrix.com/images/blackboard.png" alt="javascript framework, Qatrix" width="256" height="256" /></a></p>
<p>Qatrix is a new kind of JavaScript framework targeting on building up high performance and flexible web application with less and friendly code. It`s free and open source.</p>
<p>Originally, the prototype of Qatrix is the self-owned JavaScript framework of <a href="http://catfan.me/" target="_blank">Catfan</a>. Disappointed on other giant and slow JavaScript frameworks, the founder Angel Lai want to create a self-owned lightweight JavaScript for buiding up a high performance website. As time gone by, this JavaScript is included some more useful codes and knowledge from the network and community.</p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2012/03/qatrix-high-performance-javascript-with-less-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating jQuery Image Slider tutorial &#124; Object oriented way</title>
		<link>http://ajaxmint.com/2011/11/creating-jquery-image-slider-tutorial-object-oriented-way/</link>
		<comments>http://ajaxmint.com/2011/11/creating-jquery-image-slider-tutorial-object-oriented-way/#comments</comments>
		<pubDate>Fri, 25 Nov 2011 19:14:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery image slider]]></category>
		<category><![CDATA[object oriented image slider]]></category>
		<category><![CDATA[object oriented javascript]]></category>
		<category><![CDATA[oops jquery]]></category>
		<category><![CDATA[oops tutorial]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1929</guid>
		<description><![CDATA[The purpose of this article is to demonstrate object-oriented design in JavaScript, by creating a jQuery powered image gallery script from scratch. Note that we are not creating a jQuery plugin, but simply using jQuery for DOM selection and manipulation. In the near future, this article might be updated to jQuery plugin version.]]></description>
			<content:encoded><![CDATA[<p>The purpose of this article is to demonstrate object-oriented design in JavaScript, by creating a jQuery powered image gallery script from scratch. Note that we are not creating a jQuery plugin, but simply using jQuery for DOM selection and manipulation. In the near future, this article might be updated to jQuery plugin version. <img class="size-medium wp-image-1930 aligncenter" title="object oriented jquery image slider tutorial" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/11/object-oriented-way-jquery-image-slider-450x140.jpg" alt="object oriented way jquery image slider" width="450" height="140" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/11/creating-jquery-image-slider-tutorial-object-oriented-way/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Navigation Menu in various colors</title>
		<link>http://ajaxmint.com/2011/11/jquery-navigation-menu-in-various-colors/</link>
		<comments>http://ajaxmint.com/2011/11/jquery-navigation-menu-in-various-colors/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 14:57:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[color menu]]></category>
		<category><![CDATA[jquery menu]]></category>
		<category><![CDATA[navigatio menu]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1923</guid>
		<description><![CDATA[jQuery Menu Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized&#8230;..etc]]></description>
			<content:encoded><![CDATA[<p>jQuery Menu Features<br />
Full cross-browser compatibility<br />
Fully accessible even when javascript is turned off, as a pure css menu<br />
Search engines optimized&#8230;..etc</p>
<p><img class="size-medium wp-image-1924 aligncenter" title="Jquery apmenu navigation menu" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/11/jquery-menu-450x156.jpg" alt="jauery menu navigation" width="450" height="156" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/11/jquery-navigation-menu-in-various-colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change default theme to specified folder : CodeIgniter</title>
		<link>http://ajaxmint.com/2011/11/change-default-theme-folder-codeignitor/</link>
		<comments>http://ajaxmint.com/2011/11/change-default-theme-folder-codeignitor/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 08:04:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[codeigniter template path]]></category>
		<category><![CDATA[codeigniter theme]]></category>
		<category><![CDATA[codeigniter theme folder]]></category>
		<category><![CDATA[loader for theme folder]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1914</guid>
		<description><![CDATA[I have started to work on new CodeIgniter project.  Its a theme based project, so I have created theme folder called &#8216;default&#8217; in &#8216;application/views&#8217;.  Now i have to call this view using my controller. In CodeIgniter I have to call login.php like $this-&#62;load-&#62;view(&#8216;default/login&#8217;); But why I have to type &#8216;default&#8217; every time.So I have created [...]]]></description>
			<content:encoded><![CDATA[<p>I have started to work on new CodeIgniter project.  Its a theme based project, so I have created theme folder called <strong>&#8216;default&#8217;</strong> in <strong>&#8216;application/views&#8217;</strong>.  Now i have to call this view using my controller. In CodeIgniter I have to call login.php like</p>
<blockquote><p>$this-&gt;load-&gt;view(&#8216;default/login&#8217;);</p></blockquote>
<p>But why I have to type &#8216;default&#8217; every time.So I have created this below file to simplify this.</p>
<p>Added line in config/definitions.php</p>
<blockquote><p>define(&#8216;THEME_DIR&#8217;,        &#8217;default&#8217;);</p></blockquote>
<p>and Created  New file [My_Loader.php] in  core directory with the blow contents</p>
<blockquote><p>&lt;?php</p>
<p>class MY_Loader extends CI_Loader<br />
{<br />
public function view($view, $vars = array(), $return = FALSE)<br />
{</p>
<p>return parent::view(THEME_DIR.&#8217;/&#8217;.$view, $vars , $return );</p>
<p>}</p>
<p>}</p></blockquote>
<p style="text-align: left;">Now you can call using the below simple line with out &#8216;detault&#8217; text.</p>
<blockquote><p>$this-&gt;load-&gt;view(&#8216;login&#8217;);</p></blockquote>
<p>Hope this helps to some one&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/11/change-default-theme-folder-codeignitor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beautiful Slide Out Navigation &#124; jquery plugin</title>
		<link>http://ajaxmint.com/2011/10/beautiful-slide-out-navigation-revised-jquery-plugin/</link>
		<comments>http://ajaxmint.com/2011/10/beautiful-slide-out-navigation-revised-jquery-plugin/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 17:49:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[beautiful jquery]]></category>
		<category><![CDATA[beautiful navigation]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[slide-out]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1909</guid>
		<description><![CDATA[After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan Mateipointed out, it might be quite cute but we don’t want the user to hover over all options first, in order to see what menu [...]]]></description>
			<content:encoded><![CDATA[<p>After I got a lot of feedback for the <a href="http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/" target="_blank">Beautiful Slide Out Navigation</a>, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone!</p>
<p>Like <a href="http://www.vileworks.com/">Stefan Matei</a>pointed out, it might be quite cute but we don’t want the user to hover over all options first, in order to see what menu items exit. So, I thought about labeling the menu items and making them stick out, so the user can always “see” what the navigation entails. Being in a horizontal position makes everything readable and when the user hovers over the label, the rest of the item with the icon will slide out.</p>
<div id="attachment_1910" class="wp-caption aligncenter" style="width: 460px"><img class="size-medium wp-image-1910" title="Beautiful Slide Out Navigation" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/10/Beautiful-Slide-Out-Navigation-450x71.jpg" alt="Beautiful Slide Out Navigation" width="450" height="71" /><p class="wp-caption-text">Beautiful Slide Out Navigation</p></div>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/10/beautiful-slide-out-navigation-revised-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bubble Up Button &#124; jQuery plugin</title>
		<link>http://ajaxmint.com/2011/05/bubble-up-button-jquery-plugin/</link>
		<comments>http://ajaxmint.com/2011/05/bubble-up-button-jquery-plugin/#comments</comments>
		<pubDate>Tue, 03 May 2011 18:35:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[bubble button]]></category>
		<category><![CDATA[bubble-up]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[learning jquery]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1885</guid>
		<description><![CDATA[There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we’re going to build your first jQuery plugin. It’ll generate a bubble effect for your menu list and we’re going to [...]]]></description>
			<content:encoded><![CDATA[<p>There are many posts available detailing how to write your own jQuery  plugin. It won’t take long before you realize that building in jQuery is  very simple. Continuing in our jQuery Learning Series, here we’re going  to build your first jQuery plugin. It’ll generate a bubble effect for  your menu list and we’re going to call it BubbleUP.<img class="aligncenter size-medium wp-image-1886" title="bubble-up-jquery" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/05/bubble-up-jquery-450x180.jpg" alt="bubble up jquery plugin" width="450" height="180" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/05/bubble-up-button-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animated Share Button &#124; jQuery</title>
		<link>http://ajaxmint.com/2011/04/animated-share-button-jquery/</link>
		<comments>http://ajaxmint.com/2011/04/animated-share-button-jquery/#comments</comments>
		<pubDate>Sun, 10 Apr 2011 07:14:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[animated share button]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[social networks]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1878</guid>
		<description><![CDATA[Social networks can make a big difference on the popularity of a blog. Sites that communicate better and understand social media are usually the most popular. A move towards this goal would be to find a way to encourage your visitors to share your content on the networks they are most active on.]]></description>
			<content:encoded><![CDATA[<p>Social networks can make a big difference on the popularity of a  blog. Sites that communicate better and understand social media are  usually the most popular.</p>
<p>A move towards this goal would be to find a way to encourage your  visitors to share your content on the networks they are most active on.</p>
<p><a href="http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/"><img class="aligncenter size-medium wp-image-1879" title="animated-share-button" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/04/animated-share-button-450x180.jpg" alt="animated share button,jquery" width="450" height="180" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/04/animated-share-button-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Interactive Map &#124; jQuery</title>
		<link>http://ajaxmint.com/2011/04/interactive-map-jquery/</link>
		<comments>http://ajaxmint.com/2011/04/interactive-map-jquery/#comments</comments>
		<pubDate>Sat, 09 Apr 2011 10:28:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[flash map]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[interactive map]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1874</guid>
		<description><![CDATA[To make the map as engaging as possible, there needed to be smooth animations and crisp graphics.  Traditionally such a project would require the use of Flash. We try to avoid Flash whenever possible, so I began to consider how the project could be accomplished in jQuery.]]></description>
			<content:encoded><![CDATA[<p>To make the map as engaging as possible, there needed to be smooth  animations and crisp graphics.  Traditionally such a project would  require the use of Flash. We try to avoid Flash whenever possible, so I  began to consider how the project could be accomplished in jQuery.</p>
<div id="attachment_1875" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.gethifi.com/blog/jquery-vs-flash-for-interactive-map"><img class="size-medium wp-image-1875" title="interactive-map-jquery" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/04/interactive-map-jquery-450x180.jpg" alt="" width="450" height="180" /></a><p class="wp-caption-text">interactive map</p></div>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/04/interactive-map-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

