Skip to content
The problem with buttons on the web episode artwork

Jul 20, 2022 55 min

The problem with buttons on the web

from Frontend First Hosted by Frontend First

Sam and Ryan chat about issues with default HTML buttons on the web across different devices and browsers. They talk about the Extensible Web Manifesto, how the React Aria library helps standardize button behavior across platforms, and the difference between state-based and event-based animations. Topics include: 0:00 - Intro 2:09 – The problem with default buttons on the web - 17:26 – How we got here, and the Extensible Web Manifesto - 26:22 – React Aria’s unified Press interface - 32:26 – Getting consistent Focus styling - 40:30 – Event-based vs. state-based animations - Links: Sam’s video on building an animated button React Aria useButton Building a Button Part 1: Press Events Building a Button Part 2: Hover Interactions Building a Button Part 3: Keyboard Focus Behavior The Extensible Web Manifesto

Episode details come from the podcast's RSS feed.

Embed this episode

Sam and Ryan chat about issues with default HTML buttons on the web across different devices and browsers. They talk about the Extensible Web Manifesto, how the React Aria library helps standardize button behavior across platforms, and the difference between state-based and event-based animations.

Ready to play

The problem with buttons on the web

0:00 55:22

No transcript yet.

Requests help us decide what to transcribe next.

Frequently asked questions

How long is this episode of Frontend First?

This episode is 55 minutes long.

When was this Frontend First episode published?

This episode was published on July 20, 2022.

Can I download this Frontend First episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.