keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers.
43,947,190,899 pixels dribbbled
Copyright © 2009-2012 Dribbble LLC. All screenshots © their respective owners.
Handcrafted in Salem, Massachusetts. Hosted by (mt) Media Temple.
36 Responses (page 1 of 2)
Pro
Rogie
Turning this into sweet, sexy HTML5 and CSS3.
Wait, do I say HTML5 now or just HTML?
over 1 year ago
Loving those drop-downs!
over 1 year ago
that looks really awesome!!!
Love all the little 'Mad Mimi' text on the back of the card, great little detail!
over 1 year ago
Pro
Kevin Andersson
Looking great Rogie.
I would suggest using a secondary drop-down for the expiry month.
over 1 year ago
Pro
Rok Benedik
Look at that card chip! Awesome :)
over 1 year ago
LoL at html5/html. Whatever... those dropdowns are damn sexy! With and without the 5! :P
Looking forward to inspect the final result and see it degrade. Kudos for pushing the envelope.
over 1 year ago
@Kevin Andersson
I believe most/all credit cards have MM/YY expiry dates, so this is just showing 12 - Dec as the same thing (as in, December is the 12th month)?
Nice work though Rogie - very hawt :)
over 1 year ago
Pro
Kevin Andersson
@Kate
That is true. Sorry about that Rogie, I just read it as december 12th for some reason :D (This means it's bedtime for me)
over 1 year ago
Pro
Aaron Bazinet
Looking good. One thing, the space between the triangles on the month drop-down is taller than the year and card type ones.
over 1 year ago
Pro
Rogie
@Aaron good catch. My comps for this project are just to get the point across. I'll fudge pixels in code :)
over 1 year ago
I like you Rogie
over 1 year ago
Pro
Brian Benitez
Dang, I really like this! Especially the drop-down.
Maybe if you matched the radius of the corners of each box (I know one's a card, but it might look nicer since they're so close together.)
over 1 year ago
Pro
♫ ♬ ♪ Wendell Fernandes ♪ ♬ ♫
great work!
over 1 year ago
Pro
John Williams
What are you using to skin the select boxes, if you don’t mind me asking?
over 1 year ago
Pro
Gedy Rivera
Taking the web to the next level. You are awesome.
over 1 year ago
Pro
Wills Bithrey
Looks great Rogie!, I'd also love to know how you turn the boring regular controls into these beauties in practice ;)
over 1 year ago
Frothing! Nice. I'm curious like John what you're using to skin selects.
over 1 year ago
Pro
Marc Thomas
It may be just me, but the select boxes look more like buttons. Maybe with the options of the dropdown showing it will be more clear, idk. Kudos for trying something totally different though.
over 1 year ago
^ What John Williams and Wills Bithrey said... Javascript styling?
over 1 year ago
Pro
Rob Soulé
I'm gonna turn YOU into sweet, sexy HTML5 and CSS3.
What?
over 1 year ago
not sure what options are in that "for payment" dropdown, but if its just credit card types you can tell that from the number the user enters and simplify the UI a bit. Looking great!
over 1 year ago
Pro
Jake Przespo
Loving the signature strip! Top notch Rogie.
over 1 year ago
Pro
Morgan Allan Knutson
Nice!
over 1 year ago
Wallet out, credit card ready.
I don't care what I'm buying, where can I get in on this action?
over 1 year ago
@Kate @Kevin, your instinct was right, I thought “12” meant the date as well. Dribbble User Testing™.
over 1 year ago