Post

Me trying to comprehend

📌

CORY

📌

Yeah I agree that there are better UI patterns than this. It’s the same with labels that disappear as you start typing

Ohhh good trick! I wonder with allow discrete is we will need this

After clicking that button!

Just take an image of the base button, send it to a Cloudflare Worker, calculate the exact width based on screen size, send back a new loading button and replace it with HTMX. ez

This is great tip though

📌

Bluesky only lets you upload 60 seconds so I was trying to be funny. Posted links to elsewhere in the replies

Hahaha I love this

I wonder if this would be a good way to avoid state flash when loading from local storage settings.

Never thought of doing that before. Nice way of doing it

I was thinking about this further. The reason I have continued to do it this way is CSS Grid isn’t available in React Native. I recognize this is a web tip. Most people won’t have that constraint.

I think ideally you'd use aria-live to announce that a save is happening - but as always, it depends on what you are doing

I see what you’re getting at. I’ve never really worried about updating the text to “Saving…” but that makes sense. I’m no accessibility expert, happy to learn another nugget.

Re: accessibility: while this is ok, it's generally better to use actual text (probably a `.sr-only` span) than `aria-label`. Text is more easily picked up by ATs universally, and can also be translated to other languages more easily than HTML attributes. Plus: don't use ARIA if you don't have to.

Nice! I used the opacity: 0; + abs positioning trick on a project recently but definitely was a bit concerned about a11y. I dig this method, very elegant

Unkey will be forever grateful for all the CSS experts! None of us knew this was possible

Didn't even know that was a feature here. Neat.

🧌😂

Good use of grid-area. Thanks for the tip.

Nifty tip ! 📌

📌

Good one!

I just worked this out on a mobile content area using the grid stacking feature. It was awesome to figure it out. grid-template-row method.

😂😂

Fun fact, if you play back the video at 0.25x the speed not only can I hear every other word, but it makes you sound like you are drunkenly mansplaining CSS

Youtube embeds work fine, right?

An image with the link to the video would be better 😅

Also shadcn doesn't support this 🙃

i need all of my tutorials to be 4x with screen share like this

haha thanks a ton!