Fun focus states with :focus-visible

One thing I always forget to give enough attention is focus states. I need to improve on my default approach, and this cool post from Dave Rupert has some good examples and explores some fun ways to use it.

Ps. I really like his short example videos, too. The smooth zoom and pan of the camera gives it a real polished feel. 👏

Big, beautiful, beefy focus states with :focus-visible
One thing I love about the new’ish :focus-visible pseudo-state is that it allows me to create bigger, bolder, and more obvious focus states for my keyboard users than I normally would with a :focus pseudo-state that might flash or linger on a click. For example, my default :focus-visible is pretty c…

Like this post? Got a question?

Reply via: Email, Bluesky, Mastodon, Twitter