Sign in

Victor

@vpon.me
3.7K followers 568 following 2.3K posts

Helping devs, founders and designers fix their UI. 100 UI/UX tips (free) 👉 vpon.me/hundred

PostsRepliesMedia
Victor @vpon.me · 24/09/2026
In 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.
Map highlighting locations of pulpulaks, public drinking fountains, across Armenia, with options for viewing rivers and other water features.A map showing numerous locations of pulpulaks, springs, and other water sources across Armenia, with layers for different water bodies.A detailed map shows the distribution of rivers, springs, and pulpulaks across Armenia, highlighted with blue lines against a dark background.A dark map of Armenia highlights rivers, springs, pulpulaks, and other water bodies with blue lines and pink markers for locations.
140
Victor @vpon.me · 22/09/2026
This article probably has the most insane amount of interactive elements I've ever seen. Incredible 🤯 ciechanow.ski/moon/
021
Victor @vpon.me · 21/09/2026
Look at these visual explanations!! 🤯
010
Victor @vpon.me · 15/09/2026
Love Resend's card form UI. So clean and... laconic.
A sleek UI for adding a payment method features card number, expiration date, and CVC fields in a minimalistic design.
000
Victor @vpon.me · 10/09/2026
The worst selector in UX I've ever seen. Choosing by logo in a huge grid without search 🤦‍♂️
A grid displays numerous brand logos for selection, showcasing a variety of bathroom-related design and product companies.
110
Victor @vpon.me · 05/08/2026
Empty 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.
A comparison of app dashboards showing poor guidance versus clear instructions for starting a project, enhancing user experience.
0223
Victor @vpon.me · 28/07/2026
Quick 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.
Graphic explaining website performance metrics: LCP (loading speed), INP (interaction speed), and CLS (layout stability) with visual icons.
050
Victor @vpon.me · 28/07/2026
I think it's time to rebuild this since we now have AI. 🤔
Text highlighting the history of user interfaces features a dark background, with a call-to-action button to explore UI/UX tips.
001
Victor @vpon.me · 25/07/2026
Claude ships so frequently that I sometimes think they just change the version number. Well, hello Claude Opus 5.
Data table comparing performance metrics of AI models Opus 5, Fable 5, Opus 4.8, and GPT-5.6 across various tasks.
000
Victor @vpon.me · 23/07/2026
Your 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.
Slider design concept showcasing interaction states: Default, Pressed, Dragging, Focus-visible, with good and bad design practices noted.
020
Victor @vpon.me · 17/07/2026
According 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)
A scatter plot showing job vulnerability to AI, highlighting UI/UX designers as the least vulnerable, with varying adaptability scores.
120
Victor @vpon.me · 17/07/2026
I've just tried Kimi 3 asking whether it's from China or not 😅
A complex text with disjointed phrases discussing projects and relationships, possibly involving comparisons of different subjects.
010
Victor @vpon.me · 16/07/2026
Your 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
Illustration compares UI responses for liking a post with and without optimistic updates, showing immediate feedback and error handling.
140
Victor @vpon.me · 16/07/2026
Love the subtle glowing effect 🌟
010
Victor @vpon.me · 15/07/2026
It did fix the typo though.
000
Victor @vpon.me · 14/07/2026
🇪🇸 Spain or 🇫🇷 France?
000
Victor @vpon.me · 14/07/2026
padding-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...
Illustration shows padding differences between physical sides and logical axes in a vertical writing mode, highlighting layout adaptability.
020
Victor @vpon.me · 14/07/2026
Hey mum, I'm AI engineer
010
Victor @vpon.me · 14/07/2026
When you tell the design team "just make it simple" and they take it literally.
A green SUV is parked on a street beside a textured stone wall, with a house and vegetation in the background.
030
Victor @vpon.me · 14/07/2026
I like how the cookie settings look on the JetBrains site. 😅
Cookie settings window from JetBrains website, detailing data collection and options for user consent with buttons to accept or manage settings.
071
Victor @vpon.me · 13/07/2026
CSS 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)
Two boxes illustrate CSS padding styles: traditional versus shorthand using padding-inline and padding-block, with values displayed.
311111
Victor @vpon.me · 10/07/2026
Everyone 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 👇
A quote states, "Anything that can go wrong, will go wrong," attributed to Murphy's Law, presented on a plain background.
000
Victor @vpon.me · 09/07/2026
Drew was busy or something?
A notification displays an error message about failing to follow someone named Drew, with a prompt to try again.
000
Victor @vpon.me · 09/07/2026
How would you add a new payment method here?
A form interface for adding a new payment method, including fields for personal and billing information, with an emphasis on a "How?" prompt.
000
Reposted by Victor
Victor @vpon.me · 02/07/2026
Every button needs these 6 states: • Default • Hover • Pressed • Focus (for keyboard navigation) • Disabled • Loading The focus state is probably the most forgotten one.
Several "Save" buttons displayed with different states: Default, Hover, Pressed, Focus, Disabled, and Loading, each labeled accordingly.
2342
Victor @vpon.me · 08/07/2026
Design Engineer needs to know: - UI/UX - Frontend - Accessibility - Product thinking - Prototyping - AI - Different Tools - And much more... Not just code or design.
A central "Design Engineer" concept connects UI/UX, Accessibility, Frontend, Product Thinking, Prototyping, and Tools.
151
Victor @vpon.me · 06/07/2026
Quick UX question. What does this icon mean? 🌍 Nothing happens on hover.
A LinkedIn post discusses a CSS feature unknown to many, mentioning past libraries and newfound capabilities with pure CSS.
100
Victor @vpon.me · 02/07/2026
Every button needs these 6 states: • Default • Hover • Pressed • Focus (for keyboard navigation) • Disabled • Loading The focus state is probably the most forgotten one.
Several "Save" buttons displayed with different states: Default, Hover, Pressed, Focus, Disabled, and Loading, each labeled accordingly.
2342
Victor @vpon.me · 22/06/2026
Feedback 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.
A feedback loop outlines user interaction steps: typing, validating, understanding, moving to the next field, and UI response.
010
Victor @vpon.me · 19/06/2026
UX Puzzle: 1. You go to MacOS settings 2. Type "Screen resolution" in the search Where is the screen resolution?
MacOS display settings show options for brightness, True Tone, and display presets, focusing on screen resolution adjustments.
010
Victor @vpon.me · 19/06/2026
I just opened the spam folder...
An email in a spam folder titled "ILLUMINATI MEMBERSHIP INVITATION" from TOMAZ ALEXANDER, dated June 14.
110
Victor @vpon.me · 17/06/2026
UI/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.
A software menu displays various options including Commit, Project, Debug, Services, and notifications, highlighting a structured interface.
220
Victor @vpon.me · 17/06/2026
The most scannable text I've ever seen 👍 (no)
Content discussing ordering corporate merchandise in Armenia, including pricing, production timelines, and item suggestions for various events.
130
Victor @vpon.me · 16/06/2026
Rate my phone number input 🥰
2141
Victor @vpon.me · 16/06/2026
When 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?
Chat interface highlighting a colorful product image and a black furniture design, with arrows pointing to interactions and comments.
040
Victor @vpon.me · 15/06/2026
Have you ever noticed when selecting text also highlights empty space between paragraphs? There's an easy one-line fix: ::selection { background-color: transparent; }
A comparison shows text selection with highlighted background versus transparent selection affecting layout in paragraphs.
140
Victor @vpon.me · 14/06/2026
Badges like this are a true sign of AI-generated design.
A rounded badge with a light green background displays the text "I WAS MADE BY AI" in bold black letters.
120
Victor @vpon.me · 14/06/2026
Centering divs is still a problem. WhatsApp, web version 🤷‍♂️
Two icons displayed: a microphone symbol on the left and a smiley face on the right, both in circular gray backgrounds.
040
Victor @vpon.me · 12/06/2026
This is a UX crime.
030
Victor @vpon.me · 11/06/2026
CSS 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/2026
UX tip 💡 Show validation feedback for things that can be validated, like the SWIFT code. This little "Valid" label is so reassuring.
Form displaying bank details for the United States, including a valid SWIFT/BIC code and a hidden account number field.
061
Victor @vpon.me · 09/06/2026
Mega 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/2026
UI/UX tip 💡 Clickable area. The bigger, the better 😅 Product Hunt, how about making the whole area clickable?
070
Victor @vpon.me · 04/06/2026
UX 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.
Login interface featuring options to continue with email, Google, GitHub, Apple, SAML SSO, and Passkey.
1260
Victor @vpon.me · 01/06/2026
Classic sign of AI-generated design: rainbow gradient borders.
Three blank rectangular sections with a light background, possibly designed for input or content display.
140
Victor @vpon.me · 31/05/2026
Need 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/2026
Hey 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.me
css.vpon.me
Learn Modern CSS for Better User Experience
A practical book with modern CSS techniques, real examples, and UX-focused solutions.
261
Victor @vpon.me · 12/05/2026
First time I've seen this browser protection. The card number was just a simple text input, if I'm not mistaken.
Payment details form showing card number, expiration date, and country fields with a warning about unsecured connection.
040
Reposted by Victor
Beatrix 🏳️‍⚧️ @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/2026
Native image cropping with object-view-box. No image editing. Just CSS coordinates.
1170