Lessons

Interface responsiveness

Buttons, links, form elements — any active page elements must respond to user actions. This is expressed in a change of design: changing the background, cursor, text color, the appearance of underscores, etc.

There are 3 kinds of effects:

  • :hover — hovering the mouse cursor.
  • :active — left-click.
  • :focus — the focus of the text field or the opening of the drop-down list.

Active elements are also considered blocks, when you hover over them, the pointer cursor appears.

To check the responsiveness of the interface and see the problematic elements visually, use our free online service.

Check your website
It's free and will take from 11 to 45 seconds

We use cookies. By continuing to use the site, you agree to the processing of personal data in accordance with privacy policy. I agree