Archive for the ‘css’ Category

Product comparison table with integrated sign up form

Tuesday, April 15th, 2008

Crazy egg sign up form

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 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.

Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table

CSS gallery 2.0

Thursday, January 17th, 2008

CSS Gallery Homepage

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 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.

CSS animation

Friday, December 7th, 2007

JittermanThis 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.