Topic: JavaScript

Perfectly Broken Code

Join me in exploring a recent experience where I started with flawed logic (without realizing it) and the steps I took to fix my bug. Let’s experience some broken code together. 🎉… More

Transitioning Hidden Elements

If you’ve ever tried to use a CSS transition on an element with the hidden attribute or display: none;, you know this can be a challenge. I’ve run into this problem a number of times and decided to write… More

Simple Image Placeholders with SVG

We do a lot of rapid prototyping at Cloud Four, which means we’re often working with incomplete or hypothetical content. When it comes to FPO images, we’ve relied on a few different solutions: Third-party services like PlaceIMG,… More

Fun with Staggered Transitions

Here’s a neat little solution to a problem I encountered in my quest to use more animation in my interface design work. I was prototyping a sliding view transition between nested levels of navigation: All menu items animating… More

Case Study: Our SVG Icon Process

Update (July 2019): Our process has changed quite a bit since this article was written. Check out our latest update! When I wrote about why you shouldn’t use icon fonts in your next web project, I had no… More

Let’s discuss your project! Email Us