Spotify Frontend Test
Author: Naoise Golden Santos
Mail: naoise.golden@gmail.com
Start: 2011-09-13 23:00 GMT+1
End: 2011-09-14 16:00 GMT+1
Sleep: 5 hours
Busy: 4 hours
Total developing time: 8 hours
===
Create a single html file based on the attached PSD.
Markup
- Document markup should be well-formed and SEO-friendly. Use HTML5 where applicable.
Styling
- CSS trickery is fine, but should degrade gracefully in older browsers.
Interaction
- The button in the billboard should show a form to sign up to Spotify Premium.
- This doesn't have to be the entire signup form, but should contain some kind of client-side validation.
- How the form appears/looks etc is up to you. Be creative!
- You can use a framework of choice.
General
- The page should be compatible with all major browsers (chrome, safari, firefox, opera, internet explorer 7+)
Looking forward to see what you cook up!
Spotify web team
===
This is an original fork of HTML5 Boilerplate boiled down to the basics.
Why?:
Because the following is included:
-
Cross-browser compatible (IE6? Yeah, we got that.)
-
HTML5 ready. Use the new tags with certainty.
-
Optimal caching and compression rules for Grade-A performance
-
Best practice site configuration defaults
-
Think there's too much? The HTML5 Boilerplate is delete-key friendly. :)
-
Mobile browser optimizations
-
Progressive enhancement graceful degredation ........ yeah yeah we got that
-
IE-specific classes for maximum cross-browser control
-
Want to write unit tests but lazy? A full, hooked up test suite is waiting for you.
-
Javascript profiling…in IE6 and IE7? Sure, no problem.
-
Console.log nerfing so you won't break anyone by mistake.
-
Never go wrong with your doctype or markup!
-
An optimal print stylesheet, performance optimized
-
iOS, Android, Opera Mobile-adaptable markup and CSS skeleton.
-
IE6 pngfix baked in.
-
jQuery, waiting for you
-
Because I only have a couple of hours!