The New Olio

HTML5 Video Player For WebKit

Posted by in Code

I had to play some videos in Chrome recently, but the player had to be custom for the project. Rather than tinker with some pre-made solutions out there, I instead decided to do this myself and see what I could accomplish (disclaimer: I’ve actually written something like this a few times before, but I never got around to writing about it). Looking Good The end goal was to achieve something that looks like this (in a modal overlay): The main challenge I could see would be the progress bar. Being…read more


CSS3 Trickery: A Lesson in Gradients and Masks

Posted by in Code, Design

I’m currently working on a project where one of the designs I’m to implement involves making one of these suckers: However, that’s not all. Based on where the user is amidst these four steps, it will actually end up looking something like this: Normally, I’d achieve this with CSS sprites and be rather sad about it all since whatever I’d be doing would be either a) not semantically correct, or b) terribly convoluted. Luckily, this project is specified to only having to run on Chrome, which I finally get to…read more