Practical examples for modern frontend developers.

Fun with Custom Cursors

Two ways to change the default mouse cursor appearance.

Building a Dynamic Background Effect

How to create a randomized, animated icon background for any content section.

What Is an Abstract Syntax Tree?

How to use AST as a frontend developer.

How to Animate Borders in CSS

Different approaches for animating CSS borders in 2024.

Reacting with Emojis

Building a custom React hook to place emojis on any element.

What is CSS Motion Path?

Animating elements along a custom path has never been easier!

A Rotating Word Wheel Interaction

How to build a scroll-based rotating menu in React.

Working with Sound in React

Enhancing UI interactions with simple sounds.

How to Build a Card Flip Animation

Learn how to apply CSS transforms and animations to playing cards

Dynamic Styling with CSS Variables

Learn the basics of CSS variables, also known as CSS custom properties