The CSS :has() pseudo-class makes it possible (and straightforward) to prevent scrolling on a page while a dialog is open. This week I got to apply this technique which was my first ever use of :has()! Here's the full snippet as a one-liner: Let's break it all down. The dialog element as a modal...
Read post
ยกHola! ๐๐ผ I'm Bernardo Baquero Stand. I work as a Web Frontend Developer, I'm a guitarist and music maker, and love watching films and playing videogames. This is my website and blog.
Latest posts
I was looking forward to today's presentation about the new Switch and now I feel like geeking out about it. Here's some quick thoughts: We'll have to wait for confirmation of course, but it seems like it might indeed be more powerful than the Steam Deck, which is promising. Love the magnetic...
Read postToday I ran into this scenario while building a tabs-like component with htmx: a list of buttons all next to each other, each button triggers its own request, but the response of each request targets the same element. With this setup it would be possible for this flow to occur: User clicks...
Read postLatest links
-
๐ symbol.wtf
Convenient website to quickly find and copy special symbols like โข and ยฎ and so on.
-
๐ Scriptular
For years and years this has been my favourite JavaScript regular expressions editor and tester. Even today it helped me improve this very site!
-
๐ WikiDates
A Hitster-like, Wordle-like web game but for real-life events, sourced from Wikipedia. Brilliant.