jquery plugin
comment 1

jQuery Plugin: Dynamic Flip Out Card

Once in a while, someone came up with a mindblowing solution to an interface problem. How exactly do you design an overload of information to avoid from overwhelming your reader? Pete from onextrapixel has created Flip Out Cards – a jQuery plugin that lets you display more information by flipping out extra cards without consuming much space. In essence, the plugin gathers all the cards, group them together based on the direction defined (left, right, bottom, and top), position them correctly and hide them out of view. All animations are driven by CSS3, so you could also manipulate class names based on the flip sequence preferred.

My favourite is demo #5, where the card expands in all directions on mouseover. Cool stuff.

Read more about it   View Demo

Filed under: JavaScript

About the Author

Posted by

Sani Halid is a front-end developer at Stampede and is committed to clean and elegant code. Yet another gamer to join the pack, Sani is also the Editor at Constructs where he shares his daily CSS findings and other front-end development goods.

1 Comment so far

  1. Cara: Me too, me too, me too! Although, living in LA allows for fairly regular reminders of it on any given day. This is why I fear I can never leave this town. I&128#7;ve become so spoiled with the weather and year-round flowers. Btw, welcome to PN

Leave a Reply