<?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>Front-End &#8211; Kevin Chappell</title>
	<atom:link href="https://kevin-chappell.com/category/web-development/front-end/feed/" rel="self" type="application/rss+xml" />
	<link>https://kevin-chappell.com</link>
	<description>Web Consultant</description>
	<lastBuildDate>Sat, 29 Apr 2017 14:54:47 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>
	<item>
		<title>JavaScript Moving Elements using Keys, the right way.</title>
		<link>https://kevin-chappell.com/web-development/demo-battle-move-bug-with-arrow-keys/</link>
					<comments>https://kevin-chappell.com/web-development/demo-battle-move-bug-with-arrow-keys/#respond</comments>
		
		<dc:creator><![CDATA[Kevin]]></dc:creator>
		<pubDate>Wed, 23 Mar 2016 20:06:48 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[requestAnimationFrame]]></category>
		<guid isPermaLink="false">https://kevin-chappell.com/?p=782</guid>

					<description><![CDATA[The LinkedIn group for PHP Developers featured a jQuery tutorial on how to move elements with the keyboard. It linked to a tutorial on lessoncup.com, an ok website with various with jQuery, PHP and MySQL tutorials. I&#8217;m interested in this sort of thing so thought I&#8217;d see what technique they used in their demonstration. It was this [&#8230;]]]></description>
		
					<wfw:commentRss>https://kevin-chappell.com/web-development/demo-battle-move-bug-with-arrow-keys/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Icon font management with Gulp and Fontello</title>
		<link>https://kevin-chappell.com/web-development/icon-font-management-with-gulp-and-fontello/</link>
					<comments>https://kevin-chappell.com/web-development/icon-font-management-with-gulp-and-fontello/#respond</comments>
		
		<dc:creator><![CDATA[Kevin]]></dc:creator>
		<pubDate>Mon, 07 Mar 2016 22:13:03 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://kevin-chappell.com/?p=769</guid>

					<description><![CDATA[With all the buzz around GitHub’s switch to inline svg I thought I better publish my current icon font editing workflow while it’s still semi-relevant. No doubt I’ll be adopting full inline svg myself but someone somewhere may find it useful to stick with icon fonts for a while. In this tutorial we’ll be working [&#8230;]]]></description>
		
					<wfw:commentRss>https://kevin-chappell.com/web-development/icon-font-management-with-gulp-and-fontello/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTML5 Form Validation with Constraint API</title>
		<link>https://kevin-chappell.com/web-development/html5-form-validation/</link>
					<comments>https://kevin-chappell.com/web-development/html5-form-validation/#respond</comments>
		
		<dc:creator><![CDATA[Kevin]]></dc:creator>
		<pubDate>Thu, 13 Aug 2015 03:30:46 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://kevin-chappell.com/?p=669</guid>

					<description><![CDATA[In this tutorial we&#8217;re going to take a look at some basic front-end form validation techniques. These techniques in no way replace the need for back-end validation, but they are useful for providing visual queues for how to complete your forms. Feedback Front-end validation isn&#8217;t about stopping errors, its about preventing them. Let&#8217;s provide some [&#8230;]]]></description>
		
					<wfw:commentRss>https://kevin-chappell.com/web-development/html5-form-validation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
