<?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>The Tutorialist &#187; Web Development</title>
	<atom:link href="http://thetutorialist.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://thetutorialist.com</link>
	<description>An Online Collection Of Tutorials</description>
	<lastBuildDate>Wed, 30 Dec 2009 18:47:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sexy Drop Down Menu w/ jQuery &amp; CSS</title>
		<link>http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html</link>
		<comments>http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html#comments</comments>
		<pubDate>Tue, 29 Dec 2009 12:00:51 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[drop down]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=433</guid>
		<description><![CDATA[In this <a href=http://thetutorialist.com>tutorial</a> I would like to go over how to create a sexy drop down menu that can also degrade gracefully.]]></description>
			<content:encoded><![CDATA[<p></p><p>In this <a href=http://thetutorialist.com>tutorial</a> I would like to go over how to create a sexy drop down menu that can also degrade gracefully.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Horizontal Scroll Menu with jQuery Tutorial</title>
		<link>http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial</link>
		<comments>http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial#comments</comments>
		<pubDate>Tue, 29 Dec 2009 06:00:38 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[scroll]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=430</guid>
		<description><![CDATA[So, in this <a href=http://thetutorialist.com>tutorial</a>, we will learn how to create a scroll menu. We will achieve the following objectives:

Keep html as simple as possible, and let jQuery and CSS do the rest.
Scoll up and down according to mouse-Y axis
Use jQuery.color plugin to animate the background-color changes - download jQuery.color
(Yes, you will need this to animate the background color, I thought it will do it by default, obviously it doesn't! )]]></description>
			<content:encoded><![CDATA[<p></p><p>So, in this <a href=http://thetutorialist.com>tutorial</a>, we will learn how to create a scroll menu. We will achieve the following objectives:</p>
<p>Keep html as simple as possible, and let jQuery and CSS do the rest.<br />
Scoll up and down according to mouse-Y axis<br />
Use jQuery.color plugin to animate the background-color changes &#8211; download jQuery.color<br />
(Yes, you will need this to animate the background color, I thought it will do it by default, obviously it doesn&#8217;t! )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An Idiot’s Guide To Accessible Website Design</title>
		<link>http://webdesignledger.com/tips/an-idiot’s-guide-to-accessible-website-design</link>
		<comments>http://webdesignledger.com/tips/an-idiot’s-guide-to-accessible-website-design#comments</comments>
		<pubDate>Mon, 28 Dec 2009 12:00:28 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=498</guid>
		<description><![CDATA[Recognizing the need to provide support for the world’s disabled Internet users, a number of companies have developed free and low cost tools to help designers comply with accessibility guidelines. Here are a few of the available tools that will turn you into an accessibility expert.]]></description>
			<content:encoded><![CDATA[<p></p><p>Recognizing the need to provide support for the world’s disabled Internet users, a number of companies have developed free and low cost tools to help designers comply with accessibility guidelines. Here are a few of the available tools that will turn you into an accessibility expert.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/an-idiot’s-guide-to-accessible-website-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Tips for Writing Better CSS</title>
		<link>http://webdesignledger.com/tips/10-tips-for-writing-better-css</link>
		<comments>http://webdesignledger.com/tips/10-tips-for-writing-better-css#comments</comments>
		<pubDate>Mon, 28 Dec 2009 06:00:00 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=495</guid>
		<description><![CDATA[In this article I want to talk about 10 different ways you can write proper and clean css code as well as streamline the process and ensure you’re getting the job done as quickly and efficiently as possible.]]></description>
			<content:encoded><![CDATA[<p></p><p>In this article I want to talk about 10 different ways you can write proper and clean css code as well as streamline the process and ensure you’re getting the job done as quickly and efficiently as possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/10-tips-for-writing-better-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Build a Simple Password Strength Checker</title>
		<link>http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/</link>
		<comments>http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 13:57:49 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[password]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=263</guid>
		<description><![CDATA[Providing instant feedback is the in-thing right now. Why limit yourself to checking usernames and email addresses? Why not extend this to provide quick visual feedback about the strength of the password the user has input? In this <a href=http://thetutorialist.com>tutorial</a>, we'll take a look at how to create a simple password strength checker using the jQuery library, regular expressions and a simple algorithm.]]></description>
			<content:encoded><![CDATA[<p></p><p>Providing instant feedback is the in-thing right now. Why limit yourself to checking usernames and email addresses? Why not extend this to provide quick visual feedback about the strength of the password the user has input? In this <a href=http://thetutorialist.com>tutorial</a>, we&#8217;ll take a look at how to create a simple password strength checker using the jQuery library, regular expressions and a simple algorithm.</p>
]]></content:encoded>
			<wfw:commentRss>http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Photo Gallery Using The Flickr API</title>
		<link>http://net.tutsplus.com/tutorials/php/how-to-create-a-photo-gallery-using-the-flickr-api/</link>
		<comments>http://net.tutsplus.com/tutorials/php/how-to-create-a-photo-gallery-using-the-flickr-api/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 12:00:03 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[photo gallery]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=260</guid>
		<description><![CDATA[Flickr is, without doubt, the biggest and best photography website on the internet. There are lots of widgets, badges and plugins which allow you to display your latest Flickr photos on your website, but we'll take it a step further in this <a href=http://thetutorialist.com>tutorial</a> by tapping straight into Flickr and integrating your photostream into your website, giving you a photo gallery that is a breeze to update.]]></description>
			<content:encoded><![CDATA[<p></p><p>Flickr is, without doubt, the biggest and best photography website on the internet. There are lots of widgets, badges and plugins which allow you to display your latest Flickr photos on your website, but we&#8217;ll take it a step further in this <a href=http://thetutorialist.com>tutorial</a> by tapping straight into Flickr and integrating your photostream into your website, giving you a photo gallery that is a breeze to update.</p>
]]></content:encoded>
			<wfw:commentRss>http://net.tutsplus.com/tutorials/php/how-to-create-a-photo-gallery-using-the-flickr-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 Most Common IE Bugs and How to Fix Them</title>
		<link>http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/</link>
		<comments>http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 07:00:09 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[bugs]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=257</guid>
		<description><![CDATA[Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this <a href=http://thetutorialist.com>tutorial</a>, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let's get started.]]></description>
			<content:encoded><![CDATA[<p></p><p>Internet Explorer &#8211; the bane of most web developers&#8217; existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn&#8217;t really a productive use of your time. In this <a href=http://thetutorialist.com>tutorial</a>, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let&#8217;s get started.</p>
]]></content:encoded>
			<wfw:commentRss>http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Create An Animated Call To Action Button</title>
		<link>http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/</link>
		<comments>http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 03:40:15 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=267</guid>
		<description><![CDATA[In this <a href=http://thetutorialist.com>web design and development tutorial</a>, you’ll get a walkthrough for creating a "Call to Action" button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.]]></description>
			<content:encoded><![CDATA[<p></p><p>In this <a href=http://thetutorialist.com>web design and development tutorial</a>, you’ll get a walkthrough for creating a &#8220;Call to Action&#8221; button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.</p>
]]></content:encoded>
			<wfw:commentRss>http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Design The Perfect List</title>
		<link>http://webdesigntuts.com/web-design/lists-in-modern-web-design/</link>
		<comments>http://webdesigntuts.com/web-design/lists-in-modern-web-design/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 02:21:02 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[list]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=217</guid>
		<description><![CDATA[In this <a href=http://thetutorialist.com>tutorial</a> we will be exploring the modern practices of lists as an element of web design and I will be showing you how to design better lists to add to the overall design of your site.]]></description>
			<content:encoded><![CDATA[<p></p><p>In this <a href=http://thetutorialist.com>tutorial</a> we will be exploring the modern practices of lists as an element of web design and I will be showing you how to design better lists to add to the overall design of your site.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigntuts.com/web-design/lists-in-modern-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Design The Perfect Form</title>
		<link>http://webdesigntuts.com/web-design/how-to-design-the-perfect-form/</link>
		<comments>http://webdesigntuts.com/web-design/how-to-design-the-perfect-form/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 02:17:54 +0000</pubDate>
		<dc:creator>The Tutor</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[form]]></category>

		<guid isPermaLink="false">http://thetutorialist.com/?p=214</guid>
		<description><![CDATA[In this <a href=http://thetutorialist.com>tutorial</a>, I want to explore the countless tools and resource for designing forms, and I want to show you how you can use these tools to your benefit to create the perfect form that will help to maximize conversions, sales, subscribers or for whatever else you may be using your form.]]></description>
			<content:encoded><![CDATA[<p></p><p>In this <a href=http://thetutorialist.com>tutorial</a>, I want to explore the countless tools and resource for designing forms, and I want to show you how you can use these tools to your benefit to create the perfect form that will help to maximize conversions, sales, subscribers or for whatever else you may be using your form.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesigntuts.com/web-design/how-to-design-the-perfect-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
