Sign in

Clarence

@theodorusclarence.com
176 followers 72 following 114 posts

Software Engineer working with React ecosystem that write blogs about development 📝 theodorusclarence.com 👨‍💻 dimension.dev

PostsRepliesMedia
Clarence @theodorusclarence.com · 13/07/2025
🚨 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
100
Clarence @theodorusclarence.com · 07/07/2025
sometimes not making a props optional `?:` is the right way to go when building a component try to minimize human error as much as possible
000
Clarence @theodorusclarence.com · 29/06/2025
After working on backend tasks for almost two weeks now, I feel like AI helps significantly since backend is usually more structured. But so far, I feel like I can't fully utilize AI when doing frontend. It's kind of hard with the design systems and personal touches.
100
Clarence @theodorusclarence.com · 25/06/2025
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...
100
Clarence @theodorusclarence.com · 13/02/2025
can we popularize calling virtualization as v12n? I'm so tired of typing it in full
100
Clarence @theodorusclarence.com · 09/02/2025
oh i forgot to post. Thanks to 240+ attendees! It’s been a while since my last webinar, this reminds me how much I like sharing verbally Next goal that I want to try is to do a talk in person 🤞
100
Clarence @theodorusclarence.com · 08/02/2025
watched 3 series from apple tv so far: shrinking, ted lasso, severance not a single one is a miss 🤯 at this rate i might have to make the subscription permanent
110
Reposted by Clarence
Kevin Powell @kevinpowell.co · 07/02/2025
For anyone who makes content of any type, if you don't have one, think about starting a newsletter. You can be web-first, but newsletters are (even in 2025) such a good way to reach your audience. And if you have a small audience, it generally means they'll be an engaged audience!
1740932
Clarence @theodorusclarence.com · 31/12/2024
Reflecting on 2024: 🎉 • First full-time job experience • Solo travel in South Korea • Business trip to Dubai • Skydiving thrill 🚀 Catch my year-end retrospective here theodorusclarence.com/blog/2024-re...
theodorusclarence.com
The 2024 Retrospective | theodorusclarence.com
First Full-Time Year, Solo Travel while Working, Socializing, and more!
040
Clarence @theodorusclarence.com · 29/12/2024
I used to read more because I read when I commute. Now that I’m practically home majority of the time, I feel like I have no time to read. Now I prefer to hail a taxi (even though more expensive) because I can read on the way. *public transport works too!
100
Clarence @theodorusclarence.com · 23/12/2024
3k stars 🥳 By the way, it's been a while since I initialized a new fresh project lately, so I might not have the latest info. Kindly open an issue or even contribute if you have something in mind!
110
Clarence @theodorusclarence.com · 18/12/2024
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.
040
Clarence @theodorusclarence.com · 17/12/2024
List Animations using Motion for React @motion.dev Learn how to create smooth enter/exit animations: • Perfect height transitions with two-div technique • Clean spacing animations • Zero flickering • Component extraction tips Check it out 👇 theodorusclarence.com/blog/list-an...
theodorusclarence.com
List Animation using Motion for React | theodorusclarence.com
An in-depth guide on how to animate enter and exit animation for list using Motion for React (previously Framer Motion).
010
Clarence @theodorusclarence.com · 16/12/2024
one tiny detail that people might miss: I took my time to line those up so it feels like a print on a literal notebook 🤣 also the title & date on the top right corner is dynamic!
000
Clarence @theodorusclarence.com · 16/12/2024
3 analytics providers seem to have different values. Does anybody have any idea why? Maybe it's due to different ad blocker and bot filtering?
000
Clarence @theodorusclarence.com · 14/12/2024
matcha latte with oat milk is so damn good i like the mild nutty flavor and subtle grainy aftertaste
000
Clarence @theodorusclarence.com · 13/12/2024
1 year after graduation, I realized that I didn't even have a soft copy of my degree and had never once sent it. That's how strong an online presence is.
020
Clarence @theodorusclarence.com · 11/12/2024
btw you can cache turborepo lint on github artifacts for free! link in thread
120
Clarence @theodorusclarence.com · 10/12/2024
my ongoing habit right now is writing daily highlights every night I’ve been doing this from around feb, first on a book, now moved to ios journal app
120
Clarence @theodorusclarence.com · 09/12/2024
woohoo 🍵 I can make it with tiny teaspoon of honey, cafes don’t understand the meaning of ‘less sweet’ istg
010
Clarence @theodorusclarence.com · 08/12/2024
yayy, i’ve been wanting this for a while
010
Clarence @theodorusclarence.com · 08/12/2024
my close friend bought me this after i mentored him for a few months he just landed a remote job to my company 🙇‍♂️🎉
020
Reposted by Clarence
Ryan Mulligan @ryanmulligan.dev · 03/12/2024
Finally had a free moment over the holiday break to mess around with some creative code ideas. I hacked on this little Web Component that outputs a shimmering pixel effect when its parent element is hovered. Read the post and check out the demo: ryanmulligan.dev/blog/pixel-c...
1222726
Clarence @theodorusclarence.com · 03/12/2024
🔍 Quick Tip: Fix VSCode's Annoying Import Suggestions! Tired of VSCode suggesting the wrong imports? You can fix them!
140
Clarence @theodorusclarence.com · 03/12/2024
Turns out my image CDN free tier was not ready for this number of visitors. I just wrapped them with an extra Cloudflare caching layer 🙈
110
Clarence @theodorusclarence.com · 01/12/2024
I’ve only been here a month, seems like I’ve been working a lot with CSS last month 🤣
120
Clarence @theodorusclarence.com · 30/11/2024
just rewrote them to pure CSS, now faster and smoother! deployed on theodorusclarence.com, feel it yourself
170
Clarence @theodorusclarence.com · 30/11/2024
one more left 🔥
020
Clarence @theodorusclarence.com · 29/11/2024
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.
120
Clarence @theodorusclarence.com · 25/11/2024
linkedin algo is honestly still better than x, I got around 100k impressions this week. And the post doesn’t stop getting impression at least for one week, while X stops in just 2 days.
120
Clarence @theodorusclarence.com · 25/11/2024
two of the best courses money can buy
120
Clarence @theodorusclarence.com · 24/11/2024
24 hours after launch 🔥 Thanks for all 6k people checking my website!
270
Clarence @theodorusclarence.com · 23/11/2024
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 🙌
170
Clarence @theodorusclarence.com · 21/11/2024
softwareengineer.id
softwareengineer.id
softwareengineer.id
Portfolio of Indonesian Software Engineers, coming soon.
040
Clarence @theodorusclarence.com · 19/11/2024
TIL that you can 'hack' detect browser using only CSS
buff.ly
Browser Strangeness - Jeff Clayton's CSS Hack Test Page
*** Updated for Microsoft Edge and Safari 11 *** This is my public LIVE browser test page for my own CSS hack contributions to the universe. If you are new to web development... These are quick-fixes…
020
Clarence @theodorusclarence.com · 18/11/2024
istg safari has the weirdest un-debuggable bug ever this happens, but only for every first button 🥲. It consistently happens on multiple pages too
130
Clarence @theodorusclarence.com · 18/11/2024
just bought a matcha making set, hopefully this can be a calming morning routine to start the day
010
Clarence @theodorusclarence.com · 17/11/2024
i just mentored a front-end engineer until he landed a remote job
150
Reposted by Clarence
patak @patak.cat · 16/11/2024
butterfly flash mob 🦋
817710
Reposted by Clarence
Wes Bos @wesbos.com · 15/11/2024
🔥 CSS Tip: Use CSS :has() and :is() to create layouts based on contents. For my slides, I cover several common layouts - text only, text + image, two images. Then I just have to add the contents to the slide and the proper layout is applied.
1233726
Clarence @theodorusclarence.com · 16/11/2024
conference! @tibudiyanto.club
010
Clarence @theodorusclarence.com · 13/11/2024
i wanna completely move out of twitter, but most of followers are there 🥲
100
Reposted by Clarence
Jay 🦋 @jay.bsky.team · 12/11/2024
Bluesky is built to make social more like the Web again, so we will never suppress links. Link to your writing, your art, your personal site — this is the social internet, designed from the ground up to be open and interoperable.
272227244703
Clarence @theodorusclarence.com · 10/11/2024
i think if more people come here, it will eventually become toxic again lol I’m fully hoping with the algorithm to sort out my preferred content
210
Reposted by Clarence
Adam Argyle @nerdy.dev · 09/11/2024
6 easy steps, only takes a week Step 1 is especially easy
18354
Clarence @theodorusclarence.com · 09/11/2024
the discover page is really hard to train
000
Clarence @theodorusclarence.com · 09/11/2024
lol twitter blocked bluesky opengraph
200
Clarence @theodorusclarence.com · 09/11/2024
go.bsky.app/3ZqUEwP
000
Clarence @theodorusclarence.com · 09/11/2024
cooking, will be published tomorrow!
010
Clarence @theodorusclarence.com · 08/11/2024
my hope for this platform is to not push algo by geolocation
000