<?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>Pixellica: Creativity Blooms &#187; jquery</title>
	<atom:link href="http://www.pixellica.com/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.pixellica.com</link>
	<description>Inspiration &#38; instruction for art and design</description>
	<lastBuildDate>Sat, 10 Sep 2011 23:47:52 +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>10 Great jQuery &amp; MooTools Tune Ups</title>
		<link>http://www.pixellica.com/inspiration/20-great-jquery-mootools-tune-ups</link>
		<comments>http://www.pixellica.com/inspiration/20-great-jquery-mootools-tune-ups#comments</comments>
		<pubDate>Mon, 31 Aug 2009 13:01:23 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://www.pixellica.com/?p=197</guid>
		<description><![CDATA[Bloggers come in all shapes, sizes and styles. Pixellica comes dangerously close to jumping on the WordPress bandwagon by publishing a short list of some of the snappiest tune-ups you can implement on your website or blog &#8211; a little technical know-how and copy/paste is all you need. I&#8217;ve taken the liberty of separating the [...]]]></description>
			<content:encoded><![CDATA[<p class="big">Bloggers come in all shapes, sizes and styles. Pixellica comes dangerously close to jumping on the WordPress bandwagon by publishing a short list of some of the snappiest tune-ups you can implement on your website or blog &#8211; a little technical know-how and copy/paste is all you need.</p>
<p><span id="more-197"></span></p>
<p>I&#8217;ve taken the liberty of separating the items by what AJAX library they utilize.</p>
<h3>MooTools Tune Ups</h3>
<h4>Form Validation</h4>
<p>Validate forms on the fly, without any unnecessary page loads or clunky javascript or server-side coding.<br />
<a href="http://mootools.floor.ch/en/demos/formcheck/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/mootools.floor.ch/en/demos/formcheck/?referer=');">See how it works</a> &rarr; | <a href="http://mootools.floor.ch/en/download/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/mootools.floor.ch/en/download/?referer=');">Download</a> &rarr;</p>
<h4>Moosture</h4>
<p>Provide your visitors with gesture-based navigation. It can be overkill when it&#8217;s used too much, but in the right place it can be great.<br />
<a href="http://neofreeman.freepgs.com/Moousture/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/neofreeman.freepgs.com/Moousture/?referer=');">Visit the site</a> &rarr; | <a href="http://github.com/maxpert/moousture/tree/master" title="Download" target="_blank" onclick="pageTracker._trackPageview('/outgoing/github.com/maxpert/moousture/tree/master?referer=');">Download</a> &rarr;</p>
<h4>Using Opacity to Focus</h4>
<p>Allow visitors to focus only on what element they&#8217;re currently reading.<br />
<a href="http://davidwalsh.name/opacity-focus" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/davidwalsh.name/opacity-focus?referer=');">Visit the site &amp; Download</a> &rarr; | <a href="http://davidwalsh.name/dw-content/fade-except.php" title="see how it work" target="_blank" onclick="pageTracker._trackPageview('/outgoing/davidwalsh.name/dw-content/fade-except.php?referer=');">See how it works</a> &rarr;</p>
<h4>Product Highlighter</h4>
<p>Give people browsing your site a very smooth popup to display more information. Once you see it, you&#8217;ll recognize it.<br />
<a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-simple-powerful-product-highlighter-with-mootools/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/net.tutsplus.com/tutorials/javascript-ajax/create-a-simple-powerful-product-highlighter-with-mootools/?referer=');">Visit the site</a> &rarr; | <a href="http://nettuts.s3.amazonaws.com/022_Mootools/example.html" title="View demo" target="_blank" onclick="pageTracker._trackPageview('/outgoing/nettuts.s3.amazonaws.com/022_Mootools/example.html?referer=');">See how it works</a> &rarr; | <a href="http://nettuts.s3.amazonaws.com/022_Mootools/Archive.zip" title="download" target="_blank" onclick="pageTracker._trackPageview('/outgoing/nettuts.s3.amazonaws.com/022_Mootools/Archive.zip?referer=');">Download</a> &rarr;</p>
<h4>MooFlow Gallery</h4>
<p>If you use Macintosh, you&#8217;ll get this one right away. Give your photo gallery the CoverFlow treatment. It also loads additional galleries on the fly.<br />
<a href="http://www.outcut.de/MooFlow/Documentation.html" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.outcut.de/MooFlow/Documentation.html?referer=');">Visit the site</a> &rarr; | <a href="http://www.outcut.de/MooFlow/example-fullsize-viewer.html" title="view demo" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.outcut.de/MooFlow/example-fullsize-viewer.html?referer=');">See how it works</a> &rarr; | <a href="http://www.outcut.de/MooFlow/Download.html" title="download" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.outcut.de/MooFlow/Download.html?referer=');">Download</a> &rarr;</p>
<h3>jQuery Tune Ups</h3>
<h4>Password Input, iPhone Style</h4>
<p>The problem with password inputs is that every character is an asterisk. This tuneup changes each character on a delay, giving folks filling in a form the chance to correct typos as they go.<br />
<a href="http://css-tricks.com/better-password-inputs-iphone-style/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/css-tricks.com/better-password-inputs-iphone-style/?referer=');">Visit the site</a> &rarr; | <a href="http://css-tricks.com/examples/iPhonePassword/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/css-tricks.com/examples/iPhonePassword/?referer=');">See how it works</a> &rarr; | <a href="http://css-tricks.com/examples/iPhonePassword.zip" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/css-tricks.com/examples/iPhonePassword.zip?referer=');">Download</a> &rarr;</p>
<h4>Dynamic Breadcrumbs</h4>
<p>Breadcrumbs are an excellent way of showing hierarchy navigation, giving visitors a sense of place. But they don&#8217;t have to take up much space.<br />
<a href="http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html?referer=');">See how it works</a> &rarr; | <a href="http://www.comparenetworks.com/developers/jqueryplugins/jBreadCrumb.zip" title="download" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.comparenetworks.com/developers/jqueryplugins/jBreadCrumb.zip?referer=');">Download</a> &rarr;</p>
<h4>Infinite Carousel</h4>
<p>Carousels and slide galleries are great, except they always reset to the the beginning image if you scroll too many times. Infinite Carousel just keeps it going.<br />
<a href="http://jqueryfordesigners.com/jquery-infinite-carousel/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/jqueryfordesigners.com/jquery-infinite-carousel/?referer=');">Visit the site</a> &rarr; | <a href="http://jqueryfordesigners.com/demo/infinite-carousel.html" title="visit the demo" target="_blank" onclick="pageTracker._trackPageview('/outgoing/jqueryfordesigners.com/demo/infinite-carousel.html?referer=');">See how it works</a> &rarr;</p>
<h4>Highlight Tabular Data</h4>
<p>Tables are notoriously hard to read, and the more data the worse it is. One way to ease the difficulty is by providing a highlight on each row, column, and cell so the eye has something to follow.<br />
<a href="http://css-tricks.com/video-screencasts/66-table-styling-2-fixed-header-and-highlighting/" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/css-tricks.com/video-screencasts/66-table-styling-2-fixed-header-and-highlighting/?referer=');">Visit the site</a> &rarr; | <a href="http://css-tricks.com/examples/FixedHeaderTable/" title="see how it works" target="_blank" onclick="pageTracker._trackPageview('/outgoing/css-tricks.com/examples/FixedHeaderTable/?referer=');">See how it works</a> &rarr; | <a href="http://css-tricks.com/examples/FixedHeaderTable.zip" title="download" target="_blank" onclick="pageTracker._trackPageview('/outgoing/css-tricks.com/examples/FixedHeaderTable.zip?referer=');">Download</a> &rarr;</p>
<h4>Custom Missing Image</h4>
<p>How many times have you had a broken image? This tuneup provides a custom image in the event an image path doesn&#8217;t work.<br />
<a href="http://davidwalsh.name/custom-missing-image-jquery" title="visit the site" target="_blank" onclick="pageTracker._trackPageview('/outgoing/davidwalsh.name/custom-missing-image-jquery?referer=');">Visit the site</a> &rarr; | <a href="http://davidwalsh.name/dw-content/image-error-jquery.php" title="see how it works" target="_blank" onclick="pageTracker._trackPageview('/outgoing/davidwalsh.name/dw-content/image-error-jquery.php?referer=');">See how it works</a> &rarr;</p>
<h3>Coming Soon</h3>
<p>Part Two will be following soon; check back in a few days!</p>
<div id="crp_related"><h4 class="related">Related Posts:</h4><ul><li><a href="http://www.pixellica.com/inspiration/22-free-fonts-suitable-for-wedding-invitations" rel="bookmark" class="crp_title">22 (Free) Fonts Suitable for Wedding Invitations</a></li><li><a href="http://www.pixellica.com/inspiration/id-love-to-play-that-gaming-environments" rel="bookmark" class="crp_title">I&#8217;d Love to Play That! Gaming Environments</a></li><li><a href="http://www.pixellica.com/inspiration/21-amazing-dual-screen-wallpapers-from-mando-gomez" rel="bookmark" class="crp_title">21 Amazing Dual-Screen Wallpapers from Mando Gomez</a></li><li><a href="http://www.pixellica.com/inspiration/20-awesome-photographs-of-funerary-statues" rel="bookmark" class="crp_title">20 Awesome Photographs of Funerary Statues</a></li><li><a href="http://www.pixellica.com/wordpress-2/free-wordpress-script-for-custom-post-images" rel="bookmark" class="crp_title">Free WordPress Script for Custom Post Images</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.pixellica.com/inspiration/20-great-jquery-mootools-tune-ups/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.pixellica.com @ 2012-02-05 01:50:36 -->
