How to make use of Agent Skills
Learn how agent skills work, how they differ from agent files, and how to use them for reusable AI workflows.
Blog
Explore my collection of blog posts about web development, coding practices, and technology insights. I write about frontend development, React, and modern web technologies.
How to transition from display: none in CSS (Finally!)
Learn how to transition display: none in CSS using modern features like transition-behavior: allow-discrete and @starting-style. this post explains why traditional transitions fail and shows how to animate elements smoothly as a progressive enhancement.
How to set alt text for the CSS content property
Learn how to set alt text for both text-based and image-based values used in the CSS content property, and improve your project’s accessibility with a simple trick.
Get buttery smooth scrolling in your Next.js app
Learn how to achieve silky smooth scrolling in your Next.js 16 app using Lenis, a lightweight and performant smooth scroll library. This step-by-step guide shows how to integrate Lenis into your layout, customize scroll behavior, and enhance your app’s user experience.
OG images: The first impression most developers ignore
Learn how Open Graph and Twitter images can make your project stand out online. A practical guide to setting them up in Next.js and fixing common issues.
Why I switched to PNPM (and you probably should too)
Discover the benefits of using PNPM over other package managers and learn how to make the switch seamlessly.
How I made the same font look better without changing it
I'm a developer, not a designer. But I still want my typography to look great. Here's how I made the same font look way better using one CSS trick.
The surprising power of the id attribute
Learn about the hidden behavior of id attributes in HTML and JavaScript. Common misconceptions and best practices.