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.
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.appAll 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.
Today we'll cover another CSS media query: prefers-reduced-motion, and how to load (or avoid loading) styles based on user preferences — this is genuinely cool stuff! I've just posted the same article on LinkedIn, for my first time. Accessibility concern There’s a condition called VIMS: Visually induced motion sickness (VIMS)—a subcategory of motion sickness that specifically relates to nausea, oculomotor strain, and disorientation from the perception of motion while remaining still. To...
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....
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...