<?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; techniques</title>
	<atom:link href="http://www.userxp.co.uk/tag/techniques/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.userxp.co.uk</link>
	<description>User experience design</description>
	<lastBuildDate>Tue, 02 Mar 2010 14:08:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</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>
	</channel>
</rss>

