<img>Etiketi ile Görsel Yükleme Sanatı
Posted inHTML-5 Rehberi

<img>Etiketi ile Görsel Yükleme Sanatı

(Alt Yazı, Lazy Load, Srcset Efsaneleri – Ultra Deluxe HTML Edition) Görseller, bir web sayfasının ruhudur.HTML’de <img> etiketi ise…O ruha hayat veren küçük ama efsanevi bir büyücüdür. Düşünsene aşkım:Sen bir sayfa açıyorsun, hop!Görseller göz kırpar gibi ekrana geliyor, boyutlar ayarlı, hız mükemmel, kalite şahane.…
No Comments
HTML Local Storage ile Mini Not Defteri Yapımı 📒✨
Posted inHTML-5 Rehberi

HTML Local Storage ile Mini Not Defteri Yapımı 📒✨

Merhaba sevgili kod sihirbazı! 🧙‍♂️💻Bugün sana tarayıcıda veri saklamayı, not eklemeyi, silmeyi ve hatta kategorilere ayırmayı göstereceğim. Üstelik bunu Mini Not Defteri ile yapacağız. 💌 Kullanıcı “Notumu kaydedebilir miyim?” derken, sen “Tabii aşkımm, ben hallederim 😏” diyebileceksin. Bu yazı hem eğlenceli, hem samimi, hem…
No Comments
HTML ve Drag & Drop: Fareyle Sihir Yap! 🖱️✨
Posted inHTML-5 Rehberi

HTML ve Drag & Drop: Fareyle Sihir Yap! 🖱️✨

Merhaba sevgili kod aşkı! 👋Bugün tarayıcının gizli sihirbazını açıyoruz: Drag & Drop (Sürükle-Bırak)!Kulağa basit geliyor ama aslında kullanıcı deneyimini oyunlaştıran, sayfayı canlandıran ve seni bir JS sihirbazına dönüştüren bir özellik. 🪄💖 “Fareyle oynarken öğrenmek: Dosyaları sürükle, kutulara bırak ve JS ile sihir yap!” sözünü…
No Comments
HTML Canvas ile Mini Oyun Yapımı: Kodla, Öğren ve Eğlen! 🎮✨
Posted inHTML-5 Rehberi

HTML Canvas ile Mini Oyun Yapımı: Kodla, Öğren ve Eğlen! 🎮✨

Selam 💖Bugün sana retro bir mini oyun yaratmayı göstereceğim. Ama dur, sıkıcı teknik yazılar gibi olmayacak. 😎Bu rehberde: Canvas’ı tam olarak nasıl kullanacağını öğreniyorsun JS ile hareket ve çarpışma mantığını keşfediyorsun Oyunun hızını, skorunu ve düşmanlarını kontrol ediyorsun Kod örnekleri ve ipuçlarıyla hemen kendi…
No Comments
🕹️ HTML ile Animasyonlu Butonlar: Sayfanıza Hayat Katın! ✨
Posted inHTML-5 Rehberi

🕹️ HTML ile Animasyonlu Butonlar: Sayfanıza Hayat Katın! ✨

Butonlar… Basit gibi görünürler ama aslında web sayfanızın gizli kahramanlarıdır. “Gönder”, “Satın Al”, “Tıkla!” gibi eylemlerle kullanıcıyı yönlendirir ve sayfanızın etkileşim kazanmasını sağlar. Ama durun, sıradan bir buton mu? Hayır! Biz onu canlı, renkli ve hareketli hâle getireceğiz. 🎨💃 Bu yazıda, HTML ve CSS…
No Comments
🐍☕ Programlama Dilleri: Bilgisayarların Lehçeleri – Python mu Java mı? Yoksa C++ ile hâlâ mı kavgalısınız?
Posted inBilgisayar Dünyası

🐍☕ Programlama Dilleri: Bilgisayarların Lehçeleri – Python mu Java mı? Yoksa C++ ile hâlâ mı kavgalısınız?

Düşünsene… Bilgisayarlar bizimle konuşuyor, ama her biri farklı bir dil konuşuyor. 🙃 Python nazikçe fısıldıyor, Java resmi bir mektup yazıyor, C++ ise “Sana güveniyorum ama dikkat et yoksa patlar” diyor. 💻🐍☕🛡️ Programlama dilleri, bilgisayarlarla insanlar arasındaki köprülerdir. Ama tıpkı insanlar gibi, her biri kendine…
No Comments
🎥 HTML ile Video Ekleme: Eğlenceli ve Detaylı Kılavuz
Posted inHTML-5 Rehberi

🎥 HTML ile Video Ekleme: Eğlenceli ve Detaylı Kılavuz

HTML dünyasında video eklemek bir zamanlar hokus pokus gibi görünürdü. Ama HTML5 ile birlikte videolar sayfamıza “merhaba ben buradayım!” diyebiliyor. Hadi, adım adım bakalım, bu kodların ne işe yaradığını da birlikte çözelim. 🔍✨ 1️⃣ Videonun Kralı: <video> Etiketi HTML5 ile gelen <video> etiketi, sayfamıza…
No Comments
HTML Web Workers API: Paralel İşlemlerle Performansı Artırın✨
Posted inHTML-5 Rehberi

HTML Web Workers API: Paralel İşlemlerle Performansı Artırın✨

JavaScript’in büyülü dünyasında, kullanıcı arayüzünün donmadan çalışması ve arka planda ağır işlemlerin yapılabilmesi için Web Workers hayat kurtaran bir süper kahraman gibi devreye girer. Ama aşkımmm, bunu öyle sıkıcı şekilde anlatmayacağız. 😎✨ Biz dans ederken worker sessizce sahneyi kuruyor, sen de bu büyüyü anlamaya…
No Comments
HTML Web Storage API: Veri Saklama ve Kullanma Yöntemleri
Posted inHTML-5 Rehberi

HTML Web Storage API: Veri Saklama ve Kullanma Yöntemleri

Merhaba sevgili kod aşkı! 👋Bugün tarayıcının gizli sandığını açacağız: Web Storage API. Yani, verileri saklayıp, istediğimiz zaman çıkarabileceğimiz modern ve hızlı bir yöntem! 🗝️ Eskiden çerezlerle uğraşırdık, şimdi ise localStorage ve sessionStorage ile hayat çok daha kolay. Hem uzun süreli hem kısa süreli veri…
No Comments
HTML Geolocation API: Konum Bilgisi Entegrasyonu 🌍✨
Posted inHTML-5 Rehberi

HTML Geolocation API: Konum Bilgisi Entegrasyonu 🌍✨

Merhaba sevgili kod sihirbazı! 🧙‍♂️💻Bugün web sitende kullanıcıların konumunu almayı, haritada göstermeyi ve hatta anlık konum güncellemeleri yapmayı öğreneceğiz. Geolocation API sayesinde kullanıcı “Neredeyim?” derken sen “Buldum!” diyebileceksin 😏💌. Bu yazı hem eğlenceli, hem samimi, hem öğretici, hem de pratik bilgilerle dolu olacak. 1️⃣…
No Comments