It's a nice display, but as others have said it invites attempts to type on the card itself (which doesn't work). It also doesn't scale with increased font sizes; the card remains the same size and text within it wraps or gets cut off.
Show HN: Card – An interactive CSS3 credit card form
31–40 of 117 posts
Re: Show HN: Card – An interactive CSS3 credit card form
#32Re: Show HN: Card – An interactive CSS3 credit card form
#33Re: Show HN: Card – An interactive CSS3 credit card form
#34Its broken for American Express cards. Amex cards don't do the number as 4 groups of 4, and the security code is on the front.
EDIT: I apologize it works! (note I did try it but apparently mis-typed my first four digits ....)
Re: Show HN: Card – An interactive CSS3 credit card form
#35Looks 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.
Re: Show HN: Card – An interactive CSS3 credit card form
#36I see no difference. This error is displayed in my console.
ReferenceError: hljs is not defined
Re: Show HN: Card – An interactive CSS3 credit card form
#37Great, so instead of worrying about someone peeking over my shoulder, I now have to worry about the person 30 feet away, with the size of that font.
Re: Show HN: Card – An interactive CSS3 credit card form
#38This looks great, but any code that attempts to guess the card type using the first few numbers always makes me nervous
Also fun if the last digit would be autofilled based on Luhn algorithm :)
Re: Show HN: Card – An interactive CSS3 credit card form
#39Its broken for American Express cards. Amex cards don't do the number as 4 groups of 4, and the security code is on the front. EDIT: I apologize it works! (note I did try it but apparently mis-typed my first four digits ....)
It worked fine for me on my Amex tests. 4-digit security code showed up in the right place, numbers were grouped correctly.
Re: Show HN: Card – An interactive CSS3 credit card form
#40Its broken for American Express cards. Amex cards don't do the number as 4 groups of 4, and the security code is on the front. EDIT: I apologize it works! (note I did try it but apparently mis-typed my first four digits ....)
Did you try it? It gets the 4+6+5 and CVC on the front just right!