Topic: Images

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?… More

Timber's resize filters don't play nicely with the Cloudinary WordPress plugin. We added our own custom image optimizer function that check if an image is served from Cloudinary or WordPress and use the appropriate resize method. More

The responsive images spec is fantastic and covers a lot of use cases, but most of the time you’ll only need one: resolution switching using the `srcset` and `sizes` attributes. More

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, Placeholder.com… More

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

I accidentally became Cloud Four's resident expert on dynamic circular containing elements. Here are my tips and tricks. More

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

Tomorrow I’m speaking at ImageCon. It’s been over a year since I last gave my talk. As I dusted off my presentation and updated it, it seemed like a good time to assess the state of the responsive images. More

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). More

Client Hints can make the day-to-day task of creating responsive images much easier by greatly simplifying the markup. More