Sign in

oluwasefunmi.

@oluwasefunmi.com
41 followers 97 following 218 posts

recurring background character.

PostsRepliesMedia
oluwasefunmi. @oluwasefunmi.com · 27/06/2026
play with it here: oluwasefunmi.com/playground/m...
oluwasefunmi.com
Movie Canvas | Playground
An infinite movie-poster canvas.
000
oluwasefunmi. @oluwasefunmi.com · 27/06/2026
Movie Canvas, scroll forever in every direction.
100
oluwasefunmi. @oluwasefunmi.com · 19/05/2026
Play with it here: oluwasefunmi.com/playground/wallets
oluwasefunmi.com
Wallets | Playground
CSS wallets demo with pull out cards.
000
oluwasefunmi. @oluwasefunmi.com · 19/05/2026
Wallets, in raw CSS. Gradients are very underrated. If you layer enough of them you can mimic depth and texture in 2d space
100
oluwasefunmi. @oluwasefunmi.com · 03/05/2026
Play with it here: oluwasefunmi.com/playground/g...
oluwasefunmi.com
Glasses | Playground
An interactive CSS glasses demo with style previews and animated try-on transitions.
000
oluwasefunmi. @oluwasefunmi.com · 03/05/2026
Glasses transitions, made with CSS clip-path() and inverted transforms Another day I can put off learning WebGL
110
oluwasefunmi. @oluwasefunmi.com · 02/05/2026
Don't sweat it, happens to the best of us
180
oluwasefunmi. @oluwasefunmi.com · 27/04/2026
Play with it here: oluwasefunmi.com/playground/vinyl-player
oluwasefunmi.com
Vinyl Player | Playground
A tactile vinyl player with animated record artwork and smooth playback.
000
oluwasefunmi. @oluwasefunmi.com · 27/04/2026
Album Vinyl Player, made with CSS Transforms only.
100
oluwasefunmi. @oluwasefunmi.com · 20/03/2026
Play with it here: oluwasefunmi.com/playground/painting-wheel
oluwasefunmi.com
Painting Wheel | Playground
A specialized painting carousel that rotates like a wheel.
000
oluwasefunmi. @oluwasefunmi.com · 20/03/2026
Carousel Painting Wheel, made with CSS transforms only.
100
oluwasefunmi. @oluwasefunmi.com · 15/03/2026
Yayyy first PR merged
000
oluwasefunmi. @oluwasefunmi.com · 12/03/2026
Seeing how far I can push retend's universal JSX renderer, ala opentui Terminal UIs are really really cool, I can see why people like them.
000
oluwasefunmi. @oluwasefunmi.com · 04/03/2026
I wish I was here more often.
000
oluwasefunmi. @oluwasefunmi.com · 05/02/2026
Dropping the model less than 10 minutes after Anthropic announced 4.6 was objectively funny
000
Reposted by oluwasefunmi.
apenwarr @apenwarr.ca · 01/02/2026
Claude Code is like a genie that literally interprets your wishes until you regret it. Claude + Git is like a genie with an undo button And that is why agentic coding is the first agentic thing that works
2845
oluwasefunmi. @oluwasefunmi.com · 01/02/2026
Lol I use this for transition speeds --fast --faster --fastest --bit-faster --much-faster --slow --slower --slowest
020
oluwasefunmi. @oluwasefunmi.com · 31/01/2026
Niceee!
010
oluwasefunmi. @oluwasefunmi.com · 31/01/2026
Many such cases
000
oluwasefunmi. @oluwasefunmi.com · 24/01/2026
Play with it here: oluwasefunmi.com/playground/c... Safari/WebKit has performance issues for reasons I don't even understand. I'll try to fix it tomorrow.
oluwasefunmi.com
CSS Keyboard | Playground
A 3D keyboard implementation using pure CSS transformations.
010
oluwasefunmi. @oluwasefunmi.com · 24/01/2026
Mechanical Keyboard, made entirely with CSS transforms
110
oluwasefunmi. @oluwasefunmi.com · 23/01/2026
Oh? Congratulations!
010
oluwasefunmi. @oluwasefunmi.com · 23/01/2026
It's not DOM based
000
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
You can subscribe to @ryansolid.bsky.social on YouTube, the creator of Solid, he does really detailed 6 hr streams on everything related to web performance and framework API design
010
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
Idk, I am going to call that into question. I don't think diffing is slower. Recreating DOM nodes is VERY expensive. But this is very impressive ngl, especially the SSR support. I'll try it out the second I get the chance.
010
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
I'm thinking he got hacked? Seems a bit bizarre
000
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
I have bad news
000
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
Interesting. I wonder though, if there is no diffing and every update reruns the return function ( like in Remix), does this mean the DOM nodes are destroyed and recreated on every update?
100
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
Oh come on! 😑 I spent a whole month recreating the overscroll stretch effect on Androids because it didn't trigger on nested divs Should have just waited.
100
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
Play with it here (doesnt work on Firefox yet): oluwasefunmi.com/playground/t...
oluwasefunmi.com
3D Marquee | Playground
Interactive, 3D marquee, made with pure CSS
010
oluwasefunmi. @oluwasefunmi.com · 21/01/2026
Halo Marquee in CSS, using offset-path and backface-visibility
120
oluwasefunmi. @oluwasefunmi.com · 20/01/2026
Okay boss
000
oluwasefunmi. @oluwasefunmi.com · 20/01/2026
Thanks for the reply For some properties, I get the error on the first animation, but its gone when it replays. Is this expected behavior? So clip-path, for example, is hardware accelerated, but not always?
A screenshot of the Chrome DevTools Animations panel showing two purple "moveAlongPath" animation tracks. Red triangle warnings appear on the corners of the first track, indicating performance issues.
000
oluwasefunmi. @oluwasefunmi.com · 20/01/2026
This is useful and I will be using it immediately
010
oluwasefunmi. @oluwasefunmi.com · 20/01/2026
I'm only animating accelerated properties (opacity, clip-path, transform, offset-path, etc) in css But I get "Composing failed, unsupported property" for most of them in Chrome devtools. Is there an error in my understanding cc: @bram.us @kevinpowell.co @chriscoyier.net @nerdy.dev
110
Reposted by oluwasefunmi.
Una Kravets @una.im · 16/01/2026
You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed? The solution is simpler than you think. With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
927038
oluwasefunmi. @oluwasefunmi.com · 19/01/2026
I did this! 🤠 If you make the content sticky, use grid-area to do some ::after tricks and add scroll-timeline animations, it looks even cooler, with zero JS required. Excited to see where the web is going.
010
oluwasefunmi. @oluwasefunmi.com · 19/01/2026
It's actually pretty bullet proof! The holdout is Firefox, because its scroll snapping is a bit too slow but it works nonetheless
000
oluwasefunmi. @oluwasefunmi.com · 19/01/2026
Try the interaction out here! I want to write a blog post on this later on. Demo: oluwasefunmi.com/playground/p...
oluwasefunmi.com
Product Transition | Playground
A product transition animation playground.
020
oluwasefunmi. @oluwasefunmi.com · 19/01/2026
Each product image is wrapped in createUniqueTransition(), so repeated instances automatically dedupe and create the shared element transition. (write your own framework guys) I would have used View Transitions instead, but then going backwards wont work. developer.mozilla.org/en-US/docs/W...
developer.mozilla.org
View Transition API - Web APIs | MDN
The View Transition API provides a mechanism for easily creating animated transitions between different website views. This includes animating between DOM states in a single-page app (SPA), and animat...
100
oluwasefunmi. @oluwasefunmi.com · 19/01/2026
Found this drag-to-dismiss on X. It can be done on the web with IntersectionObserver, grid-area and touchend. No manual pointer tracking. I tried using scroll snapping but it was *bad*. Mimicking the gesture with .scrollIntoView feels nicer.
100
oluwasefunmi. @oluwasefunmi.com · 16/01/2026
It's liquid glass, everybody is trying to make liquid glass
000
Reposted by oluwasefunmi.
Jim Raptis @jimraptis.com · 16/01/2026
Website intros are usually annoying. This one makes you want more. → off.site
3162
Reposted by oluwasefunmi.
Cloudflare @cloudflare.social · 16/01/2026
The Astro Technology Company team — the creators of the Astro web framework — is joining Cloudflare. We’re doubling down on making Astro the best framework for content-driven websites. cfl.re/4qlJCd3
blog.cloudflare.com
Astro is joining Cloudflare
By joining forces with the Astro team, we are doubling down on making Astro the best framework for content-driven websites for many years to come.
613226
oluwasefunmi. @oluwasefunmi.com · 16/01/2026
Oh wow
000
Reposted by oluwasefunmi.
Jim Raptis @jimraptis.com · 15/01/2026
i'm obsessed with sites that have great design taste → emergenceprojects.com
1143
oluwasefunmi. @oluwasefunmi.com · 12/01/2026
Sometimes I see an idea that's like "damnit. I should have thought of that."
010
oluwasefunmi. @oluwasefunmi.com · 11/01/2026
I knew it!
100
oluwasefunmi. @oluwasefunmi.com · 11/01/2026
She has taste, she's going places
000
oluwasefunmi. @oluwasefunmi.com · 11/01/2026
Claude doesn't know how to say "I'm exactly where I was yesterday" but in a way that sounds like I'm making tremendous progress
000