After a rough patch, I’m getting back to writing. More practical stuff that you can apply directly in your projects. One topic that looks really good is how to use modern CSS to support UI/UX and accessibility. Preference Media Queries Preference Media Queries allow you to adapt your UI based on the user's system-level settings and personal preferences — like reduced motion, high contrast, or dark mode. They're mostly used to improve accessibility and user experience. Let's cover one of them....
6 days ago • 1 min read
I've been skimming through my list of topics to cover and found an interesting CSS property that’s especially useful when you need to highlight a specific phrase inside a block of text. Normally, when a text block breaks into multiple lines, the browser treats the whole element as a single box — which often results in broken or inconsistent styling. So this code: Results in the following styling: To fix that, all you need is: box-decoration-break: clone; It tells the browser to treat each...
about 1 month ago • 1 min read
I've just gone through some of the screenshots I collected over the past few months. I’d like to share one of them with you. I don’t have a universal solution for rating UX. What I want to share is this thought: sometimes people come up with a great solution, but due to human nature, lifestyle, or whatever-you-want-to-call-it, the solution ends up becoming useless. I remember reading news about a new law that limits the number of SIM cards a person can buy. Many people use them for fraud, or...
2 months ago • 1 min read
I apologize for being absent. For the past ~2 months, I've collected quite a lot of topics for newsletter issues; hopefully, you will like them. Today I want to share with you a screenshot from my bank app and make a quick review of the problems it has. In my humble opinion, of course. Here we go. There are quite a few problems: 1. Separated from each other, the expiration date, card number, and security code are all part of the card credentials. The thing is, if you need to see card number,...
2 months ago • 1 min read
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...
3 months ago • 1 min read
I've just read a research from Baymard called "Product Page UX 2025: 15 Pitfalls and Best Practices". The first thing they mentioned is product page layout. According to their study you should avoid horizontal tabs on product pages. Baymard's study found 27% of users missed these tabs, like shipping info, compared to only 8% with vertically collapsed sections. Personally, I think that tabs should be used when each of them has the same content but filtered out by some property, e.g., "new...
5 months ago • 1 min read
There is a so-called false bottom effect. Once, I had to ask support how to add the CNAME DNS record because I couldn't find it in the list of available options. That happened because the height of the dropdown and the total height of visible items were exactly the same. Since macOS does not show a scroll bar until you hover over an area, I missed that there are more items than I could see. P.S. If you can't see the images, please let me know, since I got some complains that there are empty...
5 months ago • 1 min read
Hello Reader, This is a special email. I haven't checked it for grammar mistakes, or tried to write it better, or send it in a special time when most people would open it. --- Yesterday I found out the new CSS logo. This is what it looks like First, you may notice that there is no version. While CSS3 logo has "3" on it. From MDN Web Docs: You might have heard about CSS1, CSS2.1, or even CSS3. There will never be a CSS3 or a CSS4; rather, everything is now just "CSS" with individual CSS...
6 months ago • 2 min read
Hello Reader, I reviewed approximately 200 brief notes and selected three practical UI/UX solutions that significantly improve interfaces. Short and concise—often overlooked. Verifying the email field I tried to sign up and accidentally typed "gmaail." Look at the alert message they showed. Since technically the email has the correct format, they noticed that I probably meant gmail, not gmaail. This demonstrates their concern for their users. Segmented butttons There is a nice discussion...
7 months ago • 1 min read