<?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>freestyle developments &#187; HTML5</title>
	<atom:link href="http://freestyle-developments.co.uk/blog/?cat=52&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://freestyle-developments.co.uk/blog</link>
	<description>Fun, games and coding</description>
	<lastBuildDate>Sun, 16 Jun 2013 07:56:40 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>jQuery CDN as A Named Module In RequireJS</title>
		<link>http://freestyle-developments.co.uk/blog/?p=431</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=431#comments</comments>
		<pubDate>Sun, 07 Oct 2012 08:59:28 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[RequireJS]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=431</guid>
		<description><![CDATA[If you want RequireJS to fetch jQuery from a CDN, you&#8217;ll need to tell it to do so using the &#8220;paths&#8221; config: require.config({ paths: { "jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" } }); As I understand it, if you want to use the local &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=431">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=431</wfw:commentRss>
		<slash:comments>22429</slash:comments>
		</item>
		<item>
		<title>JSIO URLs</title>
		<link>http://freestyle-developments.co.uk/blog/?p=290</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=290#comments</comments>
		<pubDate>Tue, 09 Aug 2011 14:04:26 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JSIO]]></category>
		<category><![CDATA[Sprite]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=290</guid>
		<description><![CDATA[The clever bit about JSIO is the placeholder URLs &#8211; i.e. the &#8220;jsio.gif#&#8230;&#8221; that goes in your image src attributes and background-image CSS properties. Everything after the &#8220;#&#8221; is the filename of the image that should be displayed. It doesn&#8217;t &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=290">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=290</wfw:commentRss>
		<slash:comments>6507</slash:comments>
		</item>
		<item>
		<title>JavaScript Image Optimiser (JSIO)</title>
		<link>http://freestyle-developments.co.uk/blog/?p=283</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=283#comments</comments>
		<pubDate>Fri, 05 Aug 2011 08:29:52 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[gzip]]></category>
		<category><![CDATA[JSIO]]></category>
		<category><![CDATA[toDataUrl]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=283</guid>
		<description><![CDATA[So, I&#8217;ve embarked on a new mini project. It is kind of inspired by image sprites. Image sprites are a great idea, but come with a whole bunch of issues that make them a bit of a pain to work &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=283">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=283</wfw:commentRss>
		<slash:comments>1820</slash:comments>
		</item>
		<item>
		<title>Why HTML5?</title>
		<link>http://freestyle-developments.co.uk/blog/?p=214</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=214#comments</comments>
		<pubDate>Tue, 18 Jan 2011 12:48:25 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=214</guid>
		<description><![CDATA[I was recently asked to qualify why I had &#8220;upgraded&#8221; a website to utilise HTML5. All I had actually done was throw in a few semantic tags where it seemed appropriate and remove some unnecessary attributes. The client was concerned &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=214">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=214</wfw:commentRss>
		<slash:comments>1456</slash:comments>
		</item>
		<item>
		<title>Modernizr progressives or exceptions?</title>
		<link>http://freestyle-developments.co.uk/blog/?p=193</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=193#comments</comments>
		<pubDate>Tue, 11 Jan 2011 23:02:22 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Modernizer]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=193</guid>
		<description><![CDATA[Modernizr, what an interesting tool you are. How do I use your class names in my CSS files? You&#8217;ve given me a choice and I&#8217;m not sure what to use: .multiplebgs div p { /* properties for browsers that support &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=193">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=193</wfw:commentRss>
		<slash:comments>334</slash:comments>
		</item>
		<item>
		<title>Highlight text using jQuery and the HTML5 mark tag</title>
		<link>http://freestyle-developments.co.uk/blog/?p=165</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=165#comments</comments>
		<pubDate>Sun, 26 Dec 2010 17:26:08 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[mark]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=165</guid>
		<description><![CDATA[Here&#8217;s a jQuery plugin I wrote that&#8217;ll add HTML5 &#60;mark&#62; tags around keywords or phrases in an element&#8217;s body text. What is mark? a run of text in one document marked or highlighted for reference purposes, due to its relevance &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=165">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=165</wfw:commentRss>
		<slash:comments>5368</slash:comments>
		</item>
		<item>
		<title>Using HTML5 canvas.toDataURL to generate placeholder images</title>
		<link>http://freestyle-developments.co.uk/blog/?p=155</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=155#comments</comments>
		<pubDate>Sun, 19 Dec 2010 11:28:27 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[canvas]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=155</guid>
		<description><![CDATA[A while ago lewis had a great idea &#8211; an online tool to figure out the proportional height, when given a width and a particular proportion. I&#8217;ve actually needed to use it 3 or 4 times since it was created &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=155">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=155</wfw:commentRss>
		<slash:comments>117</slash:comments>
		</item>
		<item>
		<title>iframe automatic height adjustment using HTML5 cross domain web messaging</title>
		<link>http://freestyle-developments.co.uk/blog/?p=150</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=150#comments</comments>
		<pubDate>Sat, 11 Dec 2010 17:00:10 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[Web Messaging]]></category>
		<category><![CDATA[XSS]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=150</guid>
		<description><![CDATA[Yesterday I was working on a site that needed an iframe embedded in the page whose content came from a completely different domain. I try to steer clear of iframes at all costs normally so forgive me if what I&#8217;m &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=150">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=150</wfw:commentRss>
		<slash:comments>24080</slash:comments>
		</item>
		<item>
		<title>Website design refresh</title>
		<link>http://freestyle-developments.co.uk/blog/?p=125</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=125#comments</comments>
		<pubDate>Sat, 06 Nov 2010 14:09:45 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Jello]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=125</guid>
		<description><![CDATA[It has been nearly 3 years since I first launched the freestyle developments website and it was long overdue for a design and code refresh. Today I finally relaunched the site. For me, the biggest change has been to move &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=125">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=125</wfw:commentRss>
		<slash:comments>1830</slash:comments>
		</item>
		<item>
		<title>HTML5 &lt;article&gt; for WordPress comments</title>
		<link>http://freestyle-developments.co.uk/blog/?p=113</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=113#comments</comments>
		<pubDate>Wed, 03 Nov 2010 08:55:10 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=113</guid>
		<description><![CDATA[WordPress natively allows us to wrap comments in &#60;div&#62;&#8217;s or &#60;li&#62;&#8217;s but not HTML5 &#60;article&#62; elements. If you want to do this, add an &#8216;end-callback&#8217; param to the wp_list_comments function call and set &#8216;article&#8217; as the style (in comments.php): wp_list_comments(array('callback' &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=113">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=113</wfw:commentRss>
		<slash:comments>144</slash:comments>
		</item>
	</channel>
</rss>
