#Animasyon

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

Aralık 25, 2025Aralık 25, 2025porsukcansu@gmail.comLeave a Comment

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 Yapısı – HTML ile Başlangıç HTML, quiz’in iskeleti. Form olmadan hiçbir […]

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

Aralık 8, 2025porsukcansu@gmail.comLeave a Comment

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 💠 transform-style: preserve-3d Ebeveyn içinde çocukların 3D olmasını sağlar.Bunu yazmadın mı?Geçmiş olsun […]

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

Kasım 24, 2025Kasım 24, 2025porsukcansu@gmail.comLeave a Comment

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 interaktif deneyim sunmanın püf noktalarını öğreneceksin. 1. Sahneyi Kurmak: HTML ile […]

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

Kasım 23, 2025Kasım 23, 2025porsukcansu@gmail.comLeave a Comment

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 bir gece modu deneyimi hazırladım. 🎉 1️⃣ Karanlık Mod Nedir? Neden […]

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

Kasım 22, 2025Kasım 22, 2025porsukcansu@gmail.comLeave a Comment

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 dünyası çok renkli, çok hareketli ve bolca eğlenceli! 🎢😎 🐱 Maskot […]

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

Kasım 21, 2025Kasım 21, 2025porsukcansu@gmail.comLeave a Comment

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 zaman sadece geliştiricilerin okuduğu gizli notlar gibi durur. Ama biz onları […]

CSS ile Renk Patlamaları: Sayfana Enerji Kat 🎨⚡

Kasım 19, 2025Kasım 19, 2025porsukcansu@gmail.comLeave a Comment

Merhaba benim renkli kaşifim! 👋💖Bugün CSS’in sihirli dünyasında tam bir renk şovu yapacağız. Artık sayfan sadece düz bir arka plan olmayacak; hover efektleri, animasyonlu gradientler ve enerji dolu renklerle canlanacak. Hazır mısın? Çünkü sayfan artık renklerin dans ettiği bir sahne olacak! 🌈✨ 1. Gradientler: Sayfana Derinlik ve Enerji Kat 🌈 Gradientler, yani renk geçişleri, sıkıcı […]

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

Kasım 17, 2025Kasım 17, 2025porsukcansu@gmail.comLeave a Comment

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 🧙‍♂️ jQuery, JavaScript’in minik ama güçlü bir süper kahramanı gibi düşün. Karmaşık […]

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

Kasım 10, 2025Kasım 10, 2025porsukcansu@gmail.comLeave a Comment

Selam 💖Bugün sana retro bir mini oyun yaratmayı göstereceğim. Ama dur, sıkıcı teknik yazılar gibi olmayacak. 😎Bu rehberde: Hadi başlayalım, çünkü sahne senin aşkımmm! 💃🕺 1️⃣ Canvas Nedir ve Neden Kullanırız? 🖼️✨ Canvas, HTML’de piksel tabanlı bir tuvaldir. Tıpkı bir çizim tahtası gibi düşünebilirsin: Örnek: Basit Canvas Tanımı 💡 İpucu aşkımmm: 2️⃣ Oyun Fikrini Tasarlamak […]

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

Eylül 30, 2025Eylül 30, 2025porsukcansu@gmail.comLeave a Comment

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 inelim: yaratıcılar, çekim teknikleri, karakter derinlikleri ve tabii biraz mizah! 😂 […]