Maybe it’s the holidays or maybe it’s the sense of urgency and drive I have to keep plugging away at the YouTube UI replication…I got out of my morning blogging ritual. I’ve made great progress since last week: all the components are in place, they look as they should, the ‘click’ events now fire when they are supposed to, and I swapped out the Pure CSS grid for Foundation.

As helpful as they can be, pre-rolled grids often come with baggage. I really like how lightweight Pure is, but I realized late Wednesday that the elements were hidden as the screen got smaller. Pure lacked the visibility classes I needed to deliver the same responsiveness. Though you can customize what you want from Foundation into a downloadable package with those elements, it still brought in some baseline styles — overwriting what I’d already accomplish and making a mess of things. I removed many things, made other tweaks, and now we’re back.

I feel especially proud of the JavaScript tweaks I made to fix the annoying bug which made the click events fire on a second click instead of the first. The active styling for the sidebar tabs is still not changing the color of the icon when any part of the li is clicked. I may give that another shot. I plan to refactor those functions to clean things up and look over my CSS to improve reusability, clarity, and organization.