All Tips

Fallback for Transparent Avatars 2
Fallback for Transparent Avatars 2

Fallback for Transparent Avatars 2

visual effect

Another visual hack to ensure consistency for transparent avatars is by adding a subtle border around them, the same color as the background.

The border looks like it's part of the background and distinguishes it from the cover section.

←Previous Tip

Validate Deletion

Never allow the user to delete something without validation. People misclick all the time, and losing information forever hurts and creates a bad memory related to your product! Make sure your UI supports (inline or popup) deletion validation. Even the undo functionality is useful in these scenarios, although it's impossible sometimes due to engineering restrictions.

dangerous actions

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