#UI

🎭📂🪗 Créer un Modal, un Dropdown et un Accordion avec JavaScript

« J’ai cliqué sur le bouton… quelque chose s’est passé à l’écran, mais POURQUOI ? » Dans le monde du frontend, il existe des composants qui : Arrêtent l’utilisateur 🛑 Forcent une décision 🤔 Mettent de l’ordre dans le chaos 🧘 Aujourd’hui, nous construisons…

By porsukcansu@gmail.com Aralık 29, 2025No Comments

JavaScript Guide

🎭📂🪗 Building Modal, Dropdown, and Accordion with JavaScript

“I clicked the button… something happened on the screen, but WHY?” In the frontend world, there are some components that: Stop the user 🛑 Force a decision 🤔 Bring order to chaos 🧘 Today, we’re building this UI Avengers trio: Modal → Enters the…

By porsukcansu@gmail.com Aralık 29, 2025No Comments

JavaScript Rehberi

🎭📂🪗 JavaScript ile Modal, Dropdown ve Accordion Yapımı

“Butona bastım… ekranda bir şeyler oluyor ama NEDEN?” Frontend dünyasında bazı bileşenler vardır ki: Kullanıcıyı durdurur 🛑 Seçim yaptırır 🤔 Düzeni sağlar 🧘 İşte bugün bu UI Avengers üçlüsünü yapıyoruz: Modal → Sahneye dramayla girer Dropdown → Sessiz ama kullanışlı Accordion → Düzen takıntılı…

By porsukcansu@gmail.com Aralık 29, 2025No Comments

HTML-5 Rehberi

HTML İletişim Formu Tasarımı

“Bana Ulaş” Demenin En Resmî, En Akıllı ve En Şık Yolu 📬 Bir web sitesine giriyorsun.Tasarım güzel.Yazılar okunaklı.Ama… 👉 İletişim formu yok. Bu durumda site şuna benzer: WhatsApp’ı var ama çevrimdışı 📴 İşte bu yüzden iletişim formu: Kullanıcıyla ilk temas noktasıdır Güven verir “Bu…

By porsukcansu@gmail.com Aralık 23, 2025No Comments

Le Guide HTML

🟢 Série de Mini-Projets HTML + CSS

Épisode 1 : Carte de Profil Personnel La façon frontend de dire “Je suis là” 😎 Bonjour cher voyageur du code 🧭💻Tu as vu les balises HTML, ajouté un peu de couleur avec le CSS, mais si tu te bats encore avec cette question…

By porsukcansu@gmail.com Aralık 20, 2025No Comments

HTML Guide

🟢 HTML + CSS Mini Projects Series

Episode 1: Personal Profile Card The frontend way of saying “I’m here” 😎 Hello dear code traveler 🧭💻You’ve seen HTML tags, added some color with CSS, but if you’re still struggling with this question: “Okay, I learned it… but where’s the project?” This mini…

By porsukcansu@gmail.com Aralık 20, 2025No Comments

HTML-5 Rehberi

🟢 HTML + CSS Mini Projeler Serisi

Bölüm 1: Kişisel Profil Kartı “Ben buradayım” demenin frontend yolu 😎 Merhaba sevgili kod yolcusu 🧭💻HTML etiketlerini gördün, CSS’le biraz renk kattın ama hâlâ şu soruyla boğuşuyorsan: “Ben tamam öğrendim de… nerede bu proje?” İşte bu mini proje tam olarak bu boşluğu doldurmak için…

By porsukcansu@gmail.com Aralık 20, 2025No Comments

Le Guide HTML

♿ Accessibilité HTML : le Web est pour tout le monde

aria-label est bien plus important que tu ne le penses ! 😎 Bonjour bel humain, mon/ma chéri·e passionné·e d’accessibilité 💖Aujourd’hui, je débarque avec un mélange de HTML, une pincée d’empathie, et plein de moments« Pourquoi je n’ai pas fait ça plus tôt ? ».…

By porsukcansu@gmail.com Aralık 16, 2025No Comments

HTML Guide

♿ HTML Accessibility: The Web Is for Everyone

aria-label is way more important than you think! 😎 Hello beautiful human, my accessibility-loving darling 💖Today I’m here with a mix of HTML, a pinch of empathy, and lots of“Why didn’t I do this sooner?” moments. Imagine a website: The design is stunning ✨…

By porsukcansu@gmail.com Aralık 16, 2025No Comments

HTML-5 Rehberi

♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir

♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir aria-label sandığından daha önemli! 😎 Merhaba güzel insan, erişilebilirlik aşığı💖Bugün biraz HTML, biraz empati, bolca "ben bunu niye daha önce yapmamışım" dedirten bilgilerle geldim. Bir web sitesi düşün: Tasarım göz kamaştırıyor ✨ Animasyonlar uçuyor 🛸 Kodlar tertipli,…

By porsukcansu@gmail.com Aralık 16, 2025No Comments