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).
over 1 year ago
Awesome work dude!!
Shit my pants!!!This is great!!!
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. :)
It's the little things. Great work, man.
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.