[H....._]

#dailychallenge #dailyui #frontend #webdesign
003 - Card Checkout
Co o tym sądzicie?

[d.....i]

@HitmaNeK_: zacnie! nie przekonuje mnie ta duża ilość kresek przed podaniem daty.

[H....._]

@dziki:
Dzięki., co do kresek to mówisz o" -------- ----"? Nie mogłem do tego się dostać, zwykły placeholder, nie potrafił tego zamienić.

[justlogin]

@HitmaNeK_: Czym zrobiłeś gifa?

[H....._]

@justlogin: "Screen to gif " - https://screentogif.codeplex.com

[justlogin]

@HitmaNeK_: dzięki wielkie

[rogal7]

@HitmaNeK_: (ʘ‿ʘ)

[Greg36]

@HitmaNeK_: Moja wersja prototypowana w kodzie, ponad 2 godziny roboty:

http://codepen.io/Greg36/full/JGPKLv/

W przypadku formy do płacenia sam design jest sprawą drugorzędną tutaj liczy się user experience. Na przykład w polu miesiąc i rok dawanie data pickera jest zbędę tym bardziej w takiej formie z dniami miesiąca. Na karcie to 4 cyfry przedzielone "/" i użytkownicy często nie myślą o tym jako o dacie - numer karty, numer wygaśnięcia, numer cvc.

Świetny

[H....._]

@Greg36: Super! Też muszę dodać jakąś walidację.

[Greg36]

@HitmaNeK_: Odnośnie sprawdzania samego numeru karty to tutaj jest fajny artykuł reszta jest dosyć prosta jak znasz podstawy wyrażeń regularnych.

Plus testowe numery kart: https://www.paypalobjects.com/en_US/vhelp/paypalmanager_help/credit_card_numbers.htm

[flamner]

@HitmaNeK_: dla mnie ten date picker to jakaś pomyłka o wiele szybciej wpisuje się rok i miesiąc z klawiatury

[H....._]

Tutaj też można klawiaturą wpisać, a na telefonie bardzo ładnie to działa

[hakeryk2]

@HitmaNeK_: Checkout na środek i calej szerokości lub w obecnej formie i na prawo.