Needed to do something different to keep my sanity so I started fooling around in Photoshop. After that I kept fooling around and decided it would be "fun" to slice this up into a webpage. For "fun". And since I have no idea what to do with it now (as it was for "fun"), I thought I'd post it on Dribbble. What do you guys think?
One thing I would think more about is -webkit-font-smoothing on those italics. Not so easy on my eyes (but it’s 2 AM so maybe I’m just sleepy). Other than that, I love it! :)
Visually I like it very much, but the usability seems limited: buttons and dropdown obscure the image, and what will happen if there are more shops to display?
@Peter: Looks crisp and clear here... I don't like fat italics on a dark background :)
@Casey Wight, @Randy: AAL = \../,
@Joel Helin: Hardcoded until I figure out what to do with it. Although if I ever use a CMS for it I'll add albums manually as I discover them.
@Luke Dorny: Weren't you planning on buying a Canon 5DM2? ;)
@oVan: Then the list would become longer. Scales like a dream!
@Benjamin Alijagić: It has fading effects, though they're done with CSS and are only visible in Webkit browsers and the latest Firefox update.
@Benjamin De Cock: I was thinking site title would be h1, "Now Playing" h2, so the h3 is correct. You're right about p.title though.
@Birdy: It's slow on an iPad, but zippy on an iPhone 4
@Reinier Ladan: I don't want it to show my Lady Gaga plays...
@Ian Tearle: Can't find a decent demo of that.
@everyone: Thanks for the feedback and kind words, makes me think it was actually worth losing a couple of hours of sleep :)
58 Responses (page 1 of 3)
Pro
Tim Van Damme
Needed to do something different to keep my sanity so I started fooling around in Photoshop. After that I kept fooling around and decided it would be "fun" to slice this up into a webpage. For "fun". And since I have no idea what to do with it now (as it was for "fun"), I thought I'd post it on Dribbble. What do you guys think?
See it live.
over 1 year ago
Pro
Dan Rubin
These are the difficult things we designers must do from time to time. You know, for "fun" ;)
over 1 year ago
Pro
Elias Keppens
Looking great. Love the yellow/dark grey combo.
over 1 year ago
Excellent effect. Really like the transition when you hover over it.
over 1 year ago
One thing I would think more about is -webkit-font-smoothing on those italics. Not so easy on my eyes (but it’s 2 AM so maybe I’m just sleepy). Other than that, I love it! :)
over 1 year ago
I think you're a good man for listening to AAL ;)
over 1 year ago
Pro
Jesse Dodds
Gorgeous work Tim. Elegant, sleek and functional.
over 1 year ago
Pro
Wilson Miner
I am like it a lot.
over 1 year ago
Pro
Joel Helin
Is it made from a feed or do you update that yourself? Looks pretty damn good, though!
over 1 year ago
<3 AAL
over 1 year ago
Pro
Luke Dorny
there's no vinyl, so it needs improving. also, also, detected an affilliate link so i bought everything on amazon via your link.
over 1 year ago
Pro
James ✌
This is so awesome!
over 1 year ago
Pro
Adam Michela
Ridiculous.
over 1 year ago
Pro
oVan
Visually I like it very much, but the usability seems limited: buttons and dropdown obscure the image, and what will happen if there are more shops to display?
over 1 year ago
I think it needs some fading effects, then it would be perfect.
over 1 year ago
Pro
Benjamin De Cock
Very nice Tim! Just a small issue about the code though: your current
h3should beh1and thep.titleshould beh2;)over 1 year ago
Great! I really like your icons :D
over 1 year ago
Pro
Jeremy Swinnen
Huge like!
over 1 year ago
Works well on touchscreen too. Very nice.
over 1 year ago
Pro
Reinier Ladan
Looks awesome. Make it display your Last.fm weekly favorites and it's awesome and useful ;-)
over 1 year ago
Love that Tim, the animation feels flawless.
over 1 year ago
Pro
Ian Tearle
I have a fun idea, you could use jQuery iSkip to flick through Album artwork?!
over 1 year ago
Pro
Tim Van Damme
@Peter: Looks crisp and clear here... I don't like fat italics on a dark background :)
@Casey Wight, @Randy: AAL = \../,
@Joel Helin: Hardcoded until I figure out what to do with it. Although if I ever use a CMS for it I'll add albums manually as I discover them.
@Luke Dorny: Weren't you planning on buying a Canon 5DM2? ;)
@oVan: Then the list would become longer. Scales like a dream!
@Benjamin Alijagić: It has fading effects, though they're done with CSS and are only visible in Webkit browsers and the latest Firefox update.
@Benjamin De Cock: I was thinking site title would be h1, "Now Playing" h2, so the h3 is correct. You're right about p.title though.
@Birdy: It's slow on an iPad, but zippy on an iPhone 4
@Reinier Ladan: I don't want it to show my Lady Gaga plays...
@Ian Tearle: Can't find a decent demo of that.
@everyone: Thanks for the feedback and kind words, makes me think it was actually worth losing a couple of hours of sleep :)
over 1 year ago
Pro
Michael Ellis
Really awesome work, Tim!
over 1 year ago
Pro
Ian Tearle
@Tim Van Damme - Sorry, just found a monumental flaw in my site! http://iantearle.com/books/example-2 is where the demo is.
(I am in the throws of updating the main site, so my htaccess was all over place, many apologies.)
over 1 year ago