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