Topic: Images

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

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

In January, Cloudinary released a free tool for generating responsive image breakpoints that was based on some of the ideas I had for picking breakpoints based on performance budgets. Today they’ve updated with some amazing new… More