🎨 Inline vs Internal vs External CSS: Stil Verirken Çatışmalar, Hatalar ve Komik Anlar
Posted inHTML-5 Rehberi

🎨 Inline vs Internal vs External CSS: Stil Verirken Çatışmalar, Hatalar ve Komik Anlar

Merhaba sevgili kod kahramanları! 👋Bugün CSS’in üç kralını, prensi ve öğrencisini tanıyacağız: Inline, Internal ve External CSS. Hazır ol, çünkü bu yazıda sadece stil vermeyi değil, kod dünyasındaki dramaları, komik hataları ve ipuçlarını da göreceksin.Kafanı yakmayacak ama beynini renklendirecek! 🌈 🔹 1️⃣ Inline CSS:…
No Comments
⏳ HTML Progress & Meter
Posted inHTML-5 Rehberi

⏳ HTML Progress & Meter

“Yükleniyor… Sabret (Ama Gerçekten Ne Kadar?)” İnternette üç evrensel gerçek vardır: Wi‑Fi en kritik anda gider. console.log çalışınca kendini dâhi sanırsın. Progress bar %99’da takılır. İşte bu yazıda HTML’in iki sabır ölçme cihazını masaya yatırıyoruz: <progress> → Bir iş yapılıyor, az kaldı… galiba. <meter>…
No Comments
🥗 JavaScript Destructuring: Kodun Diyete Girmesi
Posted inJavaScript Rehberi

🥗 JavaScript Destructuring: Kodun Diyete Girmesi

(Daha az satır, daha az tekrar, daha fit bir JavaScript – üstelik kaslı 💪) JavaScript’te bir noktaya gelirsin…Kod çalışıyordur ama bir tuhaflık vardır. user.profile.address.city…user.profile.address.zip…user.profile.address.country… Parmakların yorulur, gözlerin kayar, ruhun daralır. İşte tam o anda JavaScript yanına gelir, protein shake’ini uzatır ve der ki: “Bu…
No Comments
💛✨ JavaScript Promises: Seni Asla Yarım Bırakmayan Sözler
Posted inJavaScript Rehberi

💛✨ JavaScript Promises: Seni Asla Yarım Bırakmayan Sözler

JavaScript’te asenkronluk tam bir “kendi düzeni olan çalışan” gibidir: Ne zaman döneceği belli değildir, Dönerse güzel, Dönmezse sorun çıkarmadan “error” fırlatır, Bazen geç döner, Bazen yanlış bilgi döndürür, Bazen de hiç dönmez. Bu yüzden JavaScript, asenkronluğu bir düzene oturtmak için Promise denen yapıyı getirdi.…
No Comments
🎓 1️⃣ JavaScript ile Mini Yapay Zekâ Yapmak (Ama Öyle Havalı Görünsün ki Millet “Vay Be!” Desin)
Posted inBilgisayar Dünyası

🎓 1️⃣ JavaScript ile Mini Yapay Zekâ Yapmak (Ama Öyle Havalı Görünsün ki Millet “Vay Be!” Desin)

(Eğlenceli, Öğretici, Sıradışı, Ultra Detaylı Sürüm) JavaScript ile yapay zekâ mı?Evet... Üstelik o dev GPU’lara, milyon dolarlık compute gücüne falan gerek yok. Burada yapacağımız şey: ➡ Basit bir karar verme sistemi +➡ Akıllıymış gibi davranan ufak algoritmalar +➡ Güzel süslemeler +➡ Biraz hava, biraz…
No Comments
🌈 HTML ile 3D Görünüm İllüzyonları (Ultra Öğretici & Aşırı Havalı Versiyon)
Posted inHTML-5 Rehberi

🌈 HTML ile 3D Görünüm İllüzyonları (Ultra Öğretici & Aşırı Havalı Versiyon)

Sadece HTML + CSS kullanarak “Bu JavaScript’siz mümkün mü???” dedirten 3D dünyası… 🎬 1) 3D’nin Temel Büyüsü: perspective, transform, preserve-3d 3D efektlerinin sihirli üçlüsü: 💠 perspective Bir sahnenin “göz ile nesne” arasındaki uzaklığı.Düşük değer → daha dramatik 3DYüksek değer → daha yumuşak 3D 💠…
No Comments
🧩 HTML’de Yap-Boz Mantığı: Etiketler Gerçekte Nasıl Birbirine Kilitleniyor?
Posted inHTML-5 Rehberi

🧩 HTML’de Yap-Boz Mantığı: Etiketler Gerçekte Nasıl Birbirine Kilitleniyor?

(Bu sefer pro-level, mizah-level-max, öğretici-seviye: üstat) HTML’yi anlatırken çoğu kişi şöyle yapar: “Header koy, nav koy, section koy.”(Sonra da giderler.) Biz öyle değiliz!Biz HTML’nin mutfağına dalıyoruz, tencereyi çeviriyoruz, tahtaya vurup ritim tutuyoruz 😄💻✨ Bugün HTML’yi ev, etiketleri de yap-boz parçası olarak düşüneceğiz.Ve her parçayı…
No Comments