All Tips

Distinguish Selected Items
Distinguish Selected Items

Distinguish Selected Items

visual effect

Always make sure that your selected items are easily identified at a glance.

Changing the background color is a simple and accessible way to achieve it!

It makes the user experience better since the user can easily figure out which elements are already selected.

Previous Tip

Avoid Fullwidth Paragraphs

Long lines can bore users and create readability problems. Fix it by limiting the line's width between 500px and 700px. Instead of pixels, you can restrict the character number per line as well. In CSS, it's easy to set this up by using the "ch" unit: `10ch is x10 times the width of the character 0`


Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract

  • Logo

    Learn to design better User Interfaces with practical UI & UX tips

  • Projects



    PH Launch Checklist

  • Popular Posts

    15 Practical UI Form Tips

©2022 . Made by Jim Raptis