Cheers! We finally met.
My name is Rafael. I started my career in 2005 as a graphic designer and became a programmer in 2013. Ever since, I've found joy in creating products and blogging my learnings.
Favorite projects
Veedgee
Latest launchVeedgee scans several ticket sites and lists the best events happening in southern Brazil.
Glorious Demo
Award-winningA JavaScript library that simulates an editor and a terminal to demo some code in action. It snagged "Product of the Day" on Product Hunt, and 3k+ stars on Github.
Latest blogs
Using CSS :has to style a parent element when a child element is focused
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.
Converting mov files to mp4 on macOS
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.
Font size clamping calculation easily explained
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.
Testing redirections set via window location href with Jest
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.
Lessons learned from building a Serverless NodeJS API with Vercel, Neon, and Prisma ORM
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.
Using Git Rebase to keep your commit history clean and meaningful
Transforming the commit history into a biography that, chapter by chapter, describes everything that has happened throughout the life of a software is a huge benefit for everyone involved in its development. Therefore, mastering the use of some possibilities offered by Git Rebase is essential for this story to be well told.