Tech Skills
UI/UX Design
User research, Figma, wireframing, design systems, prototyping and usability
Skills in this topic
4 skills — Sign in to track your progress

Dev.to · 137Foundry
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
CSS Techniques for Creating Visual Hierarchy in Web Interfaces
Visual hierarchy in web design is primarily achieved through CSS. The concepts - scale, contrast,...

Dev.to · Giovani Fouz
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Perceptual Engine: Un motor de renderizado que predice el movimiento del usuario
🧠 Perceptual Engine: Un motor de renderizado que predice el movimiento del usuario La mayoría de las...

Dev.to · jordit schwend
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
DEV Community support article for www.similarsites.com
This DEV.to / Forem article points readers toward an important Tier-1 resource for discovery and...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How to Optimize LCP with Proper Critical CSS Loading
How to Beat the Blank Screen and Optimize Your LCP with Critical CSS Picture this: you have spent...

Dev.to · Harsh Mistry
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why sRGB is Ruining Your Gradients (And How to Fix It with OKLCH)
If you're still generating color gradients using basic HEX codes or standard RGB/HSL color pickers,...

Dev.to · Joseph Anady
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Core Web Vitals: How to Fix Them
Learn what Core Web Vitals measure and how to fix page speed, layout shifts, and responsiveness without hurting the site.

Dev.to · JustAcademy Official
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Common UI/UX Design Mistakes Beginners Make in Figma
Many beginner UI/UX designers spend hours making interfaces look visually attractive but still...

Dev.to · Vishal Koriya
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
The fastest way to kill adoption is forcing users to think like the system.
Most systems expect people to follow strict flows: Click here Fill this first Use exact terms Follow...

Dev.to · Prajapati Paresh
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Stop Blank Screens: Streaming UIs in Next.js App Router ⚡
The Server-Side Rendering (SSR) Bottleneck Server-Side Rendering is incredible for SEO and security....

Dev.to · Joe
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How I Bypassed Clunky Software to Extract Sharp Line Art Directly in the Browser
Every designer, illustrator, or hobbyist working with laser engraving and tattoo stencils eventually...

Dev.to · Joseph Anady
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Visual Search Optimization
Originally published at thatdevpro.com. This framework reference is part of the 14-tier Engine...

Dev.to · Joseph Anady
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
UX for SEO
Originally published at thatdevpro.com. This framework reference is part of the 14-tier Engine...

Dev.to · Girish Bhatia
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Kiro Did It: Build a Simple Portfolio Website with Kiro IDE | From Prompt to HTML Prototype
Hi! I’m Girish, an AWS Community Builder and Cloud Technology Enthusiast with expertise in delivering...

Dev.to · Joseph Anady
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Form Optimization
Originally published at thatdevpro.com. This framework reference is part of the 14-tier Engine...

Dev.to · Naimesh Rao
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
🌍 RTL Arabic Style UI
👉 https://codepen.io/naimeshrao/full/VYmzXwO Left-to-right is not the whole internet 😄 Create a...

Dev.to · Naimesh Rao
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
⌛ Modern Skeleton Loading
👉 https://codepen.io/naimeshrao/full/NPbjwwz Users hate waiting… but stylish fake loading somehow...

Dev.to · Naimesh Rao
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
🎬 Animated UI with Lottie
👉 https://codepen.io/naimeshrao/full/raWzJwm Why use giant videos when tiny JSON animations can do...

Dev.to · soma ryuu
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
What Uniswap, Phantom, and Rainbow Did That Nobody Else Copied
Three products define Web3 design. Everyone references them. Almost nobody copies the actual decision that made them work.

Dev.to · soma ryuu
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
The 15-Minute Audit Every Web3 App Needs Before It Launches
A practical checklist for catching the UX failures that no smart contract audit covers, before your users find them.

Dev.to · soma ryuu
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why Web3 Founders Keep Getting Ghosted by Good Designers (And How to Fix It)
The design talent shortage in Web3 is not about money. It is about the conditions teams create before they hire.

Dev.to · MakeMyStickers
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I Built a Free Sticker Maker Because Every Other One Hid the Export
Every "free" sticker and label maker I tried did one of three things: forced a signup, stamped a...

Dev.to · J Now
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Klein Blue looked right in Figma. On a dark terminal, it vanished.
Yves Klein's IKB — hex 002FA7 — has an APCA lightness contrast of Lc -12 on a dark background. That's...

Dev.to · ABDELAAZIZ OUAKALA
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
🪄 Form Arrays: The Senior Way to Build UI in Angular
Static forms break down as applications become workflow-driven. Learn how senior Angular developers use FormArray to build scalable, composable, enterprise-grad

Dev.to · Shawon Saha
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Fix the Notch: How to Stop macOS Hiding Your Menu Bar Icons
The notch on modern MacBooks gives us beautiful, near-borderless displays. But for heavy...

Dev.to · Ugur Aslim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Tailwind CSS Component Slots in React 19: Building Flexible, Reusable UI Without Prop Drilling Hell
Design a component composition pattern using React 19's children and Tailwind CSS that eliminates prop-drilling for styling, supports composition without wrappe

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Drawing with CSS: Creating Complex Icons Without Using SVG
Drawing with CSS: Creating Complex Icons Without Touching SVG Grab your coffee, pull up a chair, and...

Dev.to · Mohamed Ibrahim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I Got Tired of Heavy Design Tools😩… So I Built My Own
Like the title says, I got tired of heavy design tools… so I built my own. I wanted something...

Dev.to · Embyr Dating
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Show HN: I Built a Free Grindr Alternative — No Ads, No Paywalls, Just Men Connecting
I got tired of Grindr. The ads, the paywalls, the endless subscriptions just to see who liked you. So...

Dev.to · adousa
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Picking black or white text: a tiny trained model vs WCAG luminance
If your UI lets users pick their own colors — tags, labels, calendar events, avatars generated from a...

Dev.to · Mohamed Ibrahim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I Got Tired of Heavy Design Tools… So I Built My Own 😩
Like the title says, I got tired of heavy design tools… so I built my own. I wanted something...

Dev.to · Vimal
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Build a streaming UI without overcomplicating it
If you are building a UI that needs to show progress, logs, or live updates, you do not need to jump...

Dev.to · Truffle
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Glyph v0.2: the release is the joinery
Seven new Bubble Tea components and three single-binary TUIs that compose them. A note on why the unit test for a component library is the demo, not the catalog

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Mathematical Functions in CSS: clamp, min, max and How They Simplify Responsiveness
The Math Cure for Your Layout Headaches Grab a cup of coffee and let's have a real talk about...

Dev.to · sano.senxpai
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
OPRIX : From a simple messaging web app to a well structured and enhanced UI messaging web app
This is a submission for the GitHub Finish-Up-A-Thon Challenge What I Built Oprix –...

Dev.to · J Now
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why WCAG ratios misled me building a dark terminal theme
I reached for WCAG contrast first. Checked IKB against my dark background, got a ratio above 3:1, and...

Dev.to · Jibola Timothy Kolawole
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I've audited dozens of estate agency websites. The same 5 problems show up every single time.
Estate agency websites sit in an interesting category from a technical standpoint — high commercial...

Dev.to · Ugur Aslim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Building Dynamic RBAC in React 19: From Permission Strings to Component-Level Access Control
Design a type-safe permission layer that decouples role definitions from UI components, handles permission inheritance across tenant hierarchies, and gracefully

Dev.to · Bina Kumari
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How To Build an Image Cropper in Browser (Simple Steps)
📄 How To Build an Image Cropper in Browser (Simple Steps) Building front-end utilities...

Dev.to · shan kulkarni
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why Country/State/City Pickers Are Weirdly Hard
What looks like three simple dropdowns quickly turns into caching, async state management, accessibility, and constantly changing location data.

Dev.to · Ryan John
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How does VuReact compile Vue 3's defineExpose() to React?
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...

Dev.to · Razvan Zamfir
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
A clean Bootstrap 5 form with floating labels, for a superior user experience.
Clean Bootstrap 5 Form with Floating Labels ...

Dev.to · KMP Bits
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Clean Lap: UI Testing in Compose Multiplatform
In qualifying, the data engineer doesn't wait for Sunday to find out something was wrong. By the time...

Dev.to · Real Macways
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Brand Identity Design Service
Brand Identity Design Service https://www.realmacways.com/brand-identity-design-service/ Real...

Dev.to · Ilovehue
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Stop Tab-Switching: A Developer's Guide to Color Tools That Actually Fit the Workflow
Every developer building UI eventually hits the same problem: you're constantly switching tabs for...

Dev.to · Alexandr
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How to turn text into colors (without AI)
You definitely know that you can generate an image from text by simply feeding the prompt to Nano...

Dev.to · Hao Notes
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why Mobile Users Leave a Website Within Seconds
Why Mobile Users Leave a Website Within Seconds It's rarely about the content. Usually,...

Dev.to · Micky C
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
What AI Can't Understand About Your Users — And Why That Matters for Your Career
AI can analyze behavior data. It can't watch a user give up on your form and understand why. User research is an AI-resistant skill — here's why it matters more

Dev.to · Nafiz Mahmud
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
From Profile to Pipeline: The Freelance UI/UX Designer’s LinkedIn Playbook (2026 )
If you’re a freelance UI/UX designer, your portfolio proves you can design. But your LinkedIn profile...
DeepCamp AI