Genius trick


It's been quite a while since I sent my last newsletter. Fully focused on my course that I should have finished in the past year =\

But I want to share something really cool. Accidentally, I noticed this trick on nuxt.com. Then I posted about it, and other folks sent more examples of the same trick.

Sometimes, when I want to download a logo, I right-click on the header logo to copy it.

Now, look at what happens on these four sites.

Nuxt.com

Linear.app

Evidence.dev

Svgl.app

All these examples violate the right-click interception rule, but only in the logo section.

On the other hand, they show a bunch of options (for example, a link to the brand kit), so you actually got even more options.

Regarding the course. I've finished the theory part, and in each lesson you'll see the "Submit feedback" button.

I will deploy it soon. In the practice section, I'll open a couple of lessons at first to receive your feedback.

And then, I'll upload the rest of the first practice section. Once I publish a new lesson, you will receive a notification, ensuring that I don't remain silent.

Also, in each lesson, there are key takeaways and further reading links.

And I recorded a video for each lesson. Even bought a decent light 😅

Victor Ponamariov

I'm a full-stack developer that is passionate about good user interfaces. In my newsletter, I talk mainly about UI/UX stuff. You could expect an email or two in a month, I'm not aiming to spam you with non-useful info.

Read more from Victor Ponamariov

When I first dived into the topic of colors, it seemed to me that I was at least studying nuclear physics. It still does, though. 😅 Disclaimer: I might have some inaccuracies in this article. Sometimes I used definitions provided by Google AI, because it was challenging for me to convey/explain the ideas with precise words. But mostly there are links and definitions from Wikipedia and other resources. There are many notions and abbreviations: CIE 1931, RGB, sRGB, HSL, CMYK, Oklab, LCH, OKLCH,...

There is the grayscale filter in CSS that can make your pictures completely grayscale. It's useful when you want to show a bunch of logos, making them grayscale by default, but when you hover over them, they become colorful. But! Another trick is to use grayscale on the <html> tag. This way you can look at your app from a different perspective and see how it looks without colors. This is useful if you want to see what draws users' attention most, whether such elements as links, buttons, and...

I found a perfect example of a landing page that has a lot of mistakes. There are around 30 things to fix! If you want me to review yours, reply to this email :) Before I flood you with pictures, I would love to see you on my Instagram. It's a perfect place to record short tips and personal life as well 😊 Now, let's get to our MEGA ROAST. Hero Section First goes the hero section. Here is a brief list of mistakes (which you will see in other sections as well): Contrast. The green logo on the...