| Blag | https://zzzzbov.com/ |
| Pronouns | he/him |
| Likes | #CSS #Math #JavaScript #VideoGames #BoardGames #Puzzels #Sudoku #Legos |
| CodePen | https://codepen.io/zzzzBov |
| Blag | https://zzzzbov.com/ |
| Pronouns | he/him |
| Likes | #CSS #Math #JavaScript #VideoGames #BoardGames #Puzzels #Sudoku #Legos |
| CodePen | https://codepen.io/zzzzBov |
Do you still use `z-index: 9999`? There's a better way:
https://zzzzbov.com/blag/how-to-manage-z-indexes/
It only took me about a decade to write this up, and in that time what I consider to be "best practice" changed at least twice.
Now you have no more excuse for enormously huge `z-index` values.
I finally got around to writing my blog post about managing z-indexes:
for a moment I thought you'd somehow brought back HyperCard (https://en.wikipedia.org/wiki/HyperCard) as a web component
@sarajw it sounds like you haven't heard of the Social Contract of Tolerance: those who don't abide by the terms of the contact are not covered by it.
I like that framing because it entirely removes the paradox.
@annaecook get a woobles kit
https://thewoobles.com/
They're really beginner friendly and have helpful videos to walk you through the basics.
inside out because that's analogous to the top to bottom stacking that we see visually.
Ideally there'd be a way to also make borders stack visually so that we can mix colors, but that seems like a relatively unnecessary use case because we could do the color blending ourselves.
@aardrian before inert and <dialog> there was a time when the "bookends focus" technique was the most reliable way to prevent accessing content outside of modals, and the tradeoff was that it was a focus trap, so you had to make sure that the modal could be cancelled/closed to pass 2.1.2.
Not exactly a good choice as much as a least bad option given the constraints. Maybe there were even better approaches to handling modals at the time (other than not using modals).
Hi, Mastodon 🦣 could you help me out?
Could you let me know what this looks like for you in various browser engines (esp. Blink)?
https://cdpn.io/pen/debug/MYevLPG
If the p3 box at the top turns green-ish & says supported, could you also send screens? Got no idea how I could emulate what you see.
First screenshot is what I see in Firefox & Epiphany, second what I see in Chrome.
Boosts appreciated.
Thanks! 🙏