🚨 New section alert!
I just added a “Side Quests” page to my website—documenting all the skills & adventures I’ve picked up outside software engineering.

It’s also a way for me to show some more personality beyond my professional side

the power of container queries ❤️

if you have an aside layout, make sure to utilize them!

Tailwind has a nice docs about them
tailwindcss.com/docs/respons...
developer.mozilla.org/en-US/docs/W...

It surprises me that not a lot of people care to add a focus style when doing frontend.

Sometimes they even use "outline: none" instead 💀

Checking focus style is one of the pipeline both in self-coding and code review.

woohoo 🍵

I can make it with tiny teaspoon of honey, cafes don’t understand the meaning of ‘less sweet’ istg

just rewrote them to pure CSS, now faster and smoother!

deployed on theodorusclarence.com, feel it yourself

one more left 🔥

I was using Canvas for the hero animation. It's JANKY in Firefox and consumed a lot of CPU 😱

I rewrote it using CSS transform & perspective. CSS is king for animation perf⚡ - nothing can compete.

theodorusclarence.com is officially revamped! 🔥

This is one of my proudest works so far; it has a lot of nitty-gritty details that you can find all over the website!

Check it out, it's live! Let me know what you guys think 🙌