I decided to give these upload buttons a shot.
Tooltips show up on hover. Thanks to @Adam Whitcroft for his gorgeous Batch icons!
UPDATE: Here is a live version to play with (with a few improvements): http://jsfiddle.net/joshnh/XPSw7/show/
5 months ago
Yes yes yes and yes. I'd love to see this implemented online :)
These are adorable.
Looks good Joshua.
Thank you very much, guys!
Is this coded? If so, link? (I assume they are because you mentioned Adam's tooltips)
Now you can do UI as well as boss CSS...
...SHIT JUST GOT REAL.
These are nice. It would be neat if the percent was shown as a background color filling the circle. What would be even more awesome is having it "slosh" back and forth like a fluid while filling.
I think it would be cool for the pop up messages to somehow be obvious without hovering over. I.E do I have to hover over to see that it's Done? A checkmark instead of the cloud on the final step could inform the user without them having to do anything. Just my thoughts!
@Jason Hobbs No, it was done in Photoshop (I mentioned Adam's icons). I am working on a live example though (now linked to above).
@Ben Howdle Ha! Thanks, mate :)
@Justin Lowery I've actually been working on a slightly different concept (which you can now also see in the live example above): http://cl.ly/image/2F0K3j202N3v
@Jack Bingham Thanks for the suggestions, Jack. I think you are right about not requiring a hover. I think I might just have the tooltips appear all the time.
Here's what you should do.
- Get rid of all tooltips on the blue & green step.
- For blue, instead of the cloud, have the %.
- For green, a checkmark (as @Jack Bingham suggested)
Thanks, @Daryl Ginn!
@Daryl Ginn @Jack Bingham Like this? http://cl.ly/image/0F181a3e1A2N
@Joshua Hibbert Exactly like that ;)
'Cute' little clouds and great colors, nice!
Thanks, @Matthias Deckx! The clouds are from @Adam Whitcroft's Batch icons.
So good I just checked out the live version soo tasty
4 months ago
Cheers, @Tyler Fry!
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