Engineering

Let's track errors in our Node.js application in a convenient, automated, and safe way.

I’ve recently started using Windows again. After a long time using a customised Zsh shell on macOS and Linux though, I’ve started to miss some of the small productivity boosts that Zsh plugins offered me. Of course, I could set up the shell as I want it under WSL, but WSL doesn’t always play nicely with Windows-native applications and tools. To remedy this, I looked into how I could set up Zsh to run instead of Bash in Git Bash.

Notes on setting up zsh shell on Windows Terminal

The CSS Color Module Level 4 specification defined a slew of new color features when it became a candidate recommendation in 2022, including Oklab and Oklch, which have widened the field of color we have to work with. Explore the Oklch color space and how to start using it in CSS today.

Playbook, a platform for creators to store, organize, and collaborate with creative content, needed a Figma plugin to create a smoother experience for designers. Learn how we built them a full-featured frontend application-style Figma plugin, with storage, auth, routing, and more. Plus, get tool recommendations and other tips!

Learn about new capabilities that enable smooth transitioning of discrete animations and between the top layer

One way to implement themes on a website with style queries

Overview

Find actively maintained and popular libraries in the Node.js ecosystem

A guide to creating an NPX tool accessible from anywhere, 'no download required'.

We often think of shadows in CSS as something to reach for when we want to add depth to a design. But shadows can be used for more than depth. Let’s experiment with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows.

Unpacking React's most versatile API

In Part 2 of this series, we take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while also addressing accessibility concerns.

We demonstrate how to use the oklch() color model in CSS to create a variety of consistent, accessible color palettes.

Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.

Learn how to use CSS object-fit to determine how images fit within a given space, and how to position those images with object-position.