SVG, Page 2

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.

Our techniques evolve with each new project, and SVG icons are no exception!

It's no secret: I love SVG. But it isn't perfect. Here are some features I hope eventually come to the standard, if not in SVG 2 then in some future successor (or even a preprocessor).

Many techniques for cropping image thumbnails on the front-end require explicit dimensions, which is less than ideal for responsive design.

Logos are an ideal use-case for SVG. Because they’re typically designed for reproduction and versatility, they’re almost always vector to begin with. SVG’s support of CSS and media queries means we can adapt brand…

As a follow-up to my post discouraging the use of icon fonts, I recently wrote about the SVG icon process we’ve been using at Cloud Four. While most of the feedback I received…

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…