Tech Skills

UI/UX Design

User research, Figma, wireframing, design systems, prototyping and usability

15,129
lessons
Skills in this topic
View full skill map →
UX Research
beginner
Facilitate a usability test session
UI Design
beginner
Create a consistent 8pt spacing grid
Prototyping
intermediate
Build a click-through prototype in Figma
AI Design Tools
intermediate
Generate and iterate on UI concepts with AI
All Reads (6,928) Articles (3010)Blog Posts (3243)Tutorials (263)Research Papers (12)News (400)
Crazy Egg Blog 🖌️ UI/UX Design ⚡ AI Lesson 4h ago
Crazy Egg vs. Lucky Orange: Which Tool Is Better For You?
Should you choose Crazy Egg or Lucky Orange? Both conversion rate optimization (CRO) tools let you analyze user behavior on your site through heatmaps and... Th
Recharts: React Data Visualization Complete Guide (2026)
Dev.to · Carlos Oliva Pascual 🖌️ UI/UX Design ⚡ AI Lesson 5h ago
Recharts: React Data Visualization Complete Guide (2026)
Chart libraries for React split into two categories: those that are React-native (data flows in as...
Browser-side image processing notes: making photos work as craft grids
Dev.to · qingwancong 🖌️ UI/UX Design ⚡ AI Lesson 7h ago
Browser-side image processing notes: making photos work as craft grids
I have been working on a small browser-based image workflow recently, and it reminded me how...
Visualizing maintenance status on the site list — blue pulsing border for running, green solid for done
Dev.to · Susumu Takahashi 🖌️ UI/UX Design ⚡ AI Lesson 16h ago
Visualizing maintenance status on the site list — blue pulsing border for running, green solid for done
When you're running maintenance across several WordPress sites in sequence, a list view with...
I got tired of Django being left behind in UI, so I built a shadcn/ui equivalent.
Dev.to · John Joseph Bassey 🖌️ UI/UX Design ⚡ AI Lesson 18h ago
I got tired of Django being left behind in UI, so I built a shadcn/ui equivalent.
For years, the React and Next.js ecosystems have had a massive advantage: premium, plug-and-play UI...
WCAG 2.2 Accessibility for React Developers — Practical Guide
Dev.to · Safdar Ali 🖌️ UI/UX Design ⚡ AI Lesson 22h ago
WCAG 2.2 Accessibility for React Developers — Practical Guide
I'm Safdar Ali, a frontend engineer in Bengaluru. Last quarter I audited a client dashboard that...
This post shares a real accessibility case study from NASA.gov showing how one shared UI component resulted in 25 WCAG violations. It highlights why repeated implementation patterns matter and how fixing a single component can eliminate dozens of issues.
Dev.to · Olesya Boyarshinova 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
This post shares a real accessibility case study from NASA.gov showing how one shared UI component resulted in 25 WCAG violations. It highlights why repeated implementation patterns matter and how fixing a single component can eliminate dozens of issues.
One Component, 25 Accessibility Violations: A Real Example from NASA.gov ...
How to Compress a PNG Without Losing Quality
Dev.to · Rushikesh Lade 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
How to Compress a PNG Without Losing Quality
PNG has a reputation for producing large files, and for good reason: it's a lossless format, meaning...
Copying Is Inevitable. Copying Flaws Is Not.
Dev.to · CinfiniteDev 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Copying Is Inevitable. Copying Flaws Is Not.
Hey Folks , So, I wrote about Ola Web's cramped map a while ago. A bookmarklet. A quick fix. A...
Design não se faz sozinho: Friends of Figma mudou como eu vejo design
Dev.to · vitoriazzp 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Design não se faz sozinho: Friends of Figma mudou como eu vejo design
Abertura Eu sempre participei de comunidades de tecnologia: grupos de estudo do Google,...
Rethinking Web UIs: A Canvas-Native Retained-Mode UI Runtime
Dev.to · Xuepoo Foter 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Rethinking Web UIs: A Canvas-Native Retained-Mode UI Runtime
The browser DOM is a masterpiece of software engineering. For the last three decades, it has served...
I Threw Out the DOM, Kept Accessibility
Dev.to · Xuepoo Foter 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
I Threw Out the DOM, Kept Accessibility
Canvas-native UI runtime with a Virtual Math Tree, semantic accessibility projection, WebGL/WebGPU...
Why lightening a hex color in RGB gives you grey (and the HSL fix)
Dev.to · Daniel Cheong 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Why lightening a hex color in RGB gives you grey (and the HSL fix)
Your brand color has one hex value. A design system needs about nine: a light tint for hover...
Flutter Push Notification Permission Timing: UX Patterns That Protect Opt-In Rates
Dev.to · Jasper 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Flutter Push Notification Permission Timing: UX Patterns That Protect Opt-In Rates
Day-one users saw the system permission dialog before they understood why notifications mattered....
I built BrickSlider: a modular, framework-agnostic slider with Tailwind-friendly markup
Dev.to · Marcus Torres 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
I built BrickSlider: a modular, framework-agnostic slider with Tailwind-friendly markup
Sliders are one of those UI components that look simple until you actually need to build one...
I built a free CV builder with no signup – here’s what I learned
Dev.to · Belkacem Halim 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
I built a free CV builder with no signup – here’s what I learned
I built a free CV builder with no signup – here’s what I learned Creating a CV online is...
Xperience Community: Admin Styles
Dev.to · Victor Hugo Garcia 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Xperience Community: Admin Styles
If you spend your day inside the Xperience by Kentico admin, you already know the little things that...
Generating a Tailwind theme from semantic colour tokens
Dev.to · Alexander 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Generating a Tailwind theme from semantic colour tokens
You are looking at a pull request with over six hundred lines of hardcoded hex codes in Tailwind...
React.js Development Cost in 2026: A Complete Guide for Businesses
Dev.to · Rays TechServ 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
React.js Development Cost in 2026: A Complete Guide for Businesses
If you're planning to build a React application in 2026, one of the first questions you'll ask...
How to Build a UX Prototype That Validates New Product Features
Dev.to · Fan Song 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
How to Build a UX Prototype That Validates New Product Features
TL;DR — Key Takeaways Prototype testing reveals what users actually do, not what they say they...
Why Your Images Are Killing Your Core Web Vitals (and How I Fixed It in One Afternoon)
Dev.to · Muhaymin Bin Mehmood 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Why Your Images Are Killing Your Core Web Vitals (and How I Fixed It in One Afternoon)
The problem nobody notices until it's a problem Run PageSpeed Insights on almost any...
Virtualizing Dynamic Lists and Responsive Grids Without Offset Tables or Size Estimation
Dev.to · itihon 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Virtualizing Dynamic Lists and Responsive Grids Without Offset Tables or Size Estimation
In this article, I'd like to share my approach to virtualizing lists with items of unknown height....
Graphic Designing Training in Noida for Beginners & Professionals
Dev.to · Rishu Rajput 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Graphic Designing Training in Noida for Beginners & Professionals
These days, visuals do most of the talking. If you can design something that stands out, you can...
React useReducedMotion Hook: Respect prefers-reduced-motion (2026)
Dev.to · reactuse.com 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
React useReducedMotion Hook: Respect prefers-reduced-motion (2026)
React useReducedMotion Hook: Respect prefers-reduced-motion (2026) A full-bleed parallax...
The Labor Illusion: Why Making Users Wait Can Build More Trust
Dev.to · Khue Pham 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
The Labor Illusion: Why Making Users Wait Can Build More Trust
Here is a counterintuitive idea from behavioral psychology that quietly runs a lot of the software...
I reverse-engineered Discord's profile banner color blend (and built a tool around it)
Dev.to · blanco 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
I reverse-engineered Discord's profile banner color blend (and built a tool around it)
The problem Discord Nitro lets you set a profile theme color. Simple enough — except the...
Building a Multi-Contact TUI in Rust with Ratatui: Tabs, Consoles, and UX
Dev.to · Matías Denda 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Building a Multi-Contact TUI in Rust with Ratatui: Tabs, Consoles, and UX
Closing out a 6-post series on building Anyhide — a Rust steganography tool. This post is about the terminal UI: multi-contact tabs, a Doom-style command consol
Every MCP client rebuilds the same seven screens
Dev.to · Mayur Rawte 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Every MCP client rebuilds the same seven screens
MCP went from 2M to 97M monthly SDK downloads in a year. There are over 9,400 servers in the...
Design Rationale – Explaining the “Why” Behind Design Decisions
Dev.to · Dev Sk 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Design Rationale – Explaining the “Why” Behind Design Decisions
Design isn’t just about what we build — it’s about why we build it that way. That’s where Design...
CSS Grid vs Flexbox: Choosing Your Path Like Neo in The Matrix
Dev.to · Timevolt 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
CSS Grid vs Flexbox: Choosing Your Path Like Neo in The Matrix
The Quest Begins (The "Why") I remember the first time I tried to build a dashboard that...
Why I stopped using design tokens as implementation details
Dev.to · Yasin Demir 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Why I stopped using design tokens as implementation details
Design tokens are not CSS variables. This distinction sounds semantic, but getting it wrong produces...
16 Open Source Shadcn Checkbox Components
Dev.to · Sanjay Joshi 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
16 Open Source Shadcn Checkbox Components
Checkboxes might be one of the simplest UI components, but they're used in almost every React...
Feature Request: Theme Switching for Reel-Quick
Dev.to · Farhan Munir 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Feature Request: Theme Switching for Reel-Quick
I have opened a feature request to add frontend theme support to Reel-Quick. The proposed feature...
Most Of Your "Nudges" Are Just Interruptions In Costume
Dev.to · Digia 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Most Of Your "Nudges" Are Just Interruptions In Costume
In 2008, Richard Thaler and Cass Sunstein needed an example simple enough to explain the whole of...
What ref() and reactive() Are Actually For
Dev.to · Yasin Demir 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
What ref() and reactive() Are Actually For
Vue 3 gives you two ways to make something reactive: ref() and reactive(). The docs explain the...
Building Sleek Korean Web Pages Using ONLY System Fonts (No Web Fonts!)
Dev.to · Gunnwook Ahn 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Building Sleek Korean Web Pages Using ONLY System Fonts (No Web Fonts!)
Unlike English web fonts, Korean web fonts are notoriously heavy because they need to contain...
Why your generated color palettes look muddy (and what OKLCH does about it)
Dev.to · Irrational Apps 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Why your generated color palettes look muddy (and what OKLCH does about it)
I've built a handful of small color tools over the past year, and the thing that keeps surprising me...
Image formats explained: When to use JPG vs PNG vs WebP vs AVIF in 2026
Dev.to · Arhan Ahmad 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Image formats explained: When to use JPG vs PNG vs WebP vs AVIF in 2026
JPG, PNG, WebP, or AVIF? A practical guide to choosing the right image format for every use case.
Why I built a privacy-first image tool that runs entirely in your browser
Dev.to · Arhan Ahmad 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Why I built a privacy-first image tool that runs entirely in your browser
I built a free, privacy-first image toolkit with 22 tools that run entirely in your browser. No uploads. No servers. No tracking.
Designing K-Saju: turning a traditional birth-chart system into a lightweight K-culture web product
Dev.to · Piyak 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Designing K-Saju: turning a traditional birth-chart system into a lightweight K-culture web product
Designing K-Saju: turning a traditional birth-chart system into a lightweight K-culture web...
CSS Card Design — 40 Examples You Can Copy Right Now (2025)
Dev.to · Ayoub Bahlouli 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
CSS Card Design — 40 Examples You Can Copy Right Now (2025)
40 CSS card designs with live previews and copy-ready code. Basic cards, hover effects, glassmorphism, flip cards, pricing cards, dashboard widgets and creative
Responsive Navbar HTML CSS — 30 Patterns with Code (2025)
Dev.to · Ayoub Bahlouli 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Responsive Navbar HTML CSS — 30 Patterns with Code (2025)
30 responsive navbar patterns with HTML and CSS code. Hamburger menus, dropdowns, glass navbars, sticky headers, bottom tabs and accessible navigation.
CSS Button Styles — 50 Examples with Copy-Ready Code (2025)
Dev.to · Ayoub Bahlouli 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
CSS Button Styles — 50 Examples with Copy-Ready Code (2025)
A complete reference of CSS button styles: solid, outlined, gradient, animated, 3D and special effects. Every example has a live demo and copy-ready CSS.
Rattribute.js
Dev.to · William Troup 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Rattribute.js
Rattribute.js allows you to define different HTML attributes for different viewport widths using...
If You Know CSS, You Already Know Yumma CSS
Dev.to · Renildo Pereira 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
If You Know CSS, You Already Know Yumma CSS
Tailwind's class names are readable. items-center tells you what it does. But it's not CSS. It's...
Day 14: I doubled the accessibility audit to 30 apps. The public score list is now on GitHub. Every banking app scored F. WhatsApp, Google, and global apps score A. The pattern is undeniable.
Dev.to · Okeke Chukwudubem 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Day 14: I doubled the accessibility audit to 30 apps. The public score list is now on GitHub. Every banking app scored F. WhatsApp, Google, and global apps score A. The pattern is undeniable.
Project Log #14: I Scored 30 Apps on Accessibility. Here's the Public List. ...
Project Log #14: I Scored 30 Apps on Accessibility. Here's the Public List.
Dev.to · Okeke Chukwudubem 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Project Log #14: I Scored 30 Apps on Accessibility. Here's the Public List.
Day 14. The audit doubled in size. The accessibility score list is now public on GitHub. Last week,...
Tailwind CSS vs CSS Modules — What I Use in Production
Dev.to · Safdar Ali 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Tailwind CSS vs CSS Modules — What I Use in Production
Every new project sparks the same debate: utility classes or scoped CSS files? I ship Tailwind CSS on...