Victor

@vpon.me

3696 Followers 568 Following

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

Slider design concept showcasing interaction states: Default, Pressed, Dragging, Focus-visible, with good and bad design practices noted.
A scatter plot showing job vulnerability to AI, highlighting UI/UX designers as the least vulnerable, with varying adaptability scores.
A complex text with disjointed phrases discussing projects and relationships, possibly involving comparisons of different subjects.
Illustration compares UI responses for liking a post with and without optimistic updates, showing immediate feedback and error handling.
Illustration shows padding differences between physical sides and logical axes in a vertical writing mode, highlighting layout adaptability.
A green SUV is parked on a street beside a textured stone wall, with a house and vegetation in the background.
Cookie settings window from JetBrains website, detailing data collection and options for user consent with buttons to accept or manage settings.
Two boxes illustrate CSS padding styles: traditional versus shorthand using padding-inline and padding-block, with values displayed.
A quote states, "Anything that can go wrong, will go wrong," attributed to Murphy's Law, presented on a plain background.
A notification displays an error message about failing to follow someone named Drew, with a prompt to try again.
A form interface for adding a new payment method, including fields for personal and billing information, with an emphasis on a "How?" prompt.
A central "Design Engineer" concept connects UI/UX, Accessibility, Frontend, Product Thinking, Prototyping, and Tools.
A LinkedIn post discusses a CSS feature unknown to many, mentioning past libraries and newfound capabilities with pure CSS.
Several "Save" buttons displayed with different states: Default, Hover, Pressed, Focus, Disabled, and Loading, each labeled accordingly.
A feedback loop outlines user interaction steps: typing, validating, understanding, moving to the next field, and UI response.
MacOS display settings show options for brightness, True Tone, and display presets, focusing on screen resolution adjustments.
An email in a spam folder titled "ILLUMINATI MEMBERSHIP INVITATION" from TOMAZ ALEXANDER, dated June 14.
A software menu displays various options including Commit, Project, Debug, Services, and notifications, highlighting a structured interface.
Content discussing ordering corporate merchandise in Armenia, including pricing, production timelines, and item suggestions for various events.
Chat interface highlighting a colorful product image and a black furniture design, with arrows pointing to interactions and comments.
Browser compatibility chart for the ::selection CSS pseudo-element, showing support levels across multiple browsers and versions.
A comparison shows text selection with highlighted background versus transparent selection affecting layout in paragraphs.
A rounded badge with a light green background displays the text "I WAS MADE BY AI" in bold black letters.
Two icons displayed: a microphone symbol on the left and a smiley face on the right, both in circular gray backgrounds.
Form displaying bank details for the United States, including a valid SWIFT/BIC code and a hidden account number field.
Login interface featuring options to continue with email, Google, GitHub, Apple, SAML SSO, and Passkey.
Three blank rectangular sections with a light background, possibly designed for input or content display.
Payment details form showing card number, expiration date, and country fields with a warning about unsecured connection.
Code snippet shows a CSS view transition group for a lamp with animation duration set to 800ms and timing function as ease-in-out.
Code snippet shows a CSS class definition for an image with a view transition effect labeled "lamp."
Code snippet showing a CSS rule for enabling view transitions with automatic navigation settings.
A cat sits near a laptop displaying text about CSS, emphasizing a playful proofreading context for the owner's book.
Four boxes illustrate CSS width settings: auto, inline-block, fixed width, and fit-content as a solution for centered content.
A code snippet defines button styles with contrasting background colors and text colors for different media settings.
Side-by-side comparison of low and high contrast UI designs highlighting readability, button visibility, and section separation.
Chart displays browser support for the prefers-reduced-motion CSS media query, indicating compatibility and usage percentages across various browsers.
CSS code snippet showing animation for a card element, with a media query to disable animations for users who prefer reduced motion.
Two panels compare default motion with reduced motion settings. The first shows animated elements, while the second features static components for less distraction.
A table displays browser compatibility data for the prefers-reduced-transparency CSS media query, highlighting user preferences for reduced transparency.
CSS code snippet for adjusting a modal overlay background and removing backdrop filter based on user settings for reduced transparency.
Two UI designs illustrate CSS media feature for reduced transparency, highlighting effects for improved readability.
A comic strip depicts God creating light, followed by a humorous request for dark mode support.
CSS code snippet for a card component with a dynamic gradient background and smooth transitions upon hover.