Popup

Tags

1. 4 thebox
2. 2 css3
3. 1 audio
4. 1 html5
5. 1 player
6. 1 popup
7. 1 sliced
8. 1 window

21 Responses

1. Pro Tim Van Damme

   So. Close.

   over 1 year ago

2. Benjamin Alijagić

   Yo that pixelblur is not cool.

   1likes

   over 1 year ago

3. Pro Dan Cederholm

   Whoa. I'm sensing a blockbuster new podcast. And I'm sensing awesomeness.

   2likes

   over 1 year ago

4. Pro Joel Helin

   You know that I love what you're doing, right?

   over 1 year ago

5. Igor

   Awesome, this should be great for audio/video podcasts.

   over 1 year ago

6. Pro Benjamin De Cock

   Try to make the circle with the 1 a bit more "round" on the left and the right. Otherwise, looks nice ;)

   3likes

   over 1 year ago

7. Pro Stéphane Reverdy

   With the circle behind the '1' really round, it could have been 'TEH OSSOM'...

   ...So, close.

   over 1 year ago

8. Pro Raj Ramamurthy

   Sweet shot! Awesome thing is that this is possible with no images (for the player part, at least) using CSS3 and <audio>.

   over 1 year ago

9. Pro Tim Van Damme

   @Benjamin De Cock: It's Webkit rendering (all CSS), so it should improve over time.
   @Raj Ramamurthy: Except for the obvious images in this window, everything is CSS3 and the HTML5 <audio> player. There isn't even a Flash fallback. #hardboiled

   over 1 year ago

10. Pro Didier Forest

    The only thing that sucks with this shot is that it's a popup. Anyway, great job ;)

    over 1 year ago

11. Pro Glenn Van Bogaert

    Tim, great work. I really love it. I'm a big fan of your work.

    over 1 year ago

12. Robert van Hoesel

    sweet. @Tim set the not-really-rounded-corner box a min-width should help

    over 1 year ago

13. Pro Tim Van Damme

    @Robert van Hoesel: Did that about 30 minutes ago, you read my mind ;)

    over 1 year ago

14. Robert van Hoesel

    @Tim or we're just like-minded :)

    over 1 year ago

15. Pro Thomas Maier

    Nice work.
    Only the "Episode 1" text looks really placed like random and styled like random. It doesn’t feel right. Can’t explain.

    over 1 year ago

16. Pro Dave Rupert

    I want this now. whatever it is.

    over 1 year ago

17. Pro Matt Hamm

    What happened to design tea?

    over 1 year ago

18. Catarino

    "1" looks off centered, the shadow is right tho...
    how will the inner shadow circle work for let's say "12" ?

    the rest is ok I guess :)

    over 1 year ago

19. Catarino

    Was thinking... 2px round square instead of circle? It would solve the xx digits problem nicely. (not much of a problem if there's only 9 episodes, of course.) :)

    over 1 year ago

20. Pro Tim Van Damme

    And we're live http://thebox.maxvoltar.com/ :)

    2likes

    over 1 year ago

21. Pro Eduardo Santos

    This is amazing. I like the progress bar! :D

    over 1 year ago