Sooo, I tried and failed to include this submission animation in iHi. Thus resulting in me including it in a different context with a subscription form, making a pretty page to show it off, and sharing the code with you (view source).
Theoretically, there probably should be a stage after the initial click where a loading icon appears, but my jQuery skills only go as far as a single class change...
Icons are part of an icon font by Zurb - http://www.zurb.com/playground/foundation-icons
Tested in Webkit only, but I assume it should look alright in the other browsers (apart from IE).
10 months ago
Awesome work dude!!
Shit my pants!!!This is great!!!
Somehow making form inputs sexy
Looks great man!
amazing work mate!
Very nice! Where's the "X" version?
@James Kemp You expect too much sir...
This is really nice Jack, love the animation on the submit button.
Cheers @Mike Stezycki - appreciated!
Very nice. It makes the user-experience much rewarding to the user. e.g., "Hey thanks for signing up! Here, have an animation."
Thats really, really nice Jack. Ugh.
looks great @Jack Smith - if you don't mind me asking, how did you record the animation from the browser to get it here as a gif? :)
@Jack Smith just got your answer on twitter, thanks dude. :)
9 months ago
It's the little things. Great work, man.
6 months ago
Dude. Yes. Must find a reason to use this someday.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter