Live data from Hacker News

Show HN: Card – An interactive CSS3 credit card form

jessepollak.github.io

41–50 of 117 posts

Re: Show HN: Card – An interactive CSS3 credit card form

#41

On the "Before" it says "painful". What is painful about it? And as someone else said, I also tried entering ON the card rather than below it.

that would be a neat feature.. kinda hard to do the CVV thing though.. unless you have a "flip me" link somewhere...

Re: Show HN: Card – An interactive CSS3 credit card form

#43
post #36

I see no difference. This error is displayed in my console. ReferenceError: hljs is not defined On line 123. Hope this helps, good luck.

If you're looking at this and not seeing any difference between the "before" and "after" versions, it's because HTTPS Everywhere is redirecting all github urls to their SSL version, so http://jessepollak.github.io/card/ redirects to https://jessepollak.github.io/card/ then can't load any of it's javascript dependencies due to the http/https mismatch.

Bonus points for the form still working right through all of that.

Re: Show HN: Card – An interactive CSS3 credit card form

#44

Looks gorgeous. I can't help but wonder if people unfamiliar with technology and ecommerce would be deterred by such a form? It might give some users the impression that the website is "copying" the credit card. It would be interested to test the opinions of non-tech savvy users.

I don't know about people unfamiliar with technology, but as someone very familiar with technology, my first thought is that this could easily be a vector for copying the card information!

All you need is to load some encoded image off of a third server to leak card info via a side channel, if your code is underhanded.

I would trust "one line of code" if it's a solution from Google or something, but for something this small I don't see how going with a small third-party solution is secure.

- OP: why not sell this solution to a larger payment processor as a complete solution, so they don't have to develop it themselves?

Re: Show HN: Card – An interactive CSS3 credit card form

#47

On the "Before" it says "painful". What is painful about it? And as someone else said, I also tried entering ON the card rather than below it.

that would be a neat feature.. kinda hard to do the CVV thing though.. unless you have a "flip me" link somewhere...

Well there is this one which flips https://news.ycombinator.com/item?id=6143604

And this one which doesn't https://news.ycombinator.com/item?id=6692075

Re: Show HN: Card – An interactive CSS3 credit card form

#48
post #36

I see no difference. This error is displayed in my console. ReferenceError: hljs is not defined On line 123. Hope this helps, good luck.

Same for me, the yandex domain they're loading hljs from seems to be blocked. The hljs call is in the same script block as the line to initiate the fancy stuff, so it fails and that line's never reached. Paste this into the console to run that manually:

    $('.active form').card({ container: $('.card-wrapper')})

Re: Show HN: Card – An interactive CSS3 credit card form

#49

Looks nice, but doesn't play well with autocomplete in chrome (tab completing my name didn't show up on the card)

I was about to say the same thing, also doesn't work for credit card number. I autocompleted in a phone number and it didn't show up at all.
Post reply on HN