Cropping Image Thumbnails with SVG
Many techniques for cropping image thumbnails on the front-end require explicit dimensions, which is less than ideal for responsive design.
You appear to be offline, some content may be unavailable.
Many techniques for cropping image thumbnails on the front-end require explicit dimensions, which is less than ideal for responsive design.
Confession: I don’t enjoy code. Not really. I know that sounds strange coming from someone who’s made over 2,000 code contributions this year. But it’s true: code, in and of itself, brings me little…
Shortly after we opened up Drizzle, our pattern library framework, Luke Askew started a wonderful discussion of pattern library maintainability in that project’s repository. This inspired me to reflect on the pattern libraries…
After months of redesigning in public, we’ve finally pushed the button that unleashed the new cloudfour.com on the world. For me, this project has been a dream come true. I was a…
It’s hard to believe it’s been over three years since Dave Rupert wrote Responsive Deliverables, challenging the rest of us to start making “tiny bootstraps, for every client.” It’s been almost as long since…
While iterating on a new article layout for the impending Cloud Four redesign, I encountered an old CSS layout problem. For long-form content, it’s usually a good idea to limit line lengths…
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…
Our team had a set of defining characteristics and was almost ready to start redesigning cloudfour.com. But before we dived into element collages (more on that in a future post), we wanted to…
When we started redesigning cloudfour.com, I knew I wanted the entire team to feel a sense of ownership in the end result. To establish an inclusive design direction without…
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…