Site Design: Spotify Year in Music 2015 (yearinmusic.spotify.com)
almost 8 years ago from Matthias Hoyer, Lead Engineer Website at STYLIGHT
almost 8 years ago from Matthias Hoyer, Lead Engineer Website at STYLIGHT
Accidentally refreshed the page about half way through.....definitely not scrolling through that again to get back where I was. Took a few seconds to load each slide.
I ended up using the arrow keys to navigate. Far easier.
Anyone know how they applied the overlay to the artist images? In the site resources they're all full color – probably just a css blend-mode.
It's a <canvas>
element with the image placed on it, and then a bunch of other effects.
Haven't had a chance to look through properly but the 404 page is the easiest to see (it doesn't move around), code starts around line 26,080 of full.standalone.js
What are people's opinions on the site changing the URL and history state for each "page"? Sometimes I don't expect it and it's super annoying to have to go back to the last site I was on.
So you can easily access one page in particular and share it, use the browser navigation functionalities, and it's SEO friendly. What's wrong about it?
It takes over your history so you have to press back a bunch of times to get back to the last page you were on. You can accomplish the same linking effect with a hash URL rather than abusing history state.
This landing page really sums up 2015 design trends for me for me. These fluorescent gradients are really trending.
Great job by the team at Spotify.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now