Websites don’t age gracefully. Left unattended, they inevitably fall behind the latest best practices and technologies. We especially see the impact on sites built with WordPress.

In this tutorial, we’ll learn how to build a fun and interactive mesh gradient generator that you can use to create beautiful mesh gradients and add them to your designs.

In our original design, user input was handled through modal dialogs. This approach became problematic as our workflows grew in complexity — especially when forms became multi-step, or when nested actions required opening a new modal on top of another.

Equal-height image layouts seem simple until you try to build one that’s truly responsive. This tutorial walks through my solution using flexbox aspect ratios, the Eleventy Image plugin, and a Nunjucks shortcode.

Discover how to use CSS @if() conditions to streamline your styles—no preprocessors needed!

In this tutorial, we’ll create a color contrast tool that lets you check the accessibility and readability of text, by comparing the ratio between background and foreground colors.

Let’s be honest for a second. Have you ever set up a new front-end project and, somewhere between choosing a build tool, a state manager, and a styling library, just felt… tired? It’s a specific kind of exhaustion. You haven’t even written a line of app logic, but you’re already worn out by the sheer weight of the decisions.

CSS has evolved from a purely presentational language into one with growing logical powers — thanks to features like container queries, relational pseudo-classes, and the if() function. Is it still just for styling, or is it becoming something more? Gabriel Shoyombo explores how smart CSS has become over the years, where it is heading, the challenges it addresses, whether it is becoming too complex, and how developers are reacting to this shift.

Learn how to create an infinite marquee that follows a custom SVG path using React and Motion.

In this tutorial, we’ll create a color contrast tool that lets you check the accessibility and readability of text, by comparing the ratio between background and foreground colors.