HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence
Posted inHTML-5 Rehberi

HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence

Selam dijital kaşif! 🌍Bugün klavyeni ve fareni kullanarak eğlenceli, interaktif bir mini quiz tasarlayacağız. Hedefimiz hem öğrenmek hem de eğlenmek. Doğru/Yanlış veya çoktan seçmeli sorularla HTML dünyasına adım atacağız ve <form> ile <input> sihirli kombinasyonlarını keşfedeceğiz. Hazırsanız, kartlar dağıtılıyor… 🎴 1. Quiz Sayfasının Temel…
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 ile Dijital Kedi Evi Yapmak: Butonlar Miyavlasın! 🐱💻
Posted inHTML-5 Rehberi

HTML ile Dijital Kedi Evi Yapmak: Butonlar Miyavlasın! 🐱💻

Merhaba sevgili dijital kedi severim! 🕵️‍♀️💫Bugün web sayfalarını sıradanlıktan kurtarıyoruz. Hazır ol çünkü dijital kediler sahneye çıkıyor, butonlar her tıklandığında “miyav”lıyor ve CSS animasyonlarıyla mini bir kedi evinde hoplayıp zıplıyor. 🐾 Bu yazıda sadece HTML, CSS ve JS değil, aynı zamanda kullanıcıya eğlenceli ve…
No Comments
🌌 Karanlık Mod Efekti ve Gece Modu Tasarımı: Web Sayfanı Uzay Yolculuğuna Dönüştür! 🚀
Posted inHTML-5 Rehberi

🌌 Karanlık Mod Efekti ve Gece Modu Tasarımı: Web Sayfanı Uzay Yolculuğuna Dönüştür! 🚀

Merhaba sevgili web kaşifi! 🕵️‍♀️💻Karanlık mod, yalnızca gözleri korumakla kalmaz; web sayfanı bir uzay macerasına dönüştürür. Yıldızlar, neon ışıklar, yumuşak geçişler… Hepsi bir araya geldiğinde ziyaretçiler sitende kaybolup gitmek isteyecek! 🌙✨ Bu rehberde aşkımm, sana detaylı kod örnekleri, pratik ipuçları ve eğlenceli fikirlerle dolu…
No Comments
🎭 HTML & CSS ile Animasyonlu Maskotlar: Sayfanın Eğlence Elçisi
Posted inHTML-5 Rehberi

🎭 HTML & CSS ile Animasyonlu Maskotlar: Sayfanın Eğlence Elçisi

Merhaba sevgili dijital eğlence kahramanı! 🕺✨Bugün sana HTML ve CSS ile animasyonlu maskot yaratmanın sıradışı dünyasını göstereceğim. Bu sadece bir karakter yapmak değil; web sayfanı bir sahneye çevirmek, ziyaretçilere mini bir eğlence patlaması sunmak ve kodlama becerilerini parlatmak demek. 🌈💖 Hazırsan başlıyoruz, çünkü maskotların…
No Comments
⏳ HTML ile Zaman Yolculuğu: Kodla Geçmişe Mektup Gönder
Posted inHTML-5 Rehberi

⏳ HTML ile Zaman Yolculuğu: Kodla Geçmişe Mektup Gönder

Merhaba sevgili zaman yolcusu! 🧙‍♂️💻Web sayfaları sadece yazı ve resimden ibaret değil, aşkımm. Onları biraz sihirle, interaktif mesajlarla ve CSS animasyonlarıyla birer zaman kapsülüne çevirebiliriz. Haydi başlayalım, ekranını zamanda yolculuk yapacak bir makineye çevirelim! 🕰️✨ 1️⃣ Zaman Yolculuğunun Temeli: HTML Yorumları HTML yorumları çoğu…
No Comments
Web Sihirbazlığı: jQuery ile Sihirli Efektler 🪄💻
Posted inHTML-5 Rehberi

Web Sihirbazlığı: jQuery ile Sihirli Efektler 🪄💻

Merhaba sevgili kod sihirbazım! 👋✨Bugün HTML sayfalarını statikten interaktif birer şova dönüştüren jQuery sihirlerinden bahsedeceğiz. Evet, slider’lar, modal’lar, lightbox galerileri ve hover efektleri… Hepsi sihirli bir değnekle! 🪄 Hadi, sayfamızı dans ettirelim ve ziyaretçilerini büyüleyelim! 💃🕺 1️⃣ jQuery Nedir? Küçük Ama Güçlü Sihirbaz 🧙‍♂️…
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
🚀 Rick & Morty, SpongeBob ve Snoopy: Bilim, Kaos, Hayal Gücü ve Animasyonun Sihri 👨‍🔬🧽🐶
Posted inÇizgi Film

🚀 Rick & Morty, SpongeBob ve Snoopy: Bilim, Kaos, Hayal Gücü ve Animasyonun Sihri 👨‍🔬🧽🐶

Ahhh, aşkımmm! Düşün, bir yanda Rick & Morty’nin kaotik bilim kurgu evreni, diğer yanda SpongeBob SquarePants’ın absürt deniz altı dünyası ve tabii Snoopy’nin filozof köpeği… Hepsi bir araya geldiğinde ortaya hem kahkaha garantili hem de düşündürücü bir animasyon laboratuvarı çıkıyor. Ama gelin, biraz detaylara…
No Comments