Saturday, March 15, 2014

a snakey lil bit of ui fun

My new company had a hackathon, and it was a chance for me to do some juicy/bouncy UI. Most datagrids are pretty boring, but this on is a lot of fun when it launches:

Here is a link to the main webpage.
Originally it was a list of ad campaigns and the spots under 'em-- click any green row to get a secondary table to appear. I had to play around with jQuery easings 'til I found one I liked. (For the hackathon I had easeInOutBounce I think, but it caused a delay for the tiles flying in as they jostled around offscreen. Getting rid of the "In" part sped it up, but made the bouncing "too much". This one uses easeOutElastic in 750ms.)

No comments:

Post a Comment