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

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

mintchaos.github.io

108 pointstoastdriven33 comments

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.

Why spend time re-inventing the wheel? If you're looking to sharpen your skills, then go for it. I believe most people would prefer to get their product out the door as quickly as it's reasonable.

Agreed, results are important but you're taking a chance trusting any library Joe Programmer created in a couple of hours. I think it's a form of Cargo cult programming.

Where do you draw the line? No more frameworks?

It's up to the dev to go through source and understand it. Having a test suite helps.

What is the time it takes you to find this "library" and verify its fitness for your purpose? You can see that it causes runtime errors in IE8 and one had to read the source code to see this because it's not mentioned anywhere.

If you are making a custom implementation specific to your application, most of the css and js is not needed (especially if you are using jQuery) or are useless and need to be changed. It would be so trivial to write you would not even think of finding a library for it.

Hour is a long time when you can use libraries to do stuff like this in a manner of minutes.

It's never minutes. Adopting someone else's library means now you're debugging their code on browsers they don't use. And, you need to figure out the inevitable idiosyncrasies like why do "card" and "modal" modes exist?

Sometimes it's worth it. For this? Seems unlikely.

If I'm paying my dev $100k/year, I'd rather spend that $48/hour doing something else.

What's he going to do when he comes across a problem where these is no library that solves it?

It 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"?

If only this wasn't a topic and tendency covered extensively over the past 50 years.

I'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.

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.

Note: doesn't work in <IE10 and doesn't degrade gracefully

In 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.

I 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.

Yes, 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"

The 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 ), 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 ) and the update button doesn't work...

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

i like it, will combine it with http://miniqr.com/onsnap.r just because

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

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.

nitpick... why does the css class applied during card mode have 'modal' in its name?

Flippant means creepy in French!

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

Does anyone love IE6? IE6 doesn't need love, it needs an axe.

It'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/

No love for IE at all by the looks of things.

Even chrome frame has been retired because IE6 usage is so low.

Beautiful. thanks!

not able to close windows

Reply on news.ycombinator.com