7 ms·
Flippant.js - A mini JS and CSS library for flipping things over
- beat 13y agoVery cool! I was actually thinking about wanting something like that.
- diminoten 13y agoCool, 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?
- sbarre 13y agoIt'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.
- CedarMadness 13y agoThe 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.
- Arelius 13y agoI'm getting this also.
- BaconJuice 13y agono love for IE6? great stuff anyways. Saved for future use.
- raylu 13y agoDoes anyone love IE6? IE6 doesn't need love, it needs an axe.
- tg3 13y agoIt's at 0.2% usage in the US, with similar levels around the world (with the exception of the PRC). Even IE7 is below 1% worldwide at this point. http://www.ie6countdown.com/ http://www.ie6countdown.com/
- dan_b 13y agoNo love for IE at all by the looks of things.
- umsm 13y agoEven chrome frame has been retired because IE6 usage is so low.
- gokulk 13y agonot able to close windows
- joeyrobert 13y agoFull flippant source is 79 lines: https://github.com/mintchaos/flippant.js/blob/master/flippant.js 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.
- ngoel36 13y agoIf I'm paying my dev $100k/year, I'd rather spend that $48/hour doing something else.
- joeyrobert 13y agoWhat's he going to do when he comes across a problem where these is no library that solves it?
- chc 13y agoIt seems pretty obvious that he'd write the code himself in that case because it's actually a good use of his time. Are we pretending like the only options are "Never use code that's not invented here" and "Be totally reliant on other people to write your code for you"?
- rhizome 13y agoIf only this wasn't a topic and tendency covered extensively over the past 50 years.
- dclowd9901 13y agoI've noticed a creeping mindset for some people that if they don't write their own code, they can't understand what's going on. I would rather have a developer well versed in reading and understanding code than one who has to write the bible by scratch.
- 13y ago
- theg2 13y agoBroken in Opera...not surprising but worth nothing.
- franze 13y agoi like it, will combine it with http://miniqr.com/onsnap.r http://miniqr.com/onsnap.r just because
- thezilch 13y agoNote: doesn't work in <IE10 and doesn't degrade gracefully
- joseph_cooney 13y agoIn IE 10 the 'flip' in the demo worked for me, but the 'flip back' didn't. It looks like it is just the way the even handler on the 'back' of the item is wired up.
- thezilch 13y agoI don't think it's the library; the demo uses `CustomEvent`, external to the lib, which is not supported in IE, as a constructor. I honestly didn't test any of it, but looking at the code was obvious it'd both not work and just throw errors in IE.
- joseph_cooney 13y agoYes, re: event handler wire-up, that's why I wrote the part that said " It looks like it is just the way the event handler on the 'back' of the item is wired up"
- josscrowcroft 13y agoBeautiful. thanks!
- aiiane 13y agonitpick... why does the css class applied during card mode have 'modal' in its name?
- gren 13y agoFlippant means creepy in French!
- NKCSS 13y agoThe card version looks nice and usable, but the test flip has some issues. Works nice in IE10, but in Crome, the font gets ugly and has drawing artifacts (see http://imgur.com/aXwvVr8 http://imgur.com/aXwvVr8 ), but that's chrome and not your fault :) Also, in IE10, the input of the card is a bit off, where you can't read it properly ( http://imgur.com/NF7lXbQ http://imgur.com/NF7lXbQ ) and the update button doesn't work...