Latest Posts
I write about the things I've learned: guides, tips, how-tos, and step-by-step tutorials to help you figure things out faster. If it made my life easier, you'll probably find it here.
How to Easily Add a Smooth Underline Transition on Hover in Framer
When I started using Framer, you couldn’t add a hover transition to a link’s underline without creating a component, or maybe using custom code. But with recent updates, they have significantly improved the...
How to Disable Scripts like Google Analytics on Hugo Localhost
I wanted to go cookieless on this website, so I had to swap Google Analytics with Umami. Since I’m on the free plan, I didn’t want the script to register events while I’m working on my website on...
Change Background Image Opacity Without Fading the Content in CSS
Ever tried to make a background image see-through with CSS and ended up fading everything inside too? Yeah, I’ve been there. Turns out there’s a better way than using opacity on the whole element (which...
How to Prevent Users from Selecting Text with Plain CSS or Tailwind
Sometimes when you’re building a website, you may not want users to highlight text, like on buttons, icons, or interactive elements. Luckily, CSS makes this super easy to do. The Simple CSS Solution Here’s the...
How to Set Custom Animation Durations in Tailwind CSS via HTML
Tailwind CSS doesn’t provide an utility class for animation duration as it does for transitions, for which you have a class like duration-<number>. However, with arbitrary variants, you can still override the...