<?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/?feed=rss2&#038;tag=html5" 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>Play Framework HTML5 input elements</title>
		<link>http://freestyle-developments.co.uk/blog/?p=425</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=425#comments</comments>
		<pubDate>Thu, 04 Oct 2012 16:34:31 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[Scala]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[playframework]]></category>
		<category><![CDATA[templating]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=425</guid>
		<description><![CDATA[The built in Play input elements are fairly restrictive in that you can&#8217;t specify the input type. I wrote a helper template that you can use to generate input elements which have HTML5 type attributes such as url, email, number, &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=425">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=425</wfw:commentRss>
		<slash:comments>16970</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>2205</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>6978</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>121</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>2550</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>152</slash:comments>
		</item>
		<item>
		<title>Formatting WordPress the_date or get_the_date for HTML5 time tag (datetime attribute)</title>
		<link>http://freestyle-developments.co.uk/blog/?p=102</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=102#comments</comments>
		<pubDate>Mon, 01 Nov 2010 22:06:47 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[datetime]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=102</guid>
		<description><![CDATA[This is how you format post dates for the datetime attribute of the HTML5 &#60;time&#62; tag: &#60;time datetime="&#60;?php the_date('Y-m-d\TH:i'); ?&#62;"&#62;&#60;?php the_date(); ?&#62;&#60;/time&#62;]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=102</wfw:commentRss>
		<slash:comments>117</slash:comments>
		</item>
	</channel>
</rss>
