Bali Balo
bali.balo.cool
Bali Balo
@bali.balo.cool
bali.balo.cool
@chriscoyier.net You mentioned you'd like a tool to view CSS linear() (not to generate but to view/edit them)
Just made this if that helps: codepen.io/bali_balo/pe...
It's just a quick thing, not very clean (both the code & UX) but should work, you can paste values with or without linear()
CSS linear() visualizer
...
codepen.io
September 13, 2025 at 1:11 AM
Did you know? You can create buttons in your console logs (kind of): just use a getter

console.log({ get button() { /* run action here */ return 'ok'; } })

Also handy for snippets, if they need to run interruptible actions, like in the video below
June 22, 2025 at 2:57 AM
Is anyone familiar with CSS anchor positioning and willing to help? This feels like a bug but not sure.
codepen.io/bali_balo/pe... (Chrome/Edge only)
Basically I want my target centered to the right of my anchor (with fallbacks: if the target is tall and doesn't fit, try to shift it down or up)
Anchor positioning with scroll
When an anchored popover element using `span-all` in the block direction is shown while the page is scrolled down, the target is offset (displayed in t...
codepen.io
May 22, 2025 at 10:42 PM
April 2, 2025 at 3:40 AM
Red Ripple Yellow Ripple codepen.io/bali_balo/pe... via @codepen.io
April 1, 2025 at 10:40 AM