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 · 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...

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...

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...

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...

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...

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...

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...

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...

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

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...

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...

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...

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...

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.

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...

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...

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...

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...

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...

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...

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...

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...

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ı...

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...

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...

Dev.to · kanta13jp1
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Flutter Web でNotion 3.4対抗「パーソナルダッシュボード」を実装した話 — KPIチャートをゼロから作る
Flutter Web でNotion 3.4対抗「パーソナルダッシュボード」を実装した話 — KPIチャートをゼロから作る ...

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...

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...

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.

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...

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...

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...

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...

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...

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...

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 ...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...
DeepCamp AI