Tools for image optimization

Where possible, it’s best to try automating image optimization so that it’s a first-class citizen in your build chain. To help, I thought I’d share some of the tools I use for this. Not only contains a list of grunt plugins one can use, but also a few command line and online tools. I’ve been …

Cargo Cult CSS

Case against the modularization of CSS: Cargo Cult CSS: Selectors should communicate useful information to developers. The purpose is the same but a contextual selector is far more informative to the developer than a class selector, as it communicates context. It’s a lot easier to understand the purpose behind a rule if the selector tells …

CSS Animations: Using animation-fill-mode

Animation-fill-mode defines how styles are applied to the target of your CSS animations outside of the animation itself. By default your CSS animations won’t affect the element you’re animating until the first keyframe is “played”, then stops affecting it once the last keyframe has completed. This can leave you with some awkward jumps and cuts. …

Drobo vs OS X Mavericks

After upgrading to Mavericks your Drobo might not show up in Finder (here it did just fine, using a Drobo FS800 (aka 2nd gen Drobo) connected over Firewire). If that happens, do either one of these to get your Drobo visible in Finder again: Unmount the Drobo from Disk Utility (where it by magic will …