Ryan Townsend
@twnsnd.com
670 followers 200 following 180 posts
Technology Leader & Distinguished Software Engineer • 20+ YOE in Tech, 10+ as CTO • Public Speaker • LessonsofaCTO.com & TWNSND.com
Posts Media Videos Starter Packs
twnsnd.com
Admittedly, I didn’t go that deep on the implementation.

Looking now, it’s hard to visualise on my mobile but is it guaranteed the injected scripts won’t also execute synchronously when browser-cached?
twnsnd.com
I guess with continuation you get the `triggerScripts` sooner if there’s no other work.

If I have my logic correct, double rAF lets newly-queued events/timers occur before `triggerScripts`.
twnsnd.com
Depends when you want the code to run, I guess. Generally writing to the DOM should be within a rAF to minimise the chance of layout thrashing.

Plus rAF works across all browsers.
twnsnd.com
It won't let me edit my response, but one further thing I'd like to add would be `::slider-segment` state, e.g. `before`, `after`, `between` (rather than solely relying on `nth-child`) and—most importantly, imo—`capped` for styling areas of the slider which are 'constrained' by min/max.
Reposted by Ryan Townsend
bram.us
At #fronteers #DarkMode, @utilitybend.com proposed the HTML Element.

It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.

Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...
Brecht on stage showing some of the demos.
twnsnd.com
B, but with two constraints:

1. each release should be useful independently (e.g. it might cover just one use-case within the wider scope)
2. support for each release should be independently detectable (via `@supports` and the usual JS mechanisms)
twnsnd.com
Fwiw @jensimmons.bsky.social I'm totally with you that there could be better names out there.

I use both APIs daily and I still have to look up whether it's 'Command Invokers' or 'Invoker Commands' 🤷‍♂️
twnsnd.com
💯 came to say the same things @utilitybend.com

Also don't Interest Invokers act differently on mobile? (or at least it's being discussed? e.g. tap instead of hover)
Reposted by Ryan Townsend
leifs.website
messenger.abeto.co

This is freaking insane. The level of polish necessary for this visual fidelity and it all runs flawlessly on mobile. Hats off.
Messenger
It's a small planet, but someone's gotta make the deliveries.
messenger.abeto.co
twnsnd.com
When you can hear a picture
twnsnd.com
I was going to say I'm lucky that my fiancée only subjects me to the Australian edition (I allow it because I can at least reminisce about living in Sydney), but earlier she literally chased me around the house with an iPad, forcing me to listen to the cringeworthy wedding rap.
twnsnd.com
Maybe just reply with "Does the stage have an orchestra pit?"
twnsnd.com
Surely it's got to be something you can put your choir skills to work on... kinda like when comedians announce themselves, you could sing yourself on!
twnsnd.com
The #1 reason to upgrade to iOS 26… particularly in the UK, spam has been epidemic recently.
The “Screen Unknown Callers” settings in iOS 26, options being “Never”, “Ask Reason for Calling” and “Silence”
twnsnd.com
Added an Interop 2026 Proposal for CSS Scroll State: github.com/web-platform... – please upvote!

It would be nice to remove JavaScript requirement for various popular design patterns we're all using on the web (floaty navs, scroll shadows etc)

cc: @nerdy.dev @bram.us
#webperf #webplatform #webdev
CSS Scroll State Queries · Issue #1090 · web-platform-tests/interop
Description CSS Scroll State Queries are one of the final nails in the coffin for requiring JavaScript for a plethora of popular design patterns on the web such as carousels, sliders and shrinking ...
github.com
twnsnd.com
Correct me if I'm wrong but we're just waiting on Firefox shipping at-scope now... it's behind a flag, so shouldn't be long! caniuse.com/mdn-css_at-r...
CSS at-rule: `@scope` | Can I use... Support tables for HTML5, CSS3, etc
caniuse.com
twnsnd.com
Hope this makes Interop 2026 (github.com/web-platform... for anyone who might wish to upvote).

I often need arrow-shaped boxes and they are such a PITA.
github.com
twnsnd.com
Huge win for Shopify 🙌