Which SVG technique performs best for way too many icons?
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?
Images
How to Resize Cloudinary Images in WordPress Timber Templates
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.
Responsive Images the Simple Way
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.
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…
Rasterizing SVG Animations
How I avoided relearning software (and gained some superpowers) by exporting my SVG and GSAP animations to bitmap sprites.
CSS Circles
I accidentally became Cloud Four's resident expert on dynamic circular containing elements. Here are my tips and tricks.
A Quick Update on Our SVG Icon Process
Our techniques evolve with each new project, and SVG icons are no exception!
State of Responsive Images 2017
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…
An SVG Wish List
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).
Responsive Images 201: Client Hints
Client Hints can make the day-to-day task of creating responsive images much easier by greatly simplifying the markup.