Tech Skills

UI/UX Design

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

14,977
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,776) Articles (2901)Blog Posts (3207)Tutorials (257)Research Papers (12)News (399)
Let's DRY button "disabled"
Dev.to · Dominik Dosoudil 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Let's DRY button "disabled"
I got this idea while fixing a bug where a button wasn’t disabled when it was supposed to be. I...
When You Should Use Vue Teleport
Dev.to · Jakub Andrzejewski 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
When You Should Use Vue Teleport
When building modern Vue applications, not everything fits neatly inside your component tree. Some UI...
Accessibility in Baby Name Tools: What I Got Wrong (and Fixed)
Dev.to · Yunhan 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Accessibility in Baby Name Tools: What I Got Wrong (and Fixed)
Building an accessible baby name generator taught me more about web accessibility than any tutorial. Here's what I learned.
Haptic Feedback Design for Workout Apps
Dev.to · garry 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Haptic Feedback Design for Workout Apps
Why Haptics Matter More Than Sound in the Gym When I built BoxTime, I assumed the bell...
觸覺回饋是什麼?讓科技觸摸你的感受
Dev.to · 張旭豐 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
觸覺回饋是什麼?讓科技觸摸你的感受
觸覺回饋是什麼?讓科技觸摸你的感受 圖1:握持遊戲手把,體驗觸覺回饋帶來的沉浸感 ...
Forest Ash Theme: 21 Eye-Friendly VS Code Themes Inspired by Anime & Nature
Dev.to · Nitish 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Forest Ash Theme: 21 Eye-Friendly VS Code Themes Inspired by Anime & Nature
Hey there, fellow developers! Ever find yourself squinting at your screen after a long coding...
Mastering Compound Components: Building a Flexible, Accessible Dialog
Dev.to · Anuj Upadhyaya 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mastering Compound Components: Building a Flexible, Accessible Dialog
Mastering Compound Components: Building a Flexible, Accessible Dialog Building a component...
Dark Mode in 1 Line of Code — Meet vartheme
Dev.to · SUMIT 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Dark Mode in 1 Line of Code — Meet vartheme
If you've ever implemented dark mode in React, you already know the struggle. You end up: Setting...
How to Check if an Image Has Alt Text — 4 Methods I Actually Use
Dev.to · Rustamjon Akhmedov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Check if an Image Has Alt Text — 4 Methods I Actually Use
If you've ever wondered whether the images on your site actually have alt text — you're not alone....
Fitting 22 Nodes on One Screen: Refactoring the Dashboard Node Management UI
Dev.to · linou518 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Fitting 22 Nodes on One Screen: Refactoring the Dashboard Node Management UI
Fitting 22 Nodes on One Screen: Refactoring the Dashboard Node Management UI Real...
Flutter Interview Questions Part 3: State Management Deep Dive
Dev.to · Anurag Dubey 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Flutter Interview Questions Part 3: State Management Deep Dive
Welcome to Part 3 of the Flutter Interview Questions series! State management is arguably the most...
Vue i18n dahsboard
Dev.to · Arnaud Prioul (Mome) 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Vue i18n dahsboard
I built a Vue i18n dashboard to stop editing JSON files Working with vue-i18n has always...
Build Interactive Comparison Tools with Zero Dependencies
Dev.to · Profiterole 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Build Interactive Comparison Tools with Zero Dependencies
When I built the broadband and mobile plan comparison tools for Sorted MY, I made a deliberate...
MCP Apps - Finally a UI paradigm that speaks the language of intent
Dev.to · Nico Krijnen 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
MCP Apps - Finally a UI paradigm that speaks the language of intent
Earlier this month I spoke at the Dutch AI Conference. After my own talk, I attended a talk by Glenn...
[Boost]
Dev.to · Jules Mendonca 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
[Boost]
Accessibility Snapshot Testing in iOS ...
Keyboard Access and Focus: DHS Trusted Tester Study Group Session 3
Dev.to · Laura Wissiak, CPACC 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Keyboard Access and Focus: DHS Trusted Tester Study Group Session 3
In the digital landscape, we often design for the mouse. We obsess over hover states, smooth...
Mantine Rings Progress - A Complete Rewrite Inspired by Apple Watch
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mantine Rings Progress - A Complete Rewrite Inspired by Apple Watch
The concentric ring progress component for Mantine gets a major upgrade: native RingProgress, glow...
Vandalizing My Own Wikipedia Experience: A 90s Cyberpunk GeoCities Makeover
Dev.to · Paige Bailey 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Vandalizing My Own Wikipedia Experience: A 90s Cyberpunk GeoCities Makeover
Wikipedia is a marvel. It is the Library of Alexandria of our time, a meticulously curated repository...
Your Homepage is probably losing you money. Here's how to fix it
Dev.to · Elyvora US 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Your Homepage is probably losing you money. Here's how to fix it
Most developers obsess over features and forget that their homepage has about 3 seconds to convince...
8% of Your Male Users Can't See Your Red Error States. Design for Color Blindness.
Dev.to · Michael Lip 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
8% of Your Male Users Can't See Your Red Error States. Design for Color Blindness.
I shipped a form validation system that used green for valid fields and red for invalid ones. No...
Accessibility Snapshot Testing in iOS
Dev.to · Mark Steadman 🖌️ UI/UX Design 3mo ago
Accessibility Snapshot Testing in iOS
Snapshot testing is a popular type of regression testing that a lot of development teams are unaware...
React Query as a State Manager in Next.js: Do You Still Need Redux or Zustand?
Dev.to · GeekyAnts Inc 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
React Query as a State Manager in Next.js: Do You Still Need Redux or Zustand?
Is React Query enough for Next.js apps? Learn how it compares to Redux and Zustand for managing server and client state efficiently.
Add Interactive Facebook-Style Avatar Reactions to Your Website
Dev.to · Codebar Library 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Add Interactive Facebook-Style Avatar Reactions to Your Website
Social proof is everything in modern web design. Showing who liked, commented, or reacted to a post...
Automated Accessibility Testing API: Run WCAG 2.1 Audits Programmatically
Dev.to · Custodia-Admin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Automated Accessibility Testing API: Run WCAG 2.1 Audits Programmatically
Automated Accessibility Testing API: Run WCAG 2.1 Audits Programmatically Accessibility...
Jetpack Compose Layouts: When to Use Row, Column, Box & ConstraintLayout
Dev.to · SuriDevs 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Jetpack Compose Layouts: When to Use Row, Column, Box & ConstraintLayout
Every time I start a new screen in Compose, I ask myself the same question: Row, Column, Box, or...
Implementing a Simple Text Editor with Auto-Save Using TanStack Start
Dev.to · Isaac FEI 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Implementing a Simple Text Editor with Auto-Save Using TanStack Start
This post walks through building a document editor frontend with auto-save using TanStack Start. The...
Color Picker Guide: HEX, RGB, HSL Conversion for Web Developers
Dev.to · ze he 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Color Picker Guide: HEX, RGB, HSL Conversion for Web Developers
Color Picker Guide: HEX, RGB, HSL Conversion for Web Developers Colors in web development...
Automated Accessibility Testing API: Run WCAG 2.1 Audits Programmatically
Dev.to · Custodia-Admin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Automated Accessibility Testing API: Run WCAG 2.1 Audits Programmatically
Automated Accessibility Testing API: Run WCAG 2.1 Audits Programmatically Accessibility...
The Future of Websites: From Pages to Intelligent Systems
Dev.to · Safdar Ali 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Future of Websites: From Pages to Intelligent Systems
Websites used to be static pages. Then they became dynamic applications. Now they are becoming...
Google Stitch 2.0: Import Any Website's Design System Into Your AI-Generated App
Dev.to · Ayyaz Zafar 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Google Stitch 2.0: Import Any Website's Design System Into Your AI-Generated App
Google just released a major 2.0 update to Stitch, their AI design-to-code tool. The biggest new...
Custom Multi Select in React
Dev.to · Kush Bhandari 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Custom Multi Select in React
Machine Coding Interview Question Build a Multi-Select Dropdown with Search (Tag Input) This is VERY...
The Button Nobody Could See
Dev.to · Liora 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Button Nobody Could See
I spent three months watching people fail to click a button that was right in front of them. Not...
Creating a highly optimized Vuetify 3 project with Nuxt and UnoCSS
Dev.to · J-Sek 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Creating a highly optimized Vuetify 3 project with Nuxt and UnoCSS
This post was originally posted on the official Vuetify blog Although traditionally we tend to...
I removed all instructions from a website — here’s how people reacted
Dev.to · Abhrankan Chakrabarti 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I removed all instructions from a website — here’s how people reacted
Most users leave almost immediately. Some try to understand what’s going on. A few keep...
How AI Streamlines Design-to-Dev Handoff
Dev.to · Luca Bartoccini 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How AI Streamlines Design-to-Dev Handoff
End the back-and-forth between designers and developers. See how AI generates specs, extracts tokens, and creates code from designs.
Stop Using Tailwind CDN: Build Only the CSS You Actually Use (Django, PHP, Go)
Dev.to · Ijeoma Jahsway 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Stop Using Tailwind CDN: Build Only the CSS You Actually Use (Django, PHP, Go)
🚨 The Problem If you've been using Tailwind via CDN in production, then you've been...
Building a SaaS Dashboard UI from Scratch (With Code)
Dev.to · Pixel Mosaic 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building a SaaS Dashboard UI from Scratch (With Code)
Modern SaaS products live and die by their dashboards. A clean, responsive, and intuitive UI can...
Flutter Interview Questions Part 2: UI Widgets & Layouts
Dev.to · Anurag Dubey 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Flutter Interview Questions Part 2: UI Widgets & Layouts
Welcome to Part 2 of the Flutter Interview Questions series! Now that you have the Dart and Flutter...
How to Build a Website So Premium People Trust You Instantly
Dev.to · Aymen Hmani 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Build a Website So Premium People Trust You Instantly
Most websites aren’t bad — they just feel cheap. And when a website feels cheap, people assume the...
Can You "Read" Hex Codes? I Built a Game to Test Your Color Intuition 🎨
Dev.to · Kim Jin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Can You "Read" Hex Codes? I Built a Game to Test Your Color Intuition 🎨
A fun, lightweight web game to master HEX/RGB values and color intuition through nouns.
Filling the Gap in Collaborative Rich Text Editing: A Comprehensive, User-Friendly Toolkit Solution
Dev.to · Pavel Kostromin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Filling the Gap in Collaborative Rich Text Editing: A Comprehensive, User-Friendly Toolkit Solution
Introduction: The Collaborative Editing Dilemma The rich text editing landscape is a...
I built a 6.6KB embeddable weather widget — here's how it works
Dev.to · Eleftherios Papadopoulos 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I built a 6.6KB embeddable weather widget — here's how it works
I've been building wfy24.com solo for the past couple of years — a weather platform covering 5M+...
SwiftUI in 2026: The 7 Features That Changed Everything
Dev.to · Daniil Kornilov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
SwiftUI in 2026: The 7 Features That Changed Everything
SwiftUI Is No Longer "Just for Prototypes" When SwiftUI launched in 2019, skeptics said it...
Visualizing Pedestrian Trajectories on a Map with MapLibre
Dev.to · Toki Hirose 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Visualizing Pedestrian Trajectories on a Map with MapLibre
Note:I use AI assistance to draft and polish the English, but the analysis, interpretation, and core...
React Native vs Flutter in 2026: Which One Should You Choose?
Dev.to · Umidjon Gafforov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
React Native vs Flutter in 2026: Which One Should You Choose?
By Umidjon Gafforov — Full Stack & Mobile Developer from Bukhara, Uzbekistan If you're planning...
Why BEM Nesting Breaks in Tailwind v4
Dev.to · Mohamed Idris 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why BEM Nesting Breaks in Tailwind v4
So today I spent sometime debugging why some CSS styles weren't applying. Turns out, Tailwind v4...
A Practical Guide to Using Multiple GitHub Accounts on One Machine (Work + Personal) via SSH
Dev.to · JAYANTH CHALUVADI 🖌️ UI/UX Design 3mo ago
A Practical Guide to Using Multiple GitHub Accounts on One Machine (Work + Personal) via SSH
Struggling with Permission denied (publickey) when switching GitHub accounts? This guide...
Mantine Border Animate - A Complete Beam Rewrite with Dual Rendering Modes
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mantine Border Animate - A Complete Beam Rewrite with Dual Rendering Modes
The beam variant has been completely rebuilt with two rendering engines, multi-color gradient...