Frontend Info

What it takes to craft great animations.

New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.

A comprehensive guide covering nine types of lengths that CSS uses to size elements in terms of dimensions, space, time, and even sound.

In the five years since Framer Motion was released, CSS animation APIs have come a long way. Do you still need to use Framer Motion?

SOLID principles suits surprisingly well with React. This article explains how to implement React hooks to follow the SOLID principles. ✓ React ✓ Hooks ✓ SOLID

A quick overview of the attributes we can add to form fields to provide hints to the browser and improve the user experience for our visitors.

The “Promises” API is a surprisingly tricky part of modern JavaScript. Without the right context, it doesn’t make much sense at all! In this tutorial, you’ll build an intuition for how Promises work by getting a deeper understanding of JavaScript and its limitations.

A look at how I solved a design problem with CSS cap unit.

This post takes a look at what page visibility is, how you can use the Page Visibility API in your applications, and describes pitfalls to avoid if you build features around this functionality.