<?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>I Speak Web Stuff :: Blog of Jack Franklin &#187; Tutorials</title>
	<atom:link href="http://ispeakwebstuff.co.uk/category/web-design-development-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://ispeakwebstuff.co.uk</link>
	<description></description>
	<lastBuildDate>Wed, 03 Feb 2010 17:33:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mootools &amp; jQuery : Inserting Elements</title>
		<link>http://ispeakwebstuff.co.uk/web-design-development-tutorials/mootools-jquery-inserting-elements/</link>
		<comments>http://ispeakwebstuff.co.uk/web-design-development-tutorials/mootools-jquery-inserting-elements/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 20:07:37 +0000</pubDate>
		<dc:creator>Jack F</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://ispeakwebstuff.co.uk/?p=161</guid>
		<description><![CDATA[Well as you know I&#8217;ve been trying out MooTools recently, including starting a new series &#8220;Journey Into MooTools&#8221; at thewebsqueeze.com. And I have to say I really like it, especially creating elements. For example, I find:

var img = new Element(&#34;img&#34;, {
src: 'myimage.jpg',
'class': 'galleryimg',
alt: 'Check out this image'
});

Nicer than:

var img = $(&#34;&#60;img /&#34;&#62;).attr(&#34;alt&#34;, &#34;Check out this [...]]]></description>
			<content:encoded><![CDATA[<p>Well as you know I&#8217;ve been trying out MooTools recently, including starting a new series &#8220;Journey Into MooTools&#8221; at thewebsqueeze.com. And I have to say I really like it, especially creating elements. For example, I find:</p>
<pre class="brush: jscript;">
var img = new Element(&quot;img&quot;, {
src: 'myimage.jpg',
'class': 'galleryimg',
alt: 'Check out this image'
});
</pre>
<p>Nicer than:</p>
<pre class="brush: jscript;">
var img = $(&quot;&lt;img /&quot;&gt;).attr(&quot;alt&quot;, &quot;Check out this image&quot;).attr(&quot;src&quot;, &quot;myimage.jpg&quot;).addClass(&quot;galleryimg&quot;);
</pre>
<p>MooTools is the first one. I love it! If there is a nicer way to do it in jQuery (I can&#8217;t find one but I have a feeling there should be) then please let me know!</p>
     ]]></content:encoded>
			<wfw:commentRss>http://ispeakwebstuff.co.uk/web-design-development-tutorials/mootools-jquery-inserting-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Plugin Template</title>
		<link>http://ispeakwebstuff.co.uk/web-design-development-tutorials/jquery-plugin-template/</link>
		<comments>http://ispeakwebstuff.co.uk/web-design-development-tutorials/jquery-plugin-template/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 20:11:56 +0000</pubDate>
		<dc:creator>Jack F</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://ispeakwebstuff.co.uk/?p=153</guid>
		<description><![CDATA[Whenever I want to create a jQuery plugin, I always go to one of my old plugins and copy and paste the source code. That&#8217;s fine, but other developers may layout jQuery plugins slightly differently. I decided to try and create a jQuery Plugin &#8220;template&#8221; that does the hard work for you. But who should [...]]]></description>
			<content:encoded><![CDATA[<p>Whenever I want to create a jQuery plugin, I always go to one of my old plugins and copy and paste the source code. That&#8217;s fine, but other developers may layout jQuery plugins slightly differently. I decided to try and create a jQuery Plugin &#8220;template&#8221; that does the hard work for you. But who should I follow? In the end I took my ideas from tutorials by Jeffrey Way, editor of nettuts.com who certainly knows a thing or do about jQuery. So I present the jQuery Plugin Template. There are probably enhancements to be made&#8230;if you see something you think should be different please say so!</p>
<pre class="brush: jscript;">
(function($){
	$.fn.pluginName = function(options) {

		var
		  defaults = {
		  	//here you should set your default options.
			//example: backgroundcolor: red
		  },
		  settings = $.extend({}, defaults, options);

		  this.each(function() {
		  	var $this = $(this);
			//now use $this instead of $(this), makes jQuery do less work

		  });
		  // returns jQuery which allows for chaining
		 //eg $('div').yourPlugin().hide();
		  return this;
	}
})(jQuery);
</pre>
     ]]></content:encoded>
			<wfw:commentRss>http://ispeakwebstuff.co.uk/web-design-development-tutorials/jquery-plugin-template/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Screencast: Introduction to Spaces</title>
		<link>http://ispeakwebstuff.co.uk/web-design-development-tutorials/screencast-introduction-to-spaces/</link>
		<comments>http://ispeakwebstuff.co.uk/web-design-development-tutorials/screencast-introduction-to-spaces/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 15:26:03 +0000</pubDate>
		<dc:creator>Jack F</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Vlogged]]></category>

		<guid isPermaLink="false">http://ispeakwebstuff.co.uk/?p=113</guid>
		<description><![CDATA[Spaces is a terrific Mac feature that I don&#8217;t think people realise how powerful it is until they try it. I know I ridiculed it, not seeing the point of it. But now I use it all the time and I am not sure how I lived prior to using them. Here is a quick [...]]]></description>
			<content:encoded><![CDATA[<p>Spaces is a terrific Mac feature that I don&#8217;t think people realise how powerful it is until they try it. I know I ridiculed it, not seeing the point of it. But now I use it all the time and I am not sure how I lived prior to using them. Here is a quick video on setting up and using Spaces.</p>
<p><object width="451" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6468455&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6468455&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="451" height="338"></embed></object></p>
     ]]></content:encoded>
			<wfw:commentRss>http://ispeakwebstuff.co.uk/web-design-development-tutorials/screencast-introduction-to-spaces/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Manage Your Wordpress Blog from your Desktop with Fluid</title>
		<link>http://ispeakwebstuff.co.uk/web-design-development-tutorials/manage-your-wordpress-blog-from-your-desktop-with-fluid/</link>
		<comments>http://ispeakwebstuff.co.uk/web-design-development-tutorials/manage-your-wordpress-blog-from-your-desktop-with-fluid/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 15:38:10 +0000</pubDate>
		<dc:creator>Jack F</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://ispeakwebstuff.co.uk/?p=41</guid>
		<description><![CDATA[Fluid [http://fluidapp.com/] is a great way to bring your favourite web applications to your desktop. In this 4 minute video I&#8217;ll show you how to add a desktop version of the Wordpress Back-End to your Mac, so any editing, writing, moderating can be done without opening the browser. Enjoy.

  
     [...]]]></description>
			<content:encoded><![CDATA[<p>Fluid [http://fluidapp.com/] is a great way to bring your favourite web applications to your desktop. In this 4 minute video I&#8217;ll show you how to add a desktop version of the Wordpress Back-End to your Mac, so any editing, writing, moderating can be done without opening the browser. Enjoy.<br />
<span id="more-41"></span><br />
<object width="600" height="450"><param name="movie" value="http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/jingswfplayer.swf"></param><param name="quality" value="high"></param><param name="bgcolor" value="#FFFFFF"></param><param name="flashVars" value="thumb=http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/FirstFrame.jpg&#038;containerwidth=600&#038;containerheight=450&#038;loaderstyle=jing&#038;content=http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/00000001.swf"></param><param name="allowFullScreen" value="true"></param><param name="scale" value="showall"></param><param name="allowScriptAccess" value="always"></param><param name="base" value="http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/"></param>  <embed src="http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/jingswfplayer.swf" quality="high" bgcolor="#FFFFFF" width="600" height="450" type="application/x-shockwave-flash" allowScriptAccess="always" flashVars="thumb=http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/FirstFrame.jpg&#038;containerwidth=600&#038;containerheight=450&#038;loaderstyle=jing&#038;content=http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/00000001.swf" allowFullScreen="true" base="http://content.screencast.com/users/JackFranklin/folders/Jing/media/c3b475cd-f9b4-4942-b6e5-0da9ef8c2271/" scale="showall"></embed></object></p>
     ]]></content:encoded>
			<wfw:commentRss>http://ispeakwebstuff.co.uk/web-design-development-tutorials/manage-your-wordpress-blog-from-your-desktop-with-fluid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
