My Blog
Thoughts, technical guides, and insights about web development, programming, and my journey as a developer.
Javascript Beginner Roadmap along with some mini projects
UI/UX & Frontend Developer specializing in creating responsive, user-friendly web experiences with modern technologies.
Introduction to Scroll-Driven Animations with CSS scroll() and view()
In the ever-evolving world of web design, creating engaging and interactive user experiences has become paramount. One of the most exciting recent developments in this arena is the introduction of scroll-driven animations in CSS. At the forefront of this innovation is the scroll() function, a powerful tool that allows developers to create smooth, performant animations tied directly to the user's scrolling behavior. In this article, we'll explore the ins and outs of scroll(), its capabilities, and how you can leverage it to create stunning scroll-driven animations in your web projects.
Why AI loves Tailwind, but struggles with CSS
Explore why AI tools like Tailwind CSS are favored over traditional CSS by large language models, the limitations AI faces in understanding classic CSS, and why human developers with deep CSS knowledge remain essential in frontend development.
Why Companies Are Moving Away from Next.js
Explore why some companies are shifting from Next.js to alternatives like Vite and Remix due to performance and stability issues.
Spicing Up Git Commands With Custom Aliases š
Give your Git commands a Gen-Z twist! Learn how to replace boring Git ops with fun aliases like vibes, slay, rizz, and yeet for a cooler terminal experience.
How to Hide Scrollbar Using CSS
Learn how to hide scrollbars using CSS to enhance your websiteās design and user experience. This guide covers simple CSS properties like scrollbar-width: none and -webkit-scrollbar to make scrollbars invisible across different browsers, helping you maintain a clean and polished look for your web layouts.
Taming Overflowing Text: The Power of the CSS hyphens Property
Learn how to tackle text overflow issues in web design using the CSS hyphens property. Discover how this simple CSS trick can prevent content from spilling out of its container and enhance readability across devices.
A Fresh Look for CSS: The Story Behind Its New Logo
CSS, the design backbone of the web, has officially stepped into a new era with a bold and thoughtful new logo. Introduced on November 12, 2024, this purple design not only represents the evolution of CSS but also carries a deeply human story at its core.
How to Create an MCP Model Context Protocol Server Using TypeScript: A Step-by-Step Guide with Weather API Example
Learn how to build an MCP Model Context Protocol server with TypeScript, using a weather API example. Step-by-step guide with code.
The Mystery of the Missing Clicks: A Journey into Event Delegation in JavaScript
Event Delegation in JavaScript is a powerful technique for handling events efficiently, especially when dealing with dynamically added elements. By leveraging event bubbling, you can manage events at the parent level rather than attaching listeners to individual child elements. This approach not only simplifies code but also boosts performance. In this blog, weāll dive into how event delegation works, explore practical examples, and learn why itās essential for optimizing JavaScript event handling in modern web development.