Frontend Masters Boost RSS Feed

CSS has boolean values and logic, just not in the way we might expect. While a native boolean data type might still appear one day, we can use boolean principles today for programming logic and flags. Let’s see how.

A boolean data type represents one of two values. For example: on or off, 0 or 1, and, most commonly, true or false.

With AI now writing the overwhelming majority of our code, testing and verification have never been more important. We probably all know how to write unit tests with something like Jest or Vitest, or even verify that our fr...

I got this idea stuck in my head that if you’re scrolling through a “gallery”, it sorta doesn’t matter how the things scroll past you. It could scroll horizontally; things could scroll at different rates; it could scroll backward somehow — whatever. It doesn’t matter because you’re just exploring. Scrolling is just the mechanism for seeing new stuff. There s...

There are a few scenarios where we might need to change the level of a heading (–). As an example, we create a component with a , but then we use the component in a different context where it needs to be a . I know, I know, that’s what component props are for, but the headingoffset HTML attribute is another option.

Another example: the heading hierarchy is ...

In the previous article, we combined anchor positioning with modern CSS features to connect two circles with an arrow. The idea was to create dynamic behavior where the arrow follows the movement of both circles and changes shape based on their dista...