
Building a Vanilla JavaScript & CSS Tooltip
Learn how to implement an accessible tooltip from scratch using plain JavaScript and CSS, covering positioning, fade-in animations, and a triangular tip.
I'm a software engineer from Portugal, currently based in the Netherlands, working on frontend projects across different industries, such as contact center software, event ticketing resale, and most recently, high-frequency trading.
I care a lot about software design, code quality, and building products that people actually enjoy using. I think the best work comes from when you have a good plan, follow best practices and communicate well.
When I'm not tinkering with code I'm usually cooking, traveling, or reading. This is where I share what I've been learning along the way.

Learn how to implement an accessible tooltip from scratch using plain JavaScript and CSS, covering positioning, fade-in animations, and a triangular tip.

Tailwind is great for quick prototyping, but inline class names can clutter component logic. Here's how I use Tailwind Styled Components to keep my React code clean and readable.



