Picking a name for a project is a magical moment, but some people can get stuck staring at a blank canvas that stubbornly refuses to accept any name. In this post, I share three strategies that’ll help shake up your mind until, like magic, the perfect name pops into it.
I once heard a programmer call GitHub a graveyard for side projects. Felt kinda unfair to all the folks out there grinding away, making progress day in and day out. But I get it. Getting a project off the ground takes the ability to push forward with something that never seems to fit into your free time. In this post, I share the strategy I have been using to push my side projects forward.
Whether you're exporting a chart or generating images with dynamic text, converting HTML into an image can be super useful in many situations. This post explains how to do it both on the server (NodeJS) and directly in the browser.
After connecting a GitHub repo to Vercel, every commit to the main branch automatically triggers a production deployment. While this makes setup super easy, it bypasses continuous integration, meaning broken tests won't prevent a new version from going live. Learn how to take back control and make sure your production deploys only happen when your CI checks pass.
Over the past few years, I've tried out a bunch of libraries that claimed to make React form validation easier. My takeaway? They're annoyingly intrusive and make the code way more complex than it needs to be. In this post, I'm sharing a library-free approach that is stupidly simple and has worked like a charm for my form validations.
After trying to get familiar with the :has pseudo-class by reading various articles that used confusing and awkward examples, I stumbled over an everyday use case on my own website where using :has was just perfect. In this post, I'll present how :has can replace what, not too long ago, had to be done with JavaScript.
When you use a video instead of a GIF animation, you can keep the same visual quality with a way smaller file size. But if you’ve ever recorded a screen capture on your Mac to demonstrate a step-by-step, you’ve probably noticed it generates a mov file. Here’s how to convert mov to mp4 using a free command-line tool.
Compared to the media query strategy, the clamp function has the advantage of making text size responsive with just one line of code. However, while two of the parameters received by the function are pretty intuitive, the third one can easily confuse many programmers. This post easily explains what that third parameter means and how it works.
Redirects are pretty common in any web app. But when the destination is an external page, you might run into some challenges when testing that behavior. Learn how to set a boundary between your app's behavior and the browser's, making your tests easier to develop.
By offering generous free plans, Vercel and Neon have become great options for experimental projects. But if you're used to dealing with traditional infrastructure, the Serverless world can bring some challenges. In this post, I share the lessons I learned about continuous delivery, databases, and automated testing after releasing a Serverless NodeJS API.