Bali Balo
bali.balo.cool
Bali Balo
@bali.balo.cool
bali.balo.cool
Ooh this looks nice ! Could be a cool "magic trick" to have the card change suit while facing away
(I don't have an iPhone to test sorry)
November 11, 2025 at 6:27 PM
Not to be confused with Caesarean Bear, Open Heart Surgery Bear, and... Krang?
November 4, 2025 at 5:30 AM
Also disclaimer: not 100% sure it follows the spec in every edge case, but it should for most things
September 13, 2025 at 1:19 AM
For tooltips specifically I managed to use a hacky way with 2 anchor names and flip on the tip itself: codepen.io/bali_balo/pe... (you can click the button then use the handle above it to move it towards the other edges and make the tooltip flip)
But a cleaner way would be more than welcome!
July 16, 2025 at 11:30 PM
Depends what we consider bad I guess: I don't think Brainfuck would be used for any serious application (and could probably be described as ugly), but it's good at being a meme language.
July 6, 2025 at 10:58 AM
Oh that is great ! Nice one
July 4, 2025 at 6:52 PM
Spatial Navigation (drafts.csswg.org/css-nav-1/) sounds like it would work quite well here, if it's ever picked back up and there is somehow a way to enable it via HTML/CSS (the scroll-driven animation trick is amazing too but this would avoid relying on the magic 40px value)
July 4, 2025 at 1:57 AM
<!--[if lt GPT 4]>
July 1, 2025 at 9:03 AM
Cool one ! I had been playing with these before and some reason "center" always causes the next fallback to be used, whereas "span-all" has a bug with scroll (at least in Chrome): codepen.io/bali_balo/pe...
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
June 26, 2025 at 8:56 PM
Awesome ! Cool animation and well explained.
Wanted to give a go at an alternative version using masks (it ended up a bit trickier than expected)
codepen.io/bali_balo/pe...
Julia's squares
Gave a go at my own version of [Julia Miocene](https://codepen.io/miocene)'s [Recursive Squares](https://codepen.io/miocene/pen/dPoQGVx) animation, but...
codepen.io
June 23, 2025 at 5:27 AM
This is cool ! Can't wait for color stop easing functions, unfortunately there hasn't been a lot of movement on the proposal recently it seems github.com/w3c/csswg-dr...
[css-images] Add easing functions to color stops · Issue #1332 · w3c/csswg-drafts
A recent CSS-Tricks article (https://css-tricks.com/easing-linear-gradients/) and subsequent Twitter discussion (https://twitter.com/stubbornella/status/861603397677359104) spurred me to file this ...
github.com
June 19, 2025 at 9:59 AM
Update: the more I looked at it the more it seemed obvious that this was a bug. I've now reported it here issues.chromium.org/issues/41971...
May 23, 2025 at 7:20 PM
position-area: center inline-end works no matter the scroll but is considered overflowing (not sure why but seems somewhat similar to nerdy.dev/why-isnt-my-... by @nerdy.dev) and therefore uses the next fallback, in my case top-aligned
Why isn't my `position-try-fallback` working in small spaces? · October 12, 2024
Learn from my anchor() and position-area mistakes.
nerdy.dev
May 22, 2025 at 10:42 PM
position-area: span-all inline-end mostly does what I want, but weird: if shown after the page is scrolled, the target is positioned where it would be without the scroll offset (but scrolling while it is already shown keeps it in the right position)
May 22, 2025 at 10:42 PM
Oh I remember playing hidden in plain sight on xbox 360 many years ago, super fun ! Didn't realize it became available on other platforms, that's great
November 17, 2024 at 11:38 AM