Upload Button (and Live Demo)

16 Responses

  1. Joshua Hibbert Joshua Hibbert

    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/

    over 1 year ago

  2. Louis Bullock Louis Bullock

    Yes yes yes and yes. I'd love to see this implemented online :)

    likes

    over 1 year ago

  3. Armos Media Armos Media

    These are adorable.

    likes

    over 1 year ago

  4. Jivaldi Jivaldi

    Looks good Joshua.

    likes

    over 1 year ago

  5. Joshua Hibbert Joshua Hibbert

    Thank you very much, guys!

    over 1 year ago

  6. Jason Hobbs Jason Hobbs

    Is this coded? If so, link? (I assume they are because you mentioned Adam's tooltips)

    over 1 year ago

  7. Justin Lowery Justin Lowery

    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.

    likes

    over 1 year ago

  8. Jack Bingham Jack Bingham

    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!

    likes

    over 1 year ago

  9. Joshua Hibbert Joshua Hibbert

    @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.

    over 1 year ago

  10. Daryl Ginn Daryl Ginn

    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)

    likes

    over 1 year ago

  11. Joshua Hibbert Joshua Hibbert

    likes

    over 1 year ago

  12. Daryl Ginn Daryl Ginn

    @Joshua Hibbert Exactly like that ;)

    likes

    over 1 year ago

  13. Matthias Deckx Matthias Deckx

    'Cute' little clouds and great colors, nice!

    likes

    over 1 year ago

  14. Joshua Hibbert Joshua Hibbert

    Thanks, @Matthias Deckx! The clouds are from @Adam Whitcroft's Batch icons.

    over 1 year ago

  15. Tyler Fry Tyler Fry

    So good I just checked out the live version soo tasty

    likes

    over 1 year ago

  16. Joshua Hibbert Joshua Hibbert

    Cheers, @Tyler Fry!

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like