Sharing what we learn about the responsive web, Page 5

Turning simple shapes into complex illustrations using some SVG magic.

Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.

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.

Some of the largest sporting goods e-commerce sites don’t provide an accessible experience for sale prices. A few small changes can significantly enhance the experience.

By leveraging native browser controls, we can make accessible and high-performing components with just a dash of JavaScript.

You may have heard that you should be “linting” your code. What does that mean? Why would you want to do it?

CSS preprocessors like Sass, Less and PostCSS extend the syntax of our stylesheets with extra functionality that can make development a lot more convenient. Let’s say your project includes a modular…

My father-in-law loves the Olive Garden. So of course that's what we offered to bring for our first post-vaccination meal. I grabbed my iPad and passed it around to build an order. Everything went smoothly until I tried to checkout. The checkout button was off screen and impossible to hit. So I investigated why this was happening and took a guess at how much this bug might cost the Olive Garden’s owners.

In a recent project, I helped implement design tokens in an established design system. One of the more challenging parts of this work was updating the components to use design tokens. I learned a couple…