AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when...

Let’s say you have a website built on a platform that excels at design and it’s available at example.com. But that platform falls short...

So, you’ve decided to build a blog with Next.js. Like any dev blogger, you’d like to have code snippets in your posts that are...

If you’ve spent time looking at open-source repos on GitHub, you’ve probably noticed that most of them use badges in their README files. Take the official...

In design, reflections are stylized mirror images of objects. Even though they are not as popular as shadows, they have their moments — just...

Howdy y’all! Unless you’ve been living under a rock (and maybe even then), you’ve undoubtedly heard the news that CSS-Tricks, was acquired by DigitalOcean....

In my last article, we went over how to set up a web app that serves chunks and bundles of CSS and JavaScript from...

A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions....

When creating a component-based, front-end infrastructure, one of the biggest pain points I’ve personally encountered is making components that are both reusable and responsive...

Automated front-end tests are awesome. We can write a test with code to visit a page — or load up just a single component...

In the 15 or so years since I started making WordPress websites, nothing has had more of an impact on my productivity — and...