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.
almost 2 years ago
Pro
Dan Rubin
These are the difficult things we designers must do from time to time. You know, for "fun" ;)
almost 2 years ago
Looking great. Love the yellow/dark grey combo.
almost 2 years ago
Excellent effect. Really like the transition when you hover over it.
almost 2 years 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! :)
almost 2 years ago
I think you're a good man for listening to AAL ;)
almost 2 years ago
Gorgeous work Tim. Elegant, sleek and functional.
almost 2 years ago
Pro
Wilson Miner
I am like it a lot.
almost 2 years ago
Pro
Joel Helin
Is it made from a feed or do you update that yourself? Looks pretty damn good, though!
almost 2 years ago
<3 AAL
almost 2 years ago
there's no vinyl, so it needs improving. also, also, detected an affilliate link so i bought everything on amazon via your link.
almost 2 years ago
Pro
James ✌
This is so awesome!
almost 2 years ago
Ridiculous.
almost 2 years ago
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?
almost 2 years ago
Pro
Benjamin Alijagić
I think it needs some fading effects, then it would be perfect.
almost 2 years ago
Pro
Benjamin De Cock
Very nice Tim! Just a small issue about the code though: your current
h3should beh1and thep.titleshould beh2;)almost 2 years ago
Great! I really like your icons :D
almost 2 years ago
Huge like!
almost 2 years ago
Works well on touchscreen too. Very nice.
almost 2 years ago
Pro
Reinier Ladan
Looks awesome. Make it display your Last.fm weekly favorites and it's awesome and useful ;-)
almost 2 years ago
Love that Tim, the animation feels flawless.
almost 2 years ago
I have a fun idea, you could use jQuery iSkip to flick through Album artwork?!
almost 2 years 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 :)
almost 2 years ago
Really awesome work, Tim!
almost 2 years ago
@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.)
almost 2 years ago