I work at Last.fm as part of the Webteam. We’re a small team — five developers, a designer, a QA and a scrum master, and there’s always a lot to do. This is a little bit about how we get things done. We’re not perfect, and we know that, and we’re always looking to improve, but there’s a lot of things we do well, things worth sharing.
With the getUserMedia API, a video element, a canvas element and LiuLiu’s excellent face detection algorithm, we can easily play around with webcam video data in the browser, plug-in free. To this end, I’ve created two experiments, one that places a mask over your face as you move and another that attempts to scale content based on your distance from the screen.
In my original post I explained how to create a CSS only modal pop-up using :target, pseudo-elements and pointer events. This had a number of caveats, any browser that didn’t support pointer events would see a non-clickable page and the forward/back controls would navigate through dialogues, which is usually undesirable. This follow-up addresses those concerns and creates a more production-ready version.