<?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 &#187; css</title>
	<atom:link href="http://ajaxmint.com/tag/css/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>TJPzoom JavaScript / CSS / DOM image zoomer</title>
		<link>http://ajaxmint.com/2010/02/tjpzoom-javascript-css-dom-image-zoomer/</link>
		<comments>http://ajaxmint.com/2010/02/tjpzoom-javascript-css-dom-image-zoomer/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 05:28:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dom]]></category>
		<category><![CDATA[image zoom]]></category>
		<category><![CDATA[magnif]]></category>
		<category><![CDATA[magnify]]></category>
		<category><![CDATA[tjpzoom]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1762</guid>
		<description><![CDATA[* If you click and DRAG UPWARDS your mouse, the zoom ratio increases, * if you click and DRAG DOWNWARDS your mouse, the zoom ratio decreases, * NEW! if you click and DRAG TO THE RIGHT your mouse, the zoom window increases, * NEW! and if you click and DRAG TO THE LEFT your mouse, [...]]]></description>
			<content:encoded><![CDATA[<h6>* If you click and DRAG UPWARDS your mouse, the zoom ratio increases,<br />
* if you click and DRAG DOWNWARDS your mouse, the zoom ratio decreases,<br />
* NEW! if you click and DRAG TO THE RIGHT your mouse, the zoom window increases,<br />
* NEW! and if you click and DRAG TO THE LEFT your mouse, the zoom window decreases.</h6>
<p><a href="http://valid.tjp.hu/tjpzoom/"><img class="aligncenter size-full wp-image-1763" title="DOM image zoomer" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2010/02/DOM-image-zoomer.png" alt="" width="432" height="145" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2010/02/tjpzoom-javascript-css-dom-image-zoomer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create fading header using jQuery</title>
		<link>http://ajaxmint.com/2009/12/create-fading-header-using-jquery/</link>
		<comments>http://ajaxmint.com/2009/12/create-fading-header-using-jquery/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 09:55:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fading]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[technique]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1389</guid>
		<description><![CDATA[A simple example using jQuery and CSS that shows you how to create the fading header technique.]]></description>
			<content:encoded><![CDATA[<p>A simple example using jQuery and CSS that shows you how to create the fading header technique.<a href="http://swedishfika.com/2008/03/04/creating-a-fading-header/"><img class="aligncenter size-full wp-image-1390" title="Creating a fading header" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/12/Creating-a-fading-header.gif" alt="" width="442" height="186" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/12/create-fading-header-using-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Accessible slider &#124; jQuery</title>
		<link>http://ajaxmint.com/2009/12/accessible-slider-jquery/</link>
		<comments>http://ajaxmint.com/2009/12/accessible-slider-jquery/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 09:06:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[accessible]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dropdown]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1347</guid>
		<description><![CDATA[Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS.]]></description>
			<content:encoded><![CDATA[<p>Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS.<a href="http://www.filamentgroup.com/lab/developing_an_accessible_slider/"><img class="aligncenter size-full wp-image-1348" title="Accessible slider-" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/12/Accessible-slider-.gif" alt="" width="442" height="120" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/12/accessible-slider-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sexy Drop Down Menu w/ jQuery &amp; CSS</title>
		<link>http://ajaxmint.com/2009/12/sexy-drop-down-menu-w-jquery-css/</link>
		<comments>http://ajaxmint.com/2009/12/sexy-drop-down-menu-w-jquery-css/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 06:23:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dropdown]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[sexy dropdown]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1170</guid>
		<description><![CDATA[Studies show that top navigations tend to get the most visual attention when a user first visits a site.]]></description>
			<content:encoded><![CDATA[<p>Studies show that top navigations tend to get the most visual attention when a user first visits a site.<a href="http://www.sohtanaka.com/web-design/examples/drop-down-menu/"><img class="aligncenter size-medium wp-image-1171" title="sexy images" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/12/sexy-images-450x281.jpg" alt="sexy images" width="450" height="281" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/12/sexy-drop-down-menu-w-jquery-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creating a polaroid photo viewer with CSS3 and jQuery</title>
		<link>http://ajaxmint.com/2009/12/creating-a-polaroid-photo-viewer-with-css3-and-jquery/</link>
		<comments>http://ajaxmint.com/2009/12/creating-a-polaroid-photo-viewer-with-css3-and-jquery/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 05:31:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[photo viewer]]></category>
		<category><![CDATA[polaroid]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1166</guid>
		<description><![CDATA[Placing pictures on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play.]]></description>
			<content:encoded><![CDATA[<p>Placing pictures on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play.<a href="http://demo.marcofolio.net/polaroid_photo_viewer/"><img class="aligncenter size-medium wp-image-1167" title="polaroid_css3_jquery" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/12/polaroid_css3_jquery-450x195.png" alt="polaroid_css3_jquery" width="450" height="195" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/12/creating-a-polaroid-photo-viewer-with-css3-and-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook-Style Modal Box Using MooTools</title>
		<link>http://ajaxmint.com/2009/12/facebook-style-modal-box-using-mootools/</link>
		<comments>http://ajaxmint.com/2009/12/facebook-style-modal-box-using-mootools/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 09:03:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[modal]]></category>
		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1088</guid>
		<description><![CDATA[David Walsh took facebook’s imagery and CSS and combined it with MooTools’ awesome functionality to duplicate the effect of Facebook’s Modal box.]]></description>
			<content:encoded><![CDATA[<p>David Walsh took facebook’s imagery and CSS and combined it with MooTools’ awesome functionality to duplicate the effect of Facebook’s Modal box.<a href="http://davidwalsh.name/dw-content/facebook-modal.php"><img class="aligncenter size-medium wp-image-1089" title="jquery styled modal box" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/12/jquery-styled-modal-box-450x189.jpg" alt="jquery styled modal box" width="450" height="189" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/12/facebook-style-modal-box-using-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Styled Scrollbar Mootools</title>
		<link>http://ajaxmint.com/2009/12/css-styled-scrollbar-mootools/</link>
		<comments>http://ajaxmint.com/2009/12/css-styled-scrollbar-mootools/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 08:58:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[horiz]]></category>
		<category><![CDATA[horizondal scrolling]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[scrollbar]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[slide]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[vertical scrolling]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1085</guid>
		<description><![CDATA[A small piece of javascript that creates a css styled scrollbar from the Mootools (version 1.2b2) Slider class. The example page shows three div elements with a styled horizontal and/or vertical scrollbars.]]></description>
			<content:encoded><![CDATA[<p>A small piece of javascript that creates a css styled scrollbar from the Mootools (version 1.2b2) Slider class. The example page shows three div elements with a styled horizontal and/or vertical scrollbars.<br />
<a href="http://www.solutoire.com/experiments/scrollbar/index.html"><img src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/12/mootools-css-styled-450x119.jpg" alt="mootools css styled" title="mootools css styled" width="450" height="119" class="aligncenter size-medium wp-image-1086" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/12/css-styled-scrollbar-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zoom Icon with jQuery &amp; CSS</title>
		<link>http://ajaxmint.com/2009/11/zoom-icon-with-jquery-css/</link>
		<comments>http://ajaxmint.com/2009/11/zoom-icon-with-jquery-css/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 05:08:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[zoom]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=840</guid>
		<description><![CDATA[In this simple tutorial, I&#8217;ll show you how to do it in two ways: CSS way and jQuery way.]]></description>
			<content:encoded><![CDATA[<p>In this simple tutorial, I&#8217;ll show you how to do it in two ways: CSS way and jQuery way. <a href="http://www.jankoatwarpspeed.com/examples/zoom_icon/"><img class="aligncenter size-full wp-image-839" title="jquery css zoom" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/11/csszoom.jpg" alt="jquery css zoom" width="450" height="200" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/11/zoom-icon-with-jquery-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slick text wrapping for jQuery &#8211; jQSlickWrap</title>
		<link>http://ajaxmint.com/2009/11/slick-text-wrapping-for-jquery-jqslickwrap/</link>
		<comments>http://ajaxmint.com/2009/11/slick-text-wrapping-for-jquery-jqslickwrap/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 04:55:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[jQSlickWrap]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[wrap]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=811</guid>
		<description><![CDATA[If you&#8217;ve ever felt the need to wrap stuff around an irregularly-shaped image using CSS&#8217;s float, you may have been somewhat disappointed to find out that it&#8217;s forced to wrap around the image&#8217;s bounding box, rather than the actual contents of the image.]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;ve ever felt the need to wrap stuff around an irregularly-shaped image using CSS&#8217;s float, you may have been somewhat disappointed to find out that it&#8217;s forced to wrap around the image&#8217;s bounding box, rather than the actual contents of the image.<a href="http://jwf.us/projects/jQSlickWrap/#examples"><img class="aligncenter size-medium wp-image-810" title="imagewrap" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/11/imagewrap-450x225.png" alt="imagewrap" width="450" height="225" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/11/slick-text-wrapping-for-jquery-jqslickwrap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Twitter List Powered Fan Page</title>
		<link>http://ajaxmint.com/2009/11/a-twitter-list-powered-fan-page/</link>
		<comments>http://ajaxmint.com/2009/11/a-twitter-list-powered-fan-page/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 04:01:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[twitter fan]]></category>
		<category><![CDATA[twitter follower]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=603</guid>
		<description><![CDATA[Recently, Twitter rolled out a great new feature on their site – lists. You can now create and compile a list of twitter users and make it easier for others to follow all at once. Check out the demo&#8230;]]></description>
			<content:encoded><![CDATA[<p>Recently, Twitter rolled out a great new feature on their site – lists. You can now create and compile a list of twitter users and make it easier for others to follow all at once. Check out the demo&#8230;<a href="http://demo.tutorialzine.com/2009/11/twitter-list-ajax-fanpage/demo.html" target="_blank"><img class="aligncenter size-medium wp-image-604" title="A Twitter List Powered Fan Page" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2009/11/twitterfan-450x172.jpg" alt="A Twitter List Powered Fan Page" width="450" height="172" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2009/11/a-twitter-list-powered-fan-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

