Tech Skills

UI/UX Design

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

14,792
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,602) Articles (2774)Blog Posts (3176)Tutorials (242)Research Papers (11)News (399)
Privacy-first mind mapping app. Part 0: Motivations and Mind Maps
Dev.to · Kornel Maraz 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Privacy-first mind mapping app. Part 0: Motivations and Mind Maps
Before MindMapVault, I used FreeMind a lot. I loved it because it was fast, reliable, and easy to...
ReactJs Performance ~ Virtualization for Large Lists~
Dev.to · Ogasawara Kakeru 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
ReactJs Performance ~ Virtualization for Large Lists~
Rendering very large lists in React can quickly become a performance bottleneck. For example, trying...
WCAG: Making the internet more accessible
Dev.to · anes 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
WCAG: Making the internet more accessible
We at Centro Labs recently finished making LocalMate WCAG 2.2 Level AA Compliant. It's not something...
Show Dev: I turned screen time reports into 3D trophies
Dev.to · Jean Michael Mayer 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Show Dev: I turned screen time reports into 3D trophies
The itch I was doom-scrolling at 1am, and iOS politely informed me I'd spent 4h 12min on...
The Scoring Gap: What a Carnival Shooter Teaches Us About Real Design
Dev.to · Sam Novak 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Scoring Gap: What a Carnival Shooter Teaches Us About Real Design
There’s a story Jesse Schell tells in The Art of Game Design that every developer and designer should...
MCPs everywhere, wth is that?
Dev.to · Rita 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
MCPs everywhere, wth is that?
I got tasked with connecting Figma to our UI Kit via MCP Starting with just documentation, it looks...
MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record
Dev.to · Chloe Zhou 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record
Architecture Background The project uses a single-spa microfrontend architecture. The host...
Shadow DOM CSS Isolation: How to Embed a Widget Without Breaking the Host Page
Dev.to · Benji Darby 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Shadow DOM CSS Isolation: How to Embed a Widget Without Breaking the Host Page
Shadow DOM is the only reliable way to prevent a third-party widget's CSS from colliding with a host...
Building a Modern SaaS Dashboard with Next.js 16, Tailwind v4, and shadcn/ui
Dev.to · Ayush Kumar 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a Modern SaaS Dashboard with Next.js 16, Tailwind v4, and shadcn/ui
A practical guide to the architectural decisions behind a production-ready admin dashboard — covering App Router patterns, Tailwind v4 theming, dark mode withou
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams
Dev.to · Sophie Marie Blanc 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams Meta: RGAA...
Where can I watch or stream HD movies online easily without complicated steps?
Dev.to · HD Movies Streaming 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Where can I watch or stream HD movies online easily without complicated steps?
Finding a reliable platform to watch or stream HD movies online can be challenging, especially with...
Lottie Code Review - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Lottie Code Review - Detaylı Teknik Analiz Rehberi 2026
Lottie Nedir? Tarihçe ve Gelişim Süreci Lottie, 2017 yılında Airbnb tarafından geliştirilmiş bir...
CSS3 Flexbox ile Yerleşim Düzeni Oluşturmanın Temel İlkeleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 Flexbox ile Yerleşim Düzeni Oluşturmanın Temel İlkeleri
CSS3 Flexbox'un Tarihçesi ve Gelişimi CSS3 Flexbox, web tasarımında esnek ve dinamik yerleşim...
From Feeling to Firmware: Build Your First Haptic Feedback Device (10 Minutes)
Dev.to · 張旭豐 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
From Feeling to Firmware: Build Your First Haptic Feedback Device (10 Minutes)
Stop asking what motor should I use. Start with what do I want this to feel like.
SVG Animation: Kapsamlı Anlatım - En İyi Pratikler ve Öneriler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
SVG Animation: Kapsamlı Anlatım - En İyi Pratikler ve Öneriler
SVG Animation: Kapsamlı Anlatım - En İyi Pratikler ve Öneriler SVG Animasyonlarının Tarihçesi ve...
Vue.js ile Component Tasarımı: Yeniden Kullanılabilir Bileşenler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Vue.js ile Component Tasarımı: Yeniden Kullanılabilir Bileşenler
Vue.js ve Bileşen Tasarımı: Tarihçe ve Gelişim Vue.js, 2014 yılında Evan You tarafından...
Next.js ile CSS Modülleri Kullanarak Stil Yönetimi Nasıl Yapılır
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Next.js ile CSS Modülleri Kullanarak Stil Yönetimi Nasıl Yapılır
CSS Modüllerinin Tarihçesi ve Gelişimi CSS Modülleri, modern web geliştirme süreçlerinde stil...
CSS3 ile Parallax Efekt Kullanarak Görsel Derinlik Katın
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 ile Parallax Efekt Kullanarak Görsel Derinlik Katın
CSS3 ile Parallax Efektin Tarihçesi ve Gelişimi Parallax efekti, kullanıcı deneyimini...
İleri Seviye Core Web Vitals - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
İleri Seviye Core Web Vitals - Detaylı Teknik Analiz Rehberi 2026
Core Web Vitals'ın Tarihçesi ve Gelişimi Core Web Vitals, Google tarafından geliştirilen ve web...
CSS3 ile Kullanıcı Eylemlerini Yakalayan Tasarım Yöntemleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 ile Kullanıcı Eylemlerini Yakalayan Tasarım Yöntemleri
CSS3 ve Kullanıcı Eylemleri: Tarihçe ve Gelişim CSS3, Cascading Style Sheets’in üçüncü sürümüdür ve...
SVG Animation Filtering - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
SVG Animation Filtering - Detaylı Teknik Analiz Rehberi 2026
SVG Animasyonlarının Tarihçesi ve Gelişimi SVG (Scalable Vector Graphics), XML tabanlı bir vektör...
BootstrapComponent Kütüphaneleri ile Uygulama Geliştirme Stratejileri 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
BootstrapComponent Kütüphaneleri ile Uygulama Geliştirme Stratejileri 2026
Web Geliştirme Web teknolojilerinde güncel kalarak projelerinizi bir üst seviyeye...
Scroll Animation Stratejileri - En İyi Pratikler ve Öneriler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Scroll Animation Stratejileri - En İyi Pratikler ve Öneriler
Scroll Animasyonlarının Tarihçesi ve Gelişimi Scroll animasyonları, web tasarımında kullanıcı...
CSS3 ile Sık Kullanılan Tasarım Şablonları: Uygulama Önerileri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 ile Sık Kullanılan Tasarım Şablonları: Uygulama Önerileri
CSS3'ün Tarihçesi ve Gelişimi CSS (Cascading Style Sheets) 1996 yılında W3C (World Wide Web...
Vue.js ile Proje Yönetimi Araçlarının En İyi Kullanım Yöntemleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Vue.js ile Proje Yönetimi Araçlarının En İyi Kullanım Yöntemleri
Vue.js ile Proje Yönetimi Araçlarının En İyi Kullanım Yöntemleri Vue.js'nin Tarihçesi ve Gelişimi...
Flutter Web でNotion 3.4対抗「パーソナルダッシュボード」を実装した話 — KPIチャートをゼロから作る
Dev.to · kanta13jp1 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Flutter Web でNotion 3.4対抗「パーソナルダッシュボード」を実装した話 — KPIチャートをゼロから作る
Flutter Web でNotion 3.4対抗「パーソナルダッシュボード」を実装した話 — KPIチャートをゼロから作る ...
Hover Effect Deployment - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Hover Effect Deployment - Detaylı Teknik Analiz Rehberi 2026
Hover Efektinin Tarihçesi ve Gelişimi Hover efektleri, web tasarımında kullanıcı etkileşimini...
3 layer of design token matter
Dev.to · Harsh Parmar 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
3 layer of design token matter
"Why do you need 3 layers of CSS variables? Just use brand-800 directly." That was me. Here's what...
Accessibility-first looks different from accessibility-compliant
Dev.to · Sinisa Kusic 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Accessibility-first looks different from accessibility-compliant
Nine decisions from an open-source React component library where treating WCAG 2.2 AA as a hard constraint changed the architecture, not just the output.
Next.js ile Görüntü Optimizasyonu: Hızlı ve Verimli Yöntemler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Next.js ile Görüntü Optimizasyonu: Hızlı ve Verimli Yöntemler
Next.js ve Görüntü Optimizasyonunun Tarihçesi Next.js, 2016 yılında Vercel tarafından...
CSS Animation Indexing - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS Animation Indexing - Detaylı Teknik Analiz Rehberi 2026
CSS Animasyonlarının Tarihçesi ve Gelişimi CSS animasyonları, web tasarımında etkileşimi ve görsel...
How Switching to a Component-Based CSS Approach Finally Fixed My Messy Stylesheets
Dev.to · Kartik Pal 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How Switching to a Component-Based CSS Approach Finally Fixed My Messy Stylesheets
Your stylesheet starts clean. Six months later, it's 2,000 lines of cascading chaos where touching...
Profesyonel SVG Animation - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Profesyonel SVG Animation - Detaylı Teknik Analiz Rehberi 2026
Profesyonel SVG Animation - Detaylı Teknik Analiz Rehberi 2026 SVG Animasyonlarının Tarihçesi ve...
CSS3 ile Duyarlı Tasarımın Temel Unsurları ve Uygulamaları
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 ile Duyarlı Tasarımın Temel Unsurları ve Uygulamaları
CSS3 ile Duyarlı Tasarımın Tarihçesi ve Gelişimi Duyarlı tasarım (responsive design), web...
Patterns Behind Receipts That Are Easy to Read
Dev.to · Muhammad Rizwan 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Patterns Behind Receipts That Are Easy to Read
At first glance, a receipt looks like a tiny, boring document. Then you try to build one properly and...
The blank file as a design constraint
Dev.to · Julio Molina Soler 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The blank file as a design constraint
The blank file as a design constraint Week 15, Post 5 — Saturday, April 11th, 2026 ...
G-Force: The Quantum Gravity UI Spec (Parody)
Dev.to · Basant Nema 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
G-Force: The Quantum Gravity UI Spec (Parody)
What I Built I built G-Force: The Quantum Gravity UI, a satirical project showcasing the...
Nuxt.js ile Vue I18n Kullanımı: Çok Dilli Destek Sağlama
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Nuxt.js ile Vue I18n Kullanımı: Çok Dilli Destek Sağlama
Nuxt.js ve Vue I18n: Tarihçe ve Gelişim Nuxt.js, Vue.js tabanlı bir framework olarak 2016 yılında...
Mobile First: Pratik Örnekler - En İyi Pratikler ve Öneriler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Mobile First: Pratik Örnekler - En İyi Pratikler ve Öneriler
Mobil Öncelikli Tasarımın Tarihçesi ve Gelişimi Mobil öncelikli tasarım, web tasarımında devrim...
Web AnimasyonModern Framer Motion - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Web AnimasyonModern Framer Motion - Detaylı Teknik Analiz Rehberi 2026
Web Geliştirme Web teknolojilerinde güncel kalarak projelerinizi bir üst seviyeye...
SVG Animation Eğitimi - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
SVG Animation Eğitimi - Detaylı Teknik Analiz Rehberi 2026
SVG Animation Eğitimi - Detaylı Teknik Analiz Rehberi 2026 SVG Nedir? Tarihçesi ve Gelişimi...
How to Rotate or Flip an Image Online for Free — 90 , 180 , Mirror, No Upload
Dev.to · Shaishav Patel 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Rotate or Flip an Image Online for Free — 90 , 180 , Mirror, No Upload
A photo came off your phone sideways. A product image needs to be mirrored. A scanned document is...
How to Resize Images Online for Free — Set Exact Dimensions, Lock Aspect Ratio, No Upload
Dev.to · Shaishav Patel 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Resize Images Online for Free — Set Exact Dimensions, Lock Aspect Ratio, No Upload
You need an image at exactly 1200×630px for an Open Graph tag. Or 800×600px for a product listing. Or...
Loading Animation 2026 - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Loading Animation 2026 - Detaylı Teknik Analiz Rehberi 2026
Loading Animasyonlarının Tarihçesi ve Gelişimi Loading animasyonları, web ve uygulama tasarımında...
Core Web Vitals: Kullanıcı Deneyimi için Neden Önemlidir?
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Core Web Vitals: Kullanıcı Deneyimi için Neden Önemlidir?
Core Web Vitals: Tarihçesi ve Gelişimi Core Web Vitals, Google’ın kullanıcı deneyimini iyileştirmek...
Lottie Projeleri - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Lottie Projeleri - Detaylı Teknik Analiz Rehberi 2026
Lottie Projeleri - Detaylı Teknik Analiz Rehberi 2026 Lottie Teknolojisinin Tarihçesi ve Gelişimi...
Advanced Loading Animation - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Advanced Loading Animation - Detaylı Teknik Analiz Rehberi 2026
Tarihçe ve Gelişim Advanced loading animasyonları, web tasarımının evrimi boyunca önemli bir yere...
HTML5 ile Web Sayfalarında Erişilebilirlik Standartları
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
HTML5 ile Web Sayfalarında Erişilebilirlik Standartları
HTML5 ve Erişilebilirlik Standartlarının Tarihçesi HTML5, web standartları dünyasında devrim...