DEV Community

Krishna  Damaraju
Krishna Damaraju

Posted on

A complete <dev> guide for better buttons

Buttons are one of the most simple, yet deeply fundamental and foundational building blocks of the web. Click a button, and you submit a form or change the context within the same page. But there is a lot to know from the HTML implementation and attributes, styling best practices, things to avoid, and the even-more-nuance implementations of the buttons โ€” links and button-like inputs.

This article covers, building โ€”

  • Links,
  • Buttons,
  • and Button-like Inputs

Weโ€™re going to deep-dive into all three of them, and for each, dig into the ๐Ÿ—๏ธ HTML implementations, ๐Ÿ–Œ CSS and โš™๏ธ JS considerations, โค๏ธ Accessibility information, and โ€ผ๏ธ Pitfalls/Bad practices. By covering all that, weโ€™ll have a better UX implementation of each.

Read more here: --

Top comments (0)