<?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>MattVanAndel.com &#187; JavaScript</title>
	<atom:link href="http://www.mattvanandel.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mattvanandel.com</link>
	<description>Web Development for the Developmentally Challenged</description>
	<lastBuildDate>Fri, 20 Aug 2010 18:12:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>(jQuery) Add &#8220;Smart&#8221; Default Values to Form TextBoxes</title>
		<link>http://www.mattvanandel.com/956/jquery-add-smart-textbox-default-values/</link>
		<comments>http://www.mattvanandel.com/956/jquery-add-smart-textbox-default-values/#comments</comments>
		<pubDate>Fri, 20 Aug 2010 17:07:08 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Toolbox]]></category>
		<category><![CDATA[@Complexity: Intermediate]]></category>
		<category><![CDATA[Forms]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.mattvanandel.com/?p=956</guid>
		<description><![CDATA[This article covers a handy usability feature that will allow you to set "smart" default values in your form textboxes. The JavaScript handles three things - coloring (gray for default, black for user-entered values), automatically clearing the field when a user selects it, and automatically replacing the default text if the user de-selects the field without entering anything.

This is particularly useful for forms targeting mobile browsers (such as iPhone or Android, since you can then use the field itself as a label) - or forms where you want to include some "example text" in certain fields. It's a very clean, intuitive way of improving the usability of any web form.]]></description>
		<wfw:commentRss>http://www.mattvanandel.com/956/jquery-add-smart-textbox-default-values/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>(jQuery) .nextOrFirst() function guarantees a selection</title>
		<link>http://www.mattvanandel.com/999/jquery-nextorfirst-function-guarantees-a-selection/</link>
		<comments>http://www.mattvanandel.com/999/jquery-nextorfirst-function-guarantees-a-selection/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 20:26:42 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Toolbox]]></category>
		<category><![CDATA[@Complexity: Beginner]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.mattvanandel.com/?p=999</guid>
		<description><![CDATA[The <span class="code">.nextOrFirst()</span> jQuery function/plugin detailed here works as an alias for <span class="code">.next()</span>, except when there are no more objects for <span class="code">.next()</span> to select. When this happens, <span class="code">.nextOrFirst()</span> will automatically select the first element from within the same parent (essentially treating the first element as "next").]]></description>
		<wfw:commentRss>http://www.mattvanandel.com/999/jquery-nextorfirst-function-guarantees-a-selection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>(jQuery) Make Vimeo Embeds iPhone-friendly&#8230; Automagically!</title>
		<link>http://www.mattvanandel.com/958/jquery-make-vimeo-embeds-iphone-friendly-automagically/</link>
		<comments>http://www.mattvanandel.com/958/jquery-make-vimeo-embeds-iphone-friendly-automagically/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 19:50:43 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Toolbox]]></category>
		<category><![CDATA[@Complexity: Intermediate]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.mattvanandel.com/?p=958</guid>
		<description><![CDATA[This article demonstrates the use of a neat bit of jQuery that will automagically make your Vimeo embeds work on an iPhone or iPad.

If you're a Vimeo user you may have noticed that the service recently added mobile compatibility to their already-respectable list of features. There is a caveat, though. This new mobile compatibility does NOT extend to videos that you embed on your site - only videos that you watch on the Vimeo website. But what if you use Vimeo primarily for embedding videos on your own site, and you want those videos to be watchable on an iPhone or iPad? Vimeos official stance is... add a link. This is *not* ideal.

Fortunately, with a creative bit of jQuery and HTML 5, we can detect mobile browsers and automatically replace Vimeo's flash player on a webpage with an HTML 5 one when appropriate.]]></description>
		<wfw:commentRss>http://www.mattvanandel.com/958/jquery-make-vimeo-embeds-iphone-friendly-automagically/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>AJAX Tutorial 0: Core AJAX Concepts</title>
		<link>http://www.mattvanandel.com/914/ajax-tutorial-0-core-ajax-concepts/</link>
		<comments>http://www.mattvanandel.com/914/ajax-tutorial-0-core-ajax-concepts/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 22:44:54 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[@Complexity: Beginner]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.mattvanandel.com/?p=914</guid>
		<description><![CDATA[This article introduces basic JavaScript concepts, and builds on those concepts to explain how AJAX is used and, more importantly, why. This is <em>not</em> an in-depth look at JavaScript, nor is it intended to be. As with all tutorials on this site, you should already be familiar with X/HTML and CSS, and have a general idea of what JavaScript is and how it's used. ]]></description>
		<wfw:commentRss>http://www.mattvanandel.com/914/ajax-tutorial-0-core-ajax-concepts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
