First things first. Let’s see what we’re shooting for.
When no song is playing
When a song is playing
As you can see, it’s nothing too complicated. It’s just a header, a footer, and a few rows of top notch RFM (Royalty Free Music). Remember, this is just a mockup, so don’t worry about making anything it pixel-perfect. Also, feel free to change just about anything as long as the basic features remain intact. Whether or not you stray from the mockup, here are the core features:
For example, if you want to make a song
div indicate that its song is playing, you should really only have to toggle a
Alrighty! It's time to get cracking. Fire up your text editor and start laying down some architecturally-sound markup.