Category: Web Dev Diaries
-
Deploy Your First Website Using Vercel: Beginner’s Guide
Publishing your first project online is a milestone moment for any web developer — and I still remember how it felt when I deployed mine. I was excited, curious, and totally new to the idea of “going live.” In this post, I’ll walk you through how I deployed my very…
-
Don’t Wait to Feel Ready — Just Start Coding Now
I used to believe that I needed to have everything planned out before I could start a project — especially when it came to coding. I thought “readiness” meant knowing all the tools, having a perfect roadmap, and feeling fully confident. But then it hit me: in tech, you’re never…
-
My Love for Coding Projects
Which activities make you lose track of time? Have you ever been so absorbed in something that hours passed by without you realizing it? That’s exactly what happens to me when I’m building coding projects. It’s more than just a hobby—it’s a passion that blends creativity, learning, and the thrill…
-
My Web Dev Journey: 14 Projects, Real Struggles, Real Wins
Over the past 30 days, my journey as a web developer has felt like climbing a creative mountain — sometimes tiring, often thrilling, and always worth it. I’ve completed 14 projects on DevChallenges.io, slowly building confidence with each design I brought to life. I’ve also been progressing through Angela Yu’s…
-
How I Use AI Tools to Fix Code Bugs Faster
Fixing bugs has always been a part of every developer’s journey—but thanks to AI, it’s now becoming faster, smarter, and less frustrating. In 2025, AI tools are helping developers detect and fix bugs long before they reach production. As someone learning web development myself, I’ve personally found tools like ChatGPT…
-
Boost Your Productivity with These Digital Tools
Juggling web development, analytics, and blogging isn’t easy — but the right tools can make it manageable and fun. I often get asked, “How do you keep everything together?” Well, here’s a peek into my digital toolkit — the platforms that keep me sane and productive. 🧠 Notion – My…
-
Quick Guide to Instant Style Changes in CSS
There’s something oddly satisfying about editing a live website without touching a single line of code in your actual files. Sounds like hacking? Relax, it’s not. It’s just Inspect Element magic. I remember the first time I right-clicked a webpage and hit “Inspect”. I was just curious. Suddenly, a whole…
-
Why Inspect Element Became My Coding Mentor?
Let’s rewind a bit. When I first hit “Inspect Element” in Chrome, I wasn’t trying to learn anything. I just wanted to delete an annoying popup from a website (you know the ones that scream “Sign up for our newsletter!!” before you’ve even scrolled). I had no clue that tiny…
-
When to Use Inline, Internal, or External CSS
Ever wondered why your webpage styling behaves differently depending on where you write your CSS? 🤔Whether you’re just starting your web dev journey or fine-tuning your portfolio, understanding the three main types of CSS is essential. Let’s break it down: Inline, Internal, and External CSS — what they are, how…
-
Top 4 CSS Properties Every Beginner Should Know
When I started learning CSS, I got confused between margin, padding, and why my text looked weird even when I tried to fix it. Slowly, I realized that mastering a few basic properties can make your website look clean, structured, and aesthetic. So today, let’s break down 4 commonly used…
-
CSS Cascade: How Style Rules Are Applied
Have you ever wondered how your browser decides which style to apply when multiple styles are written for the same element? 🤔 When I first started learning CSS, I thought the last style always wins. But the truth is, the process is way more fascinating than just “last come, first…
-
Inline vs Internal vs External CSS Explained
When you’re just starting out with CSS, one question pops up a lot: “Where exactly do I write my CSS?” Well, there are three main ways to style your HTML:Inline, Internal, and External CSS.Each method has its own strengths and best-use cases. Let’s break it down with clear examples, pros…
CodeWithKriti 