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