javascript

A collection of 10 posts

photo of a book with a forest in the background

How to Build a Story Layout

Create an image story layout like those seen in popular apps.

photo of a color swatch

How to Build a Color Palette Component

Animating with flexbox, using the Javascript Clipboard API and more.

photo of stamps and lettering in a drawer

Building a Drawer Component With React Portals

Learn how to build a flexible Drawer component.

photo of abstract art

A 3D Hover Effect Using CSS Transforms

Creating a hover interaction with Javascript and CSS.

photo of golden gate bridge at sunset

How to Build an Image Comparison Slider

Using React hooks to build a before and after image comparison component.

photo of an open road with mountains

How to Listen for CSS Events in Javascript

A guide to working with CSS animation and transition events.

photo of an audio system control panel

Building an Audio Player With React Hooks

Discover how to build an audio player using React and the HTMLAudioElement interface.

photo of trees with snow

Reducing Motion in Animations

Learn how to implement accessible animations in CSS and Javascript.

photo of mountains with snow at night

Building a Dark Mode Theme Toggle

Learn how to build an interesting dark mode animation.

photo of a cabin next to mountains

How to Lazy Load React Components

Discover how to use React Lazy, React Suspense, and the Intersection Observer API to load content only when needed.