SVG

While I wasn’t looking, an elastic hover/active effect I shared on CodePen was viewed more than 11,000 times. Here’s how it works!

The new Zelda game uses repeated patterns to build a cohesive world. Let's write code to generate these patterns and then print them with a robot!

Cloud Four’s creative director ponders what he’d like to see from CSS in the coming year.

Hand-code an SVG snowflake, experiment in an interactive playground, and generate infinite random snowflakes with a dash of JavaScript.

When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?

Turning simple shapes into complex illustrations using some SVG magic.

Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.

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…

How I avoided relearning software (and gained some superpowers) by exporting my SVG and GSAP animations to bitmap sprites.