A curated collection of tutorials, reflections, and stories from projects in progress. Dive in to stay up to date with everything I've been building and learning.
Learn CSS shorthand and longhand properties with simple examples. This guide helps frontend developers understand how shorthand works, when to use longhand, and best practices for writing clean and maintainable CSS.
How Tailwind Builds Arbitrary Classes With Dynamic Values Photo by Peaky Frames on UnsplashTailwind CSS popularized the idea that utility classes can cover almost every styling need. When the framework introduced arbitrary values alongside the Just-In-Time (JIT) engine, it pushed the concept further: you could write a class that never existed before and Tailwind would generate the CSS on demand. This article breaks down how that process works, why it matters, and how to wield it responsibly.
Modern dashboards and web apps often require smooth tab-like navigation components that switch views without full page reloads. While frameworks like React or Vue offer built-in state handling, sometimes you simply need a lightweight, framework-free solution — especially for static sites or smaller modules.
When building interactive web experiences, one of the most powerful concepts in JavaScript’s event system is event bubbling. Yet for many beginners — and even intermediate developers — it can feel a bit abstract until you see it happening in real time. To fix that, let’s break down event bubbling with a simple explanation and a fully interactive demo you can run in your browser.
Accessibility isn’t a trend, a checkbox, or a premium feature. It’s the commitment to ensure that every person — regardless of their abilities, limitations, environment, or device — can truly engage with what you build. In an age where the internet fuels learning, healthcare, business, and human connection, accessible design isn’t just a best practice… it’s a fundamental responsibility.
jQuery remains one of the most popular JavaScript libraries, making DOM manipulation, event handling, and AJAX requests incredibly simple. Whether you’re maintaining legacy code or starting a new project, these 25 snippets will save you time and effort. Each snippet is battle-tested and ready to use in production.
Discover modern jQuery tricks that still outperform vanilla JavaScript in 2025. Learn practical shortcuts, real-world use cases, and smarter ways to write cleaner, faster code.
Integrating MongoDB with Next.js is far easier than it seems — and once you do, you unlock one of the cleanest full-stack workflows in modern web development. In this guide, you’ll learn exactly how to connect your Next.js app to MongoDB, set up reusable database utilities, and create API routes that interact directly with your data. By the end, you’ll have a fully working example and a rock-solid foundation for building more advanced features.