Can you believe this demo uses NO JavaScript!? I'm trying out 2 new web platform features: 1. popover=hint prevents other popovers from closing when opened (landed in Chrome 133) 2. interesttarget to open the comment details on hover/focus (WIP, origin trial, needs work for touchscreen behavior) - ThreadSky

About ThreadSky

una.im • 36 days ago

Can you believe this demo uses NO JavaScript!?

I'm trying out 2 new web platform features:

1. popover=hint prevents other popovers from closing when opened (landed in Chrome 133)

2. interesttarget to open the comment details on hover/focus (WIP, origin trial, needs work for touchscreen behavior)

Comments

n8.rip•36 days ago

HTML is the hot new language of the summer

anildash.com•36 days ago

this is so cool!

una.im•36 days ago

I started building this while on leave before interest invokers landed for origin trial. To get them to work, all I needed to do was remove all the JS and change popovertarget to interesttarget.

Feels like magic.

I know that the feature isn't quite ready yet but DANG.

https://codepen.io/una/pen/JoooGBo

merkyl999x.bsky.social•35 days ago

I'm loving how much easier and more powerful HTML and CSS have gotten over the last 5ish years.

Honestly great to see these higher level tools and patterns become base use cases.

markbennett.ca•36 days ago

Off topic, but what tool are you using to record the video? I appreciate the visual click indicators.

una.im•36 days ago

https://getkap.co

markbennett.ca•36 days ago

Thanks! I’ll check it out! 🙂

markbennett.ca•36 days ago

Very cool. I’d be curious if this helps screen reeders understand these popups better as well?

una.im•36 days ago

Yes, that’s a big part of the motivation behind working on this feature

Posting Rules

Be respectful to others
No spam or self-promotion
Stay on topic
Follow Bluesky's terms of service

Comments

Posting Rules

Reply