<?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; CSS</title>
	<atom:link href="http://freestyle-developments.co.uk/blog/?cat=51&#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>LESS CSS class for cross browser opacity</title>
		<link>http://freestyle-developments.co.uk/blog/?p=400</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=400#comments</comments>
		<pubDate>Wed, 09 May 2012 12:37:19 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Less]]></category>
		<category><![CDATA[Opacity]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=400</guid>
		<description><![CDATA[This&#8217;ll allow you to specify an opacity value (between 0 and 1) and have LESS automatically add in the necessary IE filters, converting it to an IE opacity value (between 0 and 100).]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=400</wfw:commentRss>
		<slash:comments>25281</slash:comments>
		</item>
		<item>
		<title>LESS CSS clearfix</title>
		<link>http://freestyle-developments.co.uk/blog/?p=318</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=318#comments</comments>
		<pubDate>Wed, 09 Nov 2011 10:43:33 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[clearfix]]></category>
		<category><![CDATA[Less]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=318</guid>
		<description><![CDATA[The fantastic clearfix, as a LESS CSS class: .clearfix { zoom: 1; &#038;:before, &#038;:after { content: ""; display: table; } &#038;:after { clear: both; } } Use in your code like so: ul#gallery { .clearfix; li { float: left; } &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=318">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=318</wfw:commentRss>
		<slash:comments>321</slash:comments>
		</item>
		<item>
		<title>jQuery plugin to add a CSS class to last-child DOM elements</title>
		<link>http://freestyle-developments.co.uk/blog/?p=247</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=247#comments</comments>
		<pubDate>Sun, 03 Apr 2011 14:22:32 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=247</guid>
		<description><![CDATA[This has been bugging me for ages. IE &#60; 9 does not support the CSS3 last-child pseudo class. I&#8217;ve created a _very_ simple jQuery plugin to add a CSS class &#8220;last-child&#8221; to the element that is the last child of &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=247">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=247</wfw:commentRss>
		<slash:comments>370</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>343</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>2342</slash:comments>
		</item>
		<item>
		<title>Update: Hardware accelerated alternative to jQuery animate() top, left, width, height and opacity CSS properties for iPhone/iPad</title>
		<link>http://freestyle-developments.co.uk/blog/?p=96</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=96#comments</comments>
		<pubDate>Fri, 01 Oct 2010 15:08:37 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=96</guid>
		<description><![CDATA[Update to my post here &#8211; I&#8217;ve tweaked the script to use CSS3 transitions on Firefox 4+ and Opera 10.50+ as well as modern webkit based browsers such as Chrome and Safari. The CSS3 transforms and transitions enhanced carousel can &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=96">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=96</wfw:commentRss>
		<slash:comments>327</slash:comments>
		</item>
		<item>
		<title>em, and the two zooms</title>
		<link>http://freestyle-developments.co.uk/blog/?p=90</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=90#comments</comments>
		<pubDate>Mon, 27 Sep 2010 19:34:50 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[em]]></category>
		<category><![CDATA[percent]]></category>
		<category><![CDATA[relative units]]></category>
		<category><![CDATA[zoom]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=90</guid>
		<description><![CDATA[Back in the days before browser &#8220;zoom&#8221;*, making text bigger on the page was done by incrementing all the font sizes in the document. All fonts set at 16px became, for example 18px, and all fonts at 20px became 22px. &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=90">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=90</wfw:commentRss>
		<slash:comments>354</slash:comments>
		</item>
		<item>
		<title>Hardware accelerated alternative to jQuery animate() top, left, width, height and opacity CSS properties for iPhone/iPad</title>
		<link>http://freestyle-developments.co.uk/blog/?p=81</link>
		<comments>http://freestyle-developments.co.uk/blog/?p=81#comments</comments>
		<pubDate>Fri, 10 Sep 2010 18:02:48 +0000</pubDate>
		<dc:creator>Alan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[-webkit-transform]]></category>
		<category><![CDATA[-webkit-transition]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[webkit]]></category>

		<guid isPermaLink="false">http://freestyle-developments.co.uk/blog/?p=81</guid>
		<description><![CDATA[I was recently asked to quote for a proof of concept HTML5 alternative to a flash carousel, specifically to run on iPad. I said I&#8217;d do it, but the agency later decided that others had tried to create a HTML5 &#8230; <a href="http://freestyle-developments.co.uk/blog/?p=81">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://freestyle-developments.co.uk/blog/?feed=rss2&#038;p=81</wfw:commentRss>
		<slash:comments>339</slash:comments>
<enclosure url="http://freestyle-developments.co.uk/video/portsurf.mov" length="39172314" type="video/quicktime" />
		</item>
	</channel>
</rss>
