#WebTasarım

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 […]

JavaScript ile Basit Calculator Yapımı

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

“Hesap yapar, drama yapmaz.” 🧮😄 JavaScript öğrenirken bazı mini projeler vardır: İşte Calculator (Hesap Makinesi) tam olarak böyle bir projedir. “Ben JavaScript biliyorum” demeninen mütevazı ama en etkili yollarından biri 😎 1️⃣ Koddan Önce: Mantığı Kuralım 🧠 (Çünkü plansız kod, karışık hayat demektir) Bir calculator ne yapar? Yani ihtiyacımız olanlar: 📌 Altın kural: Kod yazmadan […]

💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄

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

Merhaba kod kahramanım 😎💻Bugün küçük ama göz alıcı bir e-ticaret ürün sayfası yapacağız.Hazır mısın? Kahveni al ☕, kod şapkanı tak 🎩, çünkü bu sayfa sadece işlevsel değil, şık ve interaktif olacak! 🎯 Projenin Amacı Bu proje ile şunları öğrenip uygulayacağız: 💡 İpucu: Her adımda temiz ve okunabilir kod yazmayı unutma. Kodun güzel görünüyorsa, sen de […]

🎨 Inline vs Internal vs External CSS: Conflicts, Mistakes, and Funny Moments

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

Hello, dear code heroes! 👋Today, we’re going to meet the king, the prince, and the student of CSS: Inline, Internal, and External CSS. Get ready, because in this article, you’ll not only learn styling, but also witness coding dramas, funny mistakes, and handy tips.It won’t fry your brain, but it will color it! 🌈 🔹 […]

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

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

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: Hızlı ama Tehlikeli Inline CSS, HTML elementinin içine doğrudan stil yazmak […]

⏳ HTML Progress & Meter

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

“Yükleniyor… Sabret (Ama Gerçekten Ne Kadar?)” İnternette üç evrensel gerçek vardır: İşte bu yazıda HTML’in iki sabır ölçme cihazını masaya yatırıyoruz: Kahveni al ☕ çünkü bu yazı uzun, öğretici, bol örnekli ve biraz da delice. 🔄 1. <progress> Etiketi “Bir şeyler oluyor ama henüz özgür değilsin” <progress> etiketi zamana veya aşamalara bağlı ilerleyen işlemler içindir. […]

🌈 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’de Yap-Boz Mantığı: Etiketler Gerçekte Nasıl Birbirine Kilitleniyor?

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

(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ı masaya yatıracağız — neden var, nasıl çalışır, ne zaman kullanılır, hangi […]

Sanal Tarot: HTML ve CSS ile Kendi Kehanet Makinen 🔮💻

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

Merhaba sevgili kod kahramanları! 🎉Bugün web sayfanıza sihir, gizem ve eğlence katacağız. Hazır mısınız? Çünkü HTML ve CSS ile kendi Sanal Tarot Makinenizi yaratacağız! 🃏✨ Ziyaretçi sayfayı açar açmaz bir tık atacak, ve ekranda rastgele semboller, ikonlar, mesajlar veya mini kehanetler belirecek. Bazen bir yıldız göz kırpar, bazen bir kahve fincanı “Şans seninle!” der. 😎 […]

HTML’de Emoji: Web’de İnsan Gibi Konuşmanın Yolu 😎🎉

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

Sen de fark ettin mi? Web sayfaları bazen sadece sıkıcı harflerden oluşuyor ve bakarken insanın ruhu daralıyor… 😢Ama bir emoji eklediğinde, sayfa bir anda canlanıyor, seninle konuşuyor gibi oluyor! 🌈✨ İşte bu yüzden HTML’de emoji kullanmak, sadece estetik değil; kullanıcıyla iletişim kurma sanatıdır.Üstelik doğru kullanırsan, sayfa bir bakıma “insan gibi konuşur” 😏. 1️⃣ Neden Emojiler […]