🎭📂🪗 JavaScript ile Modal, Dropdown ve Accordion Yapımı
Posted inJavaScript 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ı…
No Comments
HTML ile Dijital Günlük (Journal): Kodla Düşünmenin En Kişisel Hâli 📝✨
Posted inHTML-5 Rehberi

HTML ile Dijital Günlük (Journal): Kodla Düşünmenin En Kişisel Hâli 📝✨

Bir defter düşün: Kimse karalamıyor Sayfalar kaybolmuyor Tarihler düzenli Duygular satır satır nefes alıyor Ve bu defter… HTML ile yazılmış. Bu yazıda: HTML’yi yapı kurmak için kullanacağız Günlük mantığını semantik etiketlerle öğreneceğiz Mini ama gerçek hayatta anlamlı bir proje çıkaracağız Framework yok.Backend yok.Sadece HTML…
No Comments
HTML İletişim Formu Tasarımı
Posted inHTML-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…
No Comments
💖 Basit Blog Post Tasarımı
Posted inHTML-5 Rehberi

💖 Basit Blog Post Tasarımı

💖 Basit Blog Post Tasarımı (Okunabilirlik kutsaldır, gözlerimiz değerli 👀✨) Merhaba HTML evreninin yazar ruhlu geliştiricisi 💻📝Bugün seninle “okuyan kaçmasın, yazı nefes alsın” diye tasarlanmış, sade ama güçlü bir blog post HTML yapısı kuruyoruz. Bu yazıda: Doğru etiketleri kullanacağız 🧠 Semantik HTML ile SEO’yu…
No Comments
♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir
Posted inHTML-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,…
No Comments
JavaScript Events
Posted inJavaScript Rehberi

JavaScript Events

Web Sayfalarını Canlandırmak İçin Güçlü, Eğlenceli ve Bir Tık Sihirli Bir Araç ✨🧙‍♂️ Bir web sayfasını hayal et:HTML iskelet 🦴CSS makyaj 💄Peki hareket? Tepki? Canlılık? 👉 JavaScript Events işte bu noktada devreye girer ve sayfaya der ki: “Sen artık sadece bakılan değil, etkileşime girilen…
No Comments