Just use a button

I would love to see this expanded into "Just use the HTML element that was built for that explicit purpose". I feel like your average SPA developer doesn't understand what even a quarter of the HTML elements are meant for and just reinvent the wheel every time.

I vaguely remember, back in 2010, when I wrote my app, you couldn't style a button consistently across all browsers. They were grey boxes in firebox, or used other OS standard styling.

We had to invent our own buttons if we wanted it to look the same everywhere. I could be wrong though.

The great thing about using a platform as big as the web, which runs on a million different types of devices, is you can say "not my problem" and offload it to someone else.

When you're building a webpage or webapp, you're really building, like, 5% of an app. The other 95% is taken care of for you. You can always just say "fuck it, who cares if the button is gray in Firefox". Because you know what? Firefox might just fix it. And boom, you get the same result with no effort and no maintenance burden. And even if you don't, who cares? Maybe Firefox users like that and that's why they're on Firefox. All you need to know, as a web developer, is that the button does clicky things and is a button. That is a super power. We should use it!

Spoken like someone who's never had to interact with a designer. A designer will tell you the exact ratio the radius of the rounded buttons needs to be with respect to the height, and explain that this channels energy from the Earth's ley lines that resonates with the frequency of the vibrations of human brain waves, creating positive associations with your brand. And after hearing all that, the client will NOT be satisfied just bunging in Mozilla's standard gray buttons from the Windows 3.x era.