<?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>Userxp &#187; css</title>
	<atom:link href="http://www.userxp.co.uk/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.userxp.co.uk</link>
	<description>User experience design</description>
	<lastBuildDate>Tue, 02 Mar 2010 11:59:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Product comparison table with integrated sign up form</title>
		<link>http://www.userxp.co.uk/2008/04/product-comparison-table-with-integrated-sign-up-form/</link>
		<comments>http://www.userxp.co.uk/2008/04/product-comparison-table-with-integrated-sign-up-form/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 13:17:41 +0000</pubDate>
		<dc:creator>Neil</dc:creator>
				<category><![CDATA[Accessability]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[techniques]]></category>

		<guid isPermaLink="false">http://www.userxp.org/blog/?p=26</guid>
		<description><![CDATA[While look for more information on Crazy Egg, a great sevice that produces images showing user activity on a web page, I came across an article on Ask the CSS Guy on creating integrated forms.  It explains how to creates a table displaying features associated with different pricing options that when one is selected  a sign up form is displayed.  The page [...]]]></description>
			<content:encoded><![CDATA[<p><img style="border: 0pt none; margin: 8px;" src="http://www.userxp.co.uk/wp-content/crazyform2.jpg" border="0" alt="Crazy egg sign up form" hspace="8" vspace="8" align="middle" /></p>
<p>While look for more information on Crazy Egg, a great sevice that produces images showing user activity on a web page, I came across an article on <a title="Ask the CSS guy - CSS blog" href="http://www.askthecssguy.com/">Ask the CSS Guy </a>on creating integrated forms.  It explains how to creates a table displaying features associated with different pricing options that when one is selected  a sign up form is displayed.  The page works with javascript turned off as it takes the user to a separate page when this is the case.  However, there may still be some accessibility issues as not all speach browser users disable javascript and they may not be aware of the appearance of the form. The example would also be improved if it did not show the option button once it is selected. Still a very interesting technique and great tutorial.</p>
<p><a title="Article on creating integrated forms" href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html">Creating a table with dynamically highlighted columns like Crazy Egg&#8217;s pricing table </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.userxp.co.uk/2008/04/product-comparison-table-with-integrated-sign-up-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS gallery 2.0</title>
		<link>http://www.userxp.co.uk/2008/01/css-gallery-20/</link>
		<comments>http://www.userxp.co.uk/2008/01/css-gallery-20/#comments</comments>
		<pubDate>Thu, 17 Jan 2008 11:35:27 +0000</pubDate>
		<dc:creator>Neil</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.userxp.org/blog/?p=22</guid>
		<description><![CDATA[CSS gallery 2.0, which can be found at www.css20.com, is a great resourse for anyone wanting design inspiration or examples of CSS techniques in practice.  It allows users to submit their sites and rate and comment on those submitted by others.  A nice concept and also provides users  with design and CSS news.  Unfortunately there is not [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.userxp.co.uk/wp-content/css20.jpg" alt="CSS Gallery Homepage" /></p>
<p>CSS gallery 2.0, which can be found at <a href="http://www.css20.com/">www.css20.com</a>, is a great resourse for anyone wanting design inspiration or examples of CSS techniques in practice.  It allows users to submit their sites and rate and comment on those submitted by others.  A nice concept and also provides users  with design and CSS news.  Unfortunately there is not an easy way to search for sites of a particular type at the moment, although perhaps they will add the ability to tag sites in future.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.userxp.co.uk/2008/01/css-gallery-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS animation</title>
		<link>http://www.userxp.co.uk/2007/12/css-animation/</link>
		<comments>http://www.userxp.co.uk/2007/12/css-animation/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 16:28:07 +0000</pubDate>
		<dc:creator>Neil</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[examples]]></category>

		<guid isPermaLink="false">http://www.userxp.org/blog/?p=10</guid>
		<description><![CDATA[This is great, Chris Coyier makes use of a common issue with CSS to animate the Jitterman as part of his article avoid CSS jitter.  For some reason the animation seems to work better in firefox. Not sure whether it will catch on, but a great way to demonstrate the issue and very creative.]]></description>
			<content:encoded><![CDATA[<p><img style="border: 0pt none; margin-left: 8px; margin-right: 8px;" src="http://www.userxp.co.uk/wp-content/jitterman2.jpg" border="0" alt="Jitterman" hspace="8" align="left" />This is great, Chris Coyier makes use of a common issue with CSS to animate the <a title="Jitterman CSS animation" href="http://css-tricks.com/examples/CSS-Jitter/">Jitterman</a> as part of his article <a title="Artical about how to avoid CSS jitter" href="http://css-tricks.com/avoid-css-jitter/">avoid CSS jitter</a>.  For some reason the animation seems to work better in firefox.</p>
<p>Not sure whether it will catch on, but a great way to demonstrate the issue  and very creative.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.userxp.co.uk/2007/12/css-animation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
