<?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>Michael Doyle &#124; Blog &#187; tutorial</title>
	<atom:link href="http://michaeldoyle.eu/blog/tag/tutorial/feed" rel="self" type="application/rss+xml" />
	<link>http://michaeldoyle.eu/blog</link>
	<description>Well, I&#039;m not sure whether to call this a blog or a sideblog. Either way, it&#039;s my personal, never-ending, post-it note, so that when I learn something interesting, it&#039;ll find its way here.</description>
	<lastBuildDate>Mon, 30 Nov 2009 01:44:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery &#8211; A Beginners Guide</title>
		<link>http://michaeldoyle.eu/blog/web/jquery-web/jquery-a-beginners-guide</link>
		<comments>http://michaeldoyle.eu/blog/web/jquery-web/jquery-a-beginners-guide#comments</comments>
		<pubDate>Mon, 30 Nov 2009 01:44:31 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=406</guid>
		<description><![CDATA[Long time, no post! Freelancing, tight deadlines, christmas, etc.
What is it?
jQuery is a javascript framework, it all happens on the client side, and allows developers to enhance the user experience of a website. Scrolling, sliding, fading, etc. it has a lot of cool features that can really add to the overall feel of a website. [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Long time, no post! Freelancing, tight deadlines, christmas, etc.</p>
<h4>What is it?</h4>
<p>jQuery is a javascript framework, it all happens on the client side, and allows developers to enhance the user experience of a website. Scrolling, sliding, fading, etc. it has a lot of cool features that can really add to the overall feel of a website. I've just done my first tuorial tonight and it seems all pretty straight forward.</p>
<p>Here's a short, interesting interview with Karl Swedberg (he runs <a href="http://www.learningjquery.com/" target="_blank">learningjquery.com</a>):</p>
<ul>
<li><a href="http://carsonified.com/blog/dev/jquery/karl-swedberg-on-jquery/" target="_blank">http://carsonified.com/blog/dev/jquery/karl-swedberg-on-jquery/</a></li>
</ul>
<h4>Tutorials</h4>
<p>I've used <a href="http://mootools.net/" target="_blank">MooTools</a> (another javascript framework) before and found it nice and pleasant to use. Since then, everyone has been raving about jQuery (actually, I'm about 6 months late here), so I looked up a beginners guide to it. The tutorial I did is located here:</p>
<ul>
<li><a href="http://woorkup.com/2009/11/22/jquery-for-beginners-making-your-website-cool/" target="_blank">http://woorkup.com/2009/11/22/jquery-for-beginners-making-your-website-cool/</a></li>
</ul>
<p><a href="http://michaeldoyle.eu/blog/wp-content/uploads/2009/11/jquery_lesson.php" target="_blank">Here's the result of the tutorial</a> (I changed it a little)</p>
<p>Here's a tutorial on how to build  an image/content slider:</p>
<ul>
<li><a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider/" target="_blank">http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider/</a></li>
</ul>
<p>Or you could try searhing twitter for a list of up to date tutorials</p>
<ul>
<li><a href="http://twitter.com/#search?q=jquery%20tutorial" target="_blank">http://twitter.com/#search?q=jquery%20tutorial</a> (it really is a testament to it's popularity when you see the amount of tutorials)</li>
</ul>
<h4>jQuery Plugins</h4>
<p>Tripwiremagazine has a list of some plugins for jQuery that are useful (although some can be achieved with css). Here is the link:</p>
<ul>
<li><a href="http://www.tripwiremagazine.com/2009/11/is-top-rated-jquery-plugins-the-best.html" target="_blank">http://www.tripwiremagazine.com/2009/11/is-top-rated-jquery-plugins-the-best.html</a></li>
</ul>
<p>Noupe also has a larger list of plugins:</p>
<ul>
<li><a href="http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html" target="_blank">http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html</a></li>
</ul>
<p>Or you can learn how to create your own:</p>
<ul>
<li><a href="http://woorkup.com/2009/11/19/jquery-lesson-series-how-to-implement-your-first-plugin/" target="_blank">http://woorkup.com/2009/11/19/jquery-lesson-series-how-to-implement-your-first-plugin/</a></li>
</ul>
<h4>Overuse</h4>
<p>I've come across a lot of sites that use jQuery just for the sake of it, it does make a site look a little slicker but only when used right. When its overused, it can get really tiresome and completely removes it's impact. I've seen a few sites with only one UI element utilising jQuery that really impressed me.</p>
<h4>Conclusion</h4>
<p>This is the first time I've used jQuery, and I'm really impressed. The huge interest and large amount tutorials make it look like it's hear to stay. It has <a href="http://www.google.com/trends?q=jquery%2C+scriptalicious%2C+mootools" target="_blank">easily overtaken MooTools and Scriptalicious</a> and it's developer base is growing rapidly.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/web/jquery-web/jquery-a-beginners-guide/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop &#8211; Designing Web Elements</title>
		<link>http://michaeldoyle.eu/blog/web/web-design-design-web-elements-with-photoshop</link>
		<comments>http://michaeldoyle.eu/blog/web/web-design-design-web-elements-with-photoshop#comments</comments>
		<pubDate>Sun, 30 Aug 2009 01:12:18 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=285</guid>
		<description><![CDATA[Carsonified has an interesting artocle with some photoshop tutorials on design elements for the web with Photoshop.
http://carsonified.com/blog/design/5-advanced-photoshop-techniques-for-web-designers/


Related posts:Photoshop &#8211; Performance Tweaks
Photoshop &#8211; Actions
Photography &#8211; Photoshop Actions



Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/adobe/photoshop-adobe/photoshop-speed-tweaks' rel='bookmark' title='Permanent Link: Photoshop &#8211; Performance Tweaks'>Photoshop &#8211; Performance Tweaks</a></li>
<li><a href='http://michaeldoyle.eu/blog/photography/image-editing/photoshop-actions' rel='bookmark' title='Permanent Link: Photoshop &#8211; Actions'>Photoshop &#8211; Actions</a></li>
<li><a href='http://michaeldoyle.eu/blog/photography/photography-actions' rel='bookmark' title='Permanent Link: Photography &#8211; Photoshop Actions'>Photography &#8211; Photoshop Actions</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Carsonified has an interesting artocle with some photoshop tutorials on design elements for the web with Photoshop.</p>
<p><a href="http://carsonified.com/blog/design/5-advanced-photoshop-techniques-for-web-designers/" target="_blank">http://carsonified.com/blog/design/5-advanced-photoshop-techniques-for-web-designers/</a></p>


<p>Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/adobe/photoshop-adobe/photoshop-speed-tweaks' rel='bookmark' title='Permanent Link: Photoshop &#8211; Performance Tweaks'>Photoshop &#8211; Performance Tweaks</a></li>
<li><a href='http://michaeldoyle.eu/blog/photography/image-editing/photoshop-actions' rel='bookmark' title='Permanent Link: Photoshop &#8211; Actions'>Photoshop &#8211; Actions</a></li>
<li><a href='http://michaeldoyle.eu/blog/photography/photography-actions' rel='bookmark' title='Permanent Link: Photography &#8211; Photoshop Actions'>Photography &#8211; Photoshop Actions</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/web/web-design-design-web-elements-with-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP &#8211; Regular Expressions</title>
		<link>http://michaeldoyle.eu/blog/server-side-scripting/php/php-regular-expressions</link>
		<comments>http://michaeldoyle.eu/blog/server-side-scripting/php/php-regular-expressions#comments</comments>
		<pubDate>Wed, 29 Jul 2009 11:47:12 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[regular expressions]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=220</guid>
		<description><![CDATA[Catswhocode have a very good summarey of Regular expressions:
http://www.catswhocode.com/blog/15-php-regular-expressions-for-web-developers


Related posts:PHP &#8211; Validating an Email Addresss



Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/server-side-scripting/php-validating-an-email-addresss' rel='bookmark' title='Permanent Link: PHP &#8211; Validating an Email Addresss'>PHP &#8211; Validating an Email Addresss</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.catswhocode.com/blog/" target="_blank">Catswhocode</a> have a very good summarey of Regular expressions:</p>
<p><a href="http://www.catswhocode.com/blog/15-php-regular-expressions-for-web-developers" target="_blank">http://www.catswhocode.com/blog/15-php-regular-expressions-for-web-developers</a></p>


<p>Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/server-side-scripting/php-validating-an-email-addresss' rel='bookmark' title='Permanent Link: PHP &#8211; Validating an Email Addresss'>PHP &#8211; Validating an Email Addresss</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/server-side-scripting/php/php-regular-expressions/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design &#8211; Creating the Web 2.0 Look</title>
		<link>http://michaeldoyle.eu/blog/web/web-design-how-to-create-the-web-20-look-in-photoshop</link>
		<comments>http://michaeldoyle.eu/blog/web/web-design-how-to-create-the-web-20-look-in-photoshop#comments</comments>
		<pubDate>Wed, 20 May 2009 19:20:18 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=182</guid>
		<description><![CDATA[Even though it's now becoming outdated, sixrevisions.com have a good article on how to create a web 2.0 look in Photoshop using the 960 grid system. It's a two part article that will include how to code it in CSS.
http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/


Related posts:Web Development &#8211; Developing from a PS design
Web Design &#8211; Creating A Portfolio Site
Inspiration &#8211; [...]


Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/web/web-development-developing-from-a-ps-design' rel='bookmark' title='Permanent Link: Web Development &#8211; Developing from a PS design'>Web Development &#8211; Developing from a PS design</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/web-design-creating-a-portfolio-site' rel='bookmark' title='Permanent Link: Web Design &#8211; Creating A Portfolio Site'>Web Design &#8211; Creating A Portfolio Site</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/design/inspiration-12-tips-for-creating-a-great-portfolio' rel='bookmark' title='Permanent Link: Inspiration &#8211; 12 Tips for Creating a Great Portfolio'>Inspiration &#8211; 12 Tips for Creating a Great Portfolio</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Even though it's now becoming outdated, <a href="http://sixrevisions.com/" target="_blank">sixrevisions.com</a> have a good article on how to create a web 2.0 look in Photoshop using the <a href="http://960.gs/" target="_blank">960 grid system</a>. It's a two part article that will include how to code it in CSS.</p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/" target="_blank">http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/</a></p>


<p>Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/web/web-development-developing-from-a-ps-design' rel='bookmark' title='Permanent Link: Web Development &#8211; Developing from a PS design'>Web Development &#8211; Developing from a PS design</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/web-design-creating-a-portfolio-site' rel='bookmark' title='Permanent Link: Web Design &#8211; Creating A Portfolio Site'>Web Design &#8211; Creating A Portfolio Site</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/design/inspiration-12-tips-for-creating-a-great-portfolio' rel='bookmark' title='Permanent Link: Inspiration &#8211; 12 Tips for Creating a Great Portfolio'>Inspiration &#8211; 12 Tips for Creating a Great Portfolio</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/web/web-design-how-to-create-the-web-20-look-in-photoshop/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS &#8211; Improving Typography</title>
		<link>http://michaeldoyle.eu/blog/web/css-improving-typography</link>
		<comments>http://michaeldoyle.eu/blog/web/css-improving-typography#comments</comments>
		<pubDate>Fri, 15 May 2009 17:15:38 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=139</guid>
		<description><![CDATA[AisleOne have a great article on how to improve typography on the web using a simple few steps.
http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/


Related posts:Web Design &#8211; Typography
Design &#8211; Web Page Headers
Web Testing &#8211; Fixing Layout Problems in IE



Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/web/web-design-typography' rel='bookmark' title='Permanent Link: Web Design &#8211; Typography'>Web Design &#8211; Typography</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/design-web-page-headers' rel='bookmark' title='Permanent Link: Design &#8211; Web Page Headers'>Design &#8211; Web Page Headers</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/web-testing-fixing-layout-problems-in-ie' rel='bookmark' title='Permanent Link: Web Testing &#8211; Fixing Layout Problems in IE'>Web Testing &#8211; Fixing Layout Problems in IE</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>AisleOne have a great article on how to improve typography on the web using a simple few steps.</p>
<p><a href="http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/" target="_blank">http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/</a></p>


<p>Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/web/web-design-typography' rel='bookmark' title='Permanent Link: Web Design &#8211; Typography'>Web Design &#8211; Typography</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/design-web-page-headers' rel='bookmark' title='Permanent Link: Design &#8211; Web Page Headers'>Design &#8211; Web Page Headers</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/web-testing-fixing-layout-problems-in-ie' rel='bookmark' title='Permanent Link: Web Testing &#8211; Fixing Layout Problems in IE'>Web Testing &#8211; Fixing Layout Problems in IE</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/web/css-improving-typography/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photography &#8211; Focus Test</title>
		<link>http://michaeldoyle.eu/blog/photography/focus-test</link>
		<comments>http://michaeldoyle.eu/blog/photography/focus-test#comments</comments>
		<pubDate>Sun, 03 May 2009 17:29:29 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[back focusing]]></category>
		<category><![CDATA[bob atkins]]></category>
		<category><![CDATA[camera]]></category>
		<category><![CDATA[front focusing]]></category>
		<category><![CDATA[issue]]></category>
		<category><![CDATA[lens]]></category>
		<category><![CDATA[problem]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=84</guid>
		<description><![CDATA[Here's a good tutorial by Bob Atkins on how to check if you have any back or front focusing issues with a lens/camera.


Related posts:Photography &#8211; Deciding on a new lens



Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/photography/deciding-on-a-new-lens' rel='bookmark' title='Permanent Link: Photography &#8211; Deciding on a new lens'>Photography &#8211; Deciding on a new lens</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://photo.net/learn/focustest/" target="_blank">Here's a good tutorial</a> by Bob Atkins on how to check if you have any back or front focusing issues with a lens/camera.</p>


<p>Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/photography/deciding-on-a-new-lens' rel='bookmark' title='Permanent Link: Photography &#8211; Deciding on a new lens'>Photography &#8211; Deciding on a new lens</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/photography/focus-test/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS &#8211; 20 Helpful Websites</title>
		<link>http://michaeldoyle.eu/blog/web/20-helpful-css-websites</link>
		<comments>http://michaeldoyle.eu/blog/web/20-helpful-css-websites#comments</comments>
		<pubDate>Thu, 30 Apr 2009 23:10:38 +0000</pubDate>
		<dc:creator>Michael Doyle</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://michaeldoyle.eu/blog/?p=73</guid>
		<description><![CDATA[A list of 20 websites to master CSS


Related posts:CSS &#8211; Improving Typography
Web Design &#8211; Inspiration
CSS &#8211; CSS Reset



Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/web/css-improving-typography' rel='bookmark' title='Permanent Link: CSS &#8211; Improving Typography'>CSS &#8211; Improving Typography</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/web-design-inspiration-2' rel='bookmark' title='Permanent Link: Web Design &#8211; Inspiration'>Web Design &#8211; Inspiration</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/css-reset' rel='bookmark' title='Permanent Link: CSS &#8211; CSS Reset'>CSS &#8211; CSS Reset</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://sixrevisions.com/css/20_websites_learn_master_css/" target="_blank">A list of 20 websites to master CSS</a></p>


<p>Related posts:<ol><li><a href='http://michaeldoyle.eu/blog/web/css-improving-typography' rel='bookmark' title='Permanent Link: CSS &#8211; Improving Typography'>CSS &#8211; Improving Typography</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/web-design-inspiration-2' rel='bookmark' title='Permanent Link: Web Design &#8211; Inspiration'>Web Design &#8211; Inspiration</a></li>
<li><a href='http://michaeldoyle.eu/blog/web/css-reset' rel='bookmark' title='Permanent Link: CSS &#8211; CSS Reset'>CSS &#8211; CSS Reset</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michaeldoyle.eu/blog/web/20-helpful-css-websites/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

