Tuesday, August 30th, 2005

Ajaxian Periodic Table

Category: Showcase

Andrew Sutherland created a nice, clean, simple Periodic Table of the Elements that uses ajaxian techniques to grab information as you click on various areas.

There are some interesting UI choices:

  • You click on the element, not mouseover. This is nice in one way, as the popup is quite large, and Andrew changes the background and cursor when you mouseover an element… hinting to the click
  • When you click on the element the table gets greyed out, and a new popup appears. Often you have a “close” link/button on a popup to get rid of it, but in this world you need to click outside of the popup. It may be nice to have a small “Howto” area that explains these things.
  • Toggle details is cool :)

Ajaxian Periodic Table

Posted by Dion Almaer at 11:21 am
1 Comment

4.1 rating from 30 votes

1 Comment »

Comments feed

Your post spurred me to update the table. It’s working in IE now and the code is a little cleaner. Also added a little “X” close button. Enjoy :)

*starts following this blog*

Comment by Andrew Sutherland — August 30, 2005

Leave a comment

You must be logged in to post a comment.