Flippant.js - A mini JS and CSS library for flipping things over • Hacker News Board

Flippant.js - A mini JS and CSS library for flipping things over

#1

Post by toastdriven » Mon, Jun 17, 2013, 7:18 PM UTC

Flippant.js - A mini JS and CSS library for flipping things over
mintchaos.github.io

Re: Flippant.js - A mini JS and CSS library for flipping things over

#2

Post by beat » Mon, Jun 17, 2013, 7:20 PM UTC

Very cool! I was actually thinking about wanting something like that.

Re: Flippant.js - A mini JS and CSS library for flipping things over

#3

Post by diminoten » Mon, Jun 17, 2013, 7:35 PM UTC

Cool, but the modal is huge. Being mostly a noob at this kind of stuff, I assume that's outside of the scope of the library?

Re: Flippant.js - A mini JS and CSS library for flipping things over

#4

Post by sbarre » Mon, Jun 17, 2013, 7:42 PM UTC

diminoten wrote: post #3

Cool, but the modal is huge. Being mostly a noob at this kind of stuff, I assume that's outside of the scope of the library?

It's probably just sizing the modal to your browser window by default, and you can override/adjust it in the CSS when you're styling it for your needs anyways.

Re: Flippant.js - A mini JS and CSS library for flipping things over

#5

Post by CedarMadness » Mon, Jun 17, 2013, 7:43 PM UTC

The initial flip isn't animating correctly every time in Firefox. Half the time it flips over too quickly to see any animation. Flipping back to the original content looks alright though.

Re: Flippant.js - A mini JS and CSS library for flipping things over

#6

Post by Arelius » Mon, Jun 17, 2013, 8:15 PM UTC

CedarMadness wrote: post #5

The initial flip isn't animating correctly every time in Firefox. Half the time it flips over too quickly to see any animation. Flipping back to the original content looks alright though.

I'm getting this also.

Re: Flippant.js - A mini JS and CSS library for flipping things over

#7

Post by BaconJuice » Mon, Jun 17, 2013, 8:26 PM UTC

no love for IE6? great stuff anyways. Saved for future use.

Re: Flippant.js - A mini JS and CSS library for flipping things over

#8

Post by gokulk » Mon, Jun 17, 2013, 8:28 PM UTC

not able to close windows

Re: Flippant.js - A mini JS and CSS library for flipping things over

#9

Post by joeyrobert » Mon, Jun 17, 2013, 8:29 PM UTC

Full flippant source is 79 lines: https://github.com/mintchaos/flippant.js/blob/master/flippan...

Call me old-fashioned but I prefer not to use these "mini JS and CSS" libraries for every little thing I do. Any competent JS/HTML developer be able to implement something like this using CSS3 transitions in an hour. Too many developers just paste libraries together these days.

Re: Flippant.js - A mini JS and CSS library for flipping things over

#10

Post by theg2 » Mon, Jun 17, 2013, 8:30 PM UTC

Broken in Opera...not surprising but worth nothing.