Victor @vpon.me · 24/09/2026In Armenia, there are a lot of pulpulaks. A pulpulak is a small public drinking water fountain found on streets, in courtyards, and near landmarks all over Armenia. Love the UI of an app where you can see all of them, plus many other things such as rivers, springs, etc. 140
Victor @vpon.me · 22/09/2026This article probably has the most insane amount of interactive elements I've ever seen. Incredible 🤯 ciechanow.ski/moon/ 021
Victor @vpon.me · 10/09/2026The worst selector in UX I've ever seen. Choosing by logo in a huge grid without search 🤦♂️ 110
Victor @vpon.me · 05/08/2026Empty states should tell users what to do next. Don't just say "No projects yet" and leave them hanging. Add: - Clear instruction - Primary action button Help users take the first step. 0223
Victor @vpon.me · 28/07/2026Quick breakdown of Core Web Vitals: - LCP - loads fast (≤ 2.5s) - INP - responds fast (≤ 200ms) - CLS - doesn't shift (≤ 0.1) These three metrics can make or break your UX. Google cares about them, and so should you. 050
Victor @vpon.me · 25/07/2026Claude ships so frequently that I sometimes think they just change the version number. Well, hello Claude Opus 5. 000
Victor @vpon.me · 23/07/2026Your slider handles also need interaction states. Default → Pressed → Dragging And focus-visible ofc. For example: - Increase the handle size - Add visual feedback (e.g. change color a bit) - Animate these transformations but make it subtle Don't leave them static. 020
Victor @vpon.me · 17/07/2026According to GovAI and Brookings Institution research, "Web and digital interface designers" have the LOWEST AI vulnerability. There are two parameters they used: 1. AI exposure (how much AI affects the job) 2. Adaptability (ability to switch to new jobs for workers) 120
Victor @vpon.me · 16/07/2026Your app shouldn't show a loading spinner when the user clicks a like button. Here's how optimistic UI works: 1. User clicks like 2. UI updates immediately 3. Request happens in background 4. If it fails: undo + show error 140
Victor @vpon.me · 14/07/2026padding-inline/block are not just shortcuts. These are logical properties. They adapt to writing-mode and direction (RTL, vertical text), unlike physical properties that stay fixed. inline/block depend on text flow, left/right/top/bottom don't. x.com/vponamariov... 020
Victor @vpon.me · 14/07/2026When you tell the design team "just make it simple" and they take it literally. 030
Victor @vpon.me · 13/07/2026CSS tip 💡 Instead of writing: padding-left: 24px; padding-right: 24px; padding-top: 16px; padding-bottom: 16px; You can use padding-inline: 24px; padding-block: 16px; or just padding: 16px 24px; (top/bottom, left/right) 311111
Victor @vpon.me · 10/07/2026Everyone knows Murphy laws. I think it's time to collect our own list. Because... So. Many. Things. Go. Wrong. 😡 My first one: if someone tells you that something will be done today or tomorrow, it'll be done in 2 weeks. Add yours 👇 000
Reposted by VictorVictor @vpon.me · 02/07/2026Every button needs these 6 states: • Default • Hover • Pressed • Focus (for keyboard navigation) • Disabled • Loading The focus state is probably the most forgotten one. 2342
Victor @vpon.me · 08/07/2026Design Engineer needs to know: - UI/UX - Frontend - Accessibility - Product thinking - Prototyping - AI - Different Tools - And much more... Not just code or design. 151
Victor @vpon.me · 06/07/2026Quick UX question. What does this icon mean? 🌍 Nothing happens on hover. 100
Victor @vpon.me · 02/07/2026Every button needs these 6 states: • Default • Hover • Pressed • Focus (for keyboard navigation) • Disabled • Loading The focus state is probably the most forgotten one. 2342
Victor @vpon.me · 22/06/2026Feedback loop is one of the most basic UX concepts: User acts → System responds → User reacts → System responds again No response = user doesn't know if anything happened = confusion. 010
Victor @vpon.me · 19/06/2026UX Puzzle: 1. You go to MacOS settings 2. Type "Screen resolution" in the search Where is the screen resolution? 010
Victor @vpon.me · 17/06/2026UI/UX Tip 💡 You don't need an icon for every menu item. Especially when: • They're barely visible • They don't match the label • Half of them look the same Sometimes a clean list of text is more scannable than a wall of tiny, unclear icons. 220
Victor @vpon.me · 16/06/2026When did we decide that EVERYTHING needs to float and rounded? Floating buttons, floating panels, floating menus. All with shadows, frosted glass effects and so on. Why does it look like someone's shining a lamp at the UI? What's with all the shadows? 040
Victor @vpon.me · 15/06/2026Have you ever noticed when selecting text also highlights empty space between paragraphs? There's an easy one-line fix: ::selection { background-color: transparent; } 140
Victor @vpon.me · 11/06/2026CSS Tip 💡 align-content works on regular block elements. .card { display: block; align-content: center; } No flex. No grid. Just blocks. So you can easily align vertically with one line. 170
Victor @vpon.me · 10/06/2026UX tip 💡 Show validation feedback for things that can be validated, like the SWIFT code. This little "Valid" label is so reassuring. 061
Victor @vpon.me · 09/06/2026Mega menus can be dangerous. Like, actually dangerous. 😱 For example, if yours flashes and blinks that much. You're creating an accessibility hazard that can trigger seizures. 030
Victor @vpon.me · 08/06/2026UI/UX tip 💡 Clickable area. The bigger, the better 😅 Product Hunt, how about making the whole area clickable? 070
Victor @vpon.me · 04/06/2026UX tip 💡 Got 5 different login options? Mark the one your user picked last time. One tiny label prevents "wait, did I use Google or GitHub?" moments. 1260
Victor @vpon.me · 31/05/2026Need your opinion & support. Seriously. Guys, the AI anxiety took me over. The thing is, since 2020 I've been posting UI/UX tips, doing reviews, some coding and stuff like that. But the more AI evolves the more I become lost about what direction to choose. 181
Victor @vpon.me · 13/05/2026Hey folks! I’ve launched a practical book about modern CSS. Since you’re seeing this on Bluesky, you can get 30% off with the promo code BLUESKY :) Check it out 👇 css.vpon.mecss.vpon.meLearn Modern CSS for Better User ExperienceA practical book with modern CSS techniques, real examples, and UX-focused solutions. 261
Victor @vpon.me · 12/05/2026First time I've seen this browser protection. The card number was just a simple text input, if I'm not mistaken. 040
Reposted by VictorBeatrix 🏳️⚧️ @beatrix.bsky.social · 11/05/2026“you have to click ‘cancel’ to save your post as a draft” is one of the worst UX anti-patterns that Bsky inherited from Twitter. I‘m always forgetting where the “save as draft“ button is 1385
Victor @vpon.me · 08/05/2026Native image cropping with object-view-box. No image editing. Just CSS coordinates. 1170