Using code elements when you should be using kbd? @KevinPowell

Using code elements when you should be using kbd? @KevinPowell

Uploaded February 2025 | Updated September 2026, 2 weeks ago

Use the correct semantic element, the kbd element, for keyboard inputs, rather than code elements (or backticks in markdown files)... and as a bonus you can style them in different ways without worrying about things like classes.

Using code elements when you should be using kbd?

Getting started with CSS Style Queries

I wish this is how colors always worked

:has() is more than a parent selector

Native popovers with smooth animations (no JS required)

Make Any Text Instantly Selectable

CSS is too powerful now

Centering in CSS is a meme for the wrong reasons

A CSS Trick to select a specific row with Grid auto-fit/fill

Figma Sites is worse than you might have thought

CSS one-liner to improve form elements

Using code elements when you should be using kbd?