In this post, we’ll explore a technique we can use to “fold” a DOM node, like folding a letter in real-life.

When the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled.

Back in the day, centering an element was one of the trickiest things in CSS.

CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there’s a significant learning curve.

This year, the React team unveiled something they’ve been quietly researching for years.

Happy Pride month! In this tutorial, I’ll share a handful of my favourite animation tricks.

Large language models like GPT-4 are becoming increasingly capable, at an alarming rate.

As developers, we don’t like working with forms, but they’re a critical part of most web applications.

CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose?

When we truly learn the secrets of the Flexbox layout mode, we can build absolutely incredible things.

The CodeSandbox team recently released a wonderful tool called Sandpack, to help us create these live-updating code editors.

What’s the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons.

In React, we don’t update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we’ll unpack exactly when and why React re-renders, and how we can use this information to optimize the performance of our React…

Programs are made up of statements, and statements have slots for expressions.

If you’ve ever had the misfortune of being tasked with building a template for HTML emails, you know it’s tricky business!

“Should I use pixels or rems?”. In this comprehensive blog post, we’ll answer this question once and for all.

If you want to learn a modern JavaScript framework like React or Angular, you better be familiar with the terminal!

As front-end developers, we often learn CSS by focusing on individual properties.

How should we structure components and other files in our React apps? I’ve iterated my way to a solution I’m really happy with.

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle?