#UserExperience

🔎 Building a Mini Search Bar with JavaScript

The Art of Real-Time Search with includes + filter + input event Imagine a user…They type J into the input.The list updates instantly.They type Ja… the list gets narrower.They type Java… only “JavaScript” remains. And in the background, you whisper: “I built this with…

By porsukcansu@gmail.com Ocak 20, 2026No Comments

HTML Guide

The <a> Tag in HTML

The Fundamental Way to Create Links (But Much More Than You Think) Do you know what really makes the internet… the internet?Not CSS.Not JavaScript.Links. Yes, that innocent-looking <a> tag right there…Without it, the web would be a silent cry of lonely pages 🥲 In…

By porsukcansu@gmail.com Aralık 23, 2025No Comments

HTML Guide

💄✨ Mini E-Commerce Product Page: Listing Products in a Stunning Way with HTML and CSS ✨💄

Hello, code hero 😎💻Today, we’re building a small but eye-catching e-commerce product page.Ready? Grab your coffee ☕, put on your coding hat 🎩, because this page will be not only functional but also stylish and interactive! 🎯 Project Goals With this project, we’ll learn…

By porsukcansu@gmail.com Aralık 17, 2025No Comments

HTML Guide

🌟 Add a Personal Touch to Your Website: A Guide to Adding a Favicon in HTML

(Small icon, big charisma – the web’s earring 💎) Hello, web-loving💖Let’s be honest for a moment… We visit a website: The design looks great 😌 The content is high quality ✍️ The code is clean and shiny 🧼 But then we look at the…

By porsukcansu@gmail.com Aralık 16, 2025No Comments

HTML Guide

⏳ HTML Progress & Meter

“Loading… Please Wait (But Seriously, How Long?)” There are three universal truths on the internet: Wi-Fi disappears at the most critical moment. When console.log works, you suddenly feel like a genius. The progress bar always gets stuck at 99%. In this article, we’re putting…

By porsukcansu@gmail.com Aralık 13, 2025No Comments

HTML Guide

Virtual Tarot: Build Your Own Fortune Machine with HTML & CSS 🔮💻

Hello, dear code heroes! 🎉Today, we’re going to add some magic, mystery, and fun to your web page. Are you ready? Because we’re building your very own Virtual Tarot Machine using HTML & CSS! 🃏✨ Visitors will open the page, click once, and random…

By porsukcansu@gmail.com Aralık 1, 2025No Comments

HTML Guide

🖼️ HTML Tables: Just a Boring Table or the Secret Organizational Master of the Web?

When you hear "table" in the web world, you might imagine a boring list… but honey, it’s time to change your perspective on tables! 😎A table is not just rows and columns; it’s a magical tool to organize data visually, delight users, and bring…

By porsukcansu@gmail.com Kasım 27, 2025No Comments

HTML Guide

🌟 HTML Forms: Magical Tools That Simplify User Input and Data Submission

(The Web’s Microphone, Complaint Box, Love-at-First-Form Registration, and More 😄) Sometimes you visit a website and a form pops up:“What's your name, sweetie?”“Give us your email too…”“How about accepting these cookies?” 🍪 That’s when you realize: Forms are everywhere in your life. Without forms:❌…

By porsukcansu@gmail.com Kasım 27, 2025No Comments

HTML Guide

The Hidden Heroes of Your Webpage: Alt Texts and SEO Love 🕵️‍♀️💖

Hello dear code lovers! 😎💻Today, I’m introducing you to the invisible but powerful heroes of the web world: alt attributes, meta tags, and SEO optimization. Yes, my love, they may not be visible, but they beat at the heart of your site and steal…

By porsukcansu@gmail.com Kasım 26, 2025No Comments

HTML Guide

HTML Form Attributes: The Power of Form Elements 💌✨

Hello dear code lovers! 😎💖 Today we’re diving into the heart of HTML: forms. But don’t worry, this won’t be a boring lesson—it’s going to be a love-filled, fun, and practical journey. Forms aren’t just boxes and buttons; they are secret love messages between…

By porsukcansu@gmail.com Kasım 26, 2025No Comments