Toots for Lukew@toot.wales account

Written by Luke on 2025-02-01 at 21:57

Spent some time fixing up the WebKit implementation of command invokers: updated the casing of commands, renamed CommandEvent.invoker to .source, and removed support for command/commandfor on input buttons. I've also put up a PR to implement the accessibility handling. So this will hopefully make its way to STP soon.

It feels like we're getting very close with this one.

=> More informations about this toot | View the thread

Written by Luke on 2025-01-31 at 19:47

If you could have an attribute that allows you to link a button to any element and expand/collapse that element. What would you use it for? Particularly what would it enable that details doesn't today? Asking for reasons...

=> More informations about this toot | View the thread

Written by Luke on 2025-01-28 at 14:03

Reflecting state to attributes is bad. Probably top 5 web time machine wish of mine is to drop the open attribute from orbit 😅.

=> More informations about this toot | View the thread

Written by Luke on 2025-01-27 at 12:44

Are there any existing UI related features (CSS, JS or HTML) that aren't available cross-browser (either not implemented or buggy) that you wish were? If so can you say which and explain the use cases?

Specifically looking at existing things rather than new things you want (though feel free to share those too).

E.g. focus({focusVisible}) or hidden=until-found

=> More informations about this toot | View the thread

Written by Luke on 2025-01-24 at 13:11

Small but useful addition from me in this one: you can now control the focus-visible behaviour when calling focus() manually on an element.

Both Firefox and WebKit now support this.

https://webkit.org/blog/16445/release-notes-for-safari-technology-preview-212/

=> More informations about this toot | View the thread

Written by Luke on 2025-01-19 at 00:47

After years of trying I finally saw my first ever otters on Friday (at my first trip to Llanelli WWT)! #photography

=> View attached media | View attached media | View attached media | View attached media

=> More informations about this toot | View the thread

Written by Luke on 2025-01-06 at 13:59

I'm once again asking you all, please add dark mode to your thing. It doesn't have to be amazing, I don't care if your brand colours aren't suited to it (just don't use them 🤷🏻‍♂️). I just really don't want to be forced to look at glaring white. Especially for native apps (p.s. make a web app).

Also make sure you offer a light mode too!

=> More informations about this toot | View the thread

Written by Luke on 2024-12-29 at 21:49

Got myself a new camera for Christmas and already got some good shots.

=> View attached media | View attached media | View attached media | View attached media

=> More informations about this toot | View the thread

Written by Luke on 2024-12-19 at 19:48

Because no one should go through life not knowing the gem that is document.all have a read through this.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLAllCollection

=> More informations about this toot | View the thread

Written by Luke on 2024-12-18 at 11:20

This is a great overview of what XSS is and how you can protect against it. Especially good to see the call out to the Trusted Types API! While it's only in chromium currently there's active work by Igalia (inc me) to implement and ship it in WebKit and Firefox.

https://front-end.social/@openwebdocs/113673416289556495

=> More informations about this toot | View the thread

Written by Luke on 2024-12-12 at 17:35

If anyone who sees this is on i(Pad)OS 18.2 can you load https://demo.lukewarlow.dev/popover.html open the popover and then tap outside. Let me know if it closes or not?

=> More informations about this toot | View the thread

Written by Luke on 2024-12-10 at 00:08

Wasting no time I've opened a TailwindCSS PR to add this to the open variant.

https://github.com/tailwindlabs/tailwindcss/pull/15349

https://fed.brid.gy/r/https://bsky.app/profile/did:plc:cs3zn3kikj5kwzljlvyr55sg/post/3lcvrkzrzmy23

=> More informations about this toot | View the thread

Written by Luke on 2024-12-09 at 18:33

Following on from my <styleable-progress> I've made a <styleable-meter> component. Same concept but the implementation is a bit more complicated. Not least because browsers don't actually agree on their algorithms...

If anyone has better names for the states than sub-sub-optimum (or even-less-good as WebKit/Blink calls it), sub-optimum and optimum it'd be most welcome!

https://codepen.io/lukewarlow/pen/mybPqja

=> More informations about this toot | View the thread

Written by Luke on 2024-12-09 at 18:23

I think the answer is no but, is there a way on the web to turn an element class (e.g. HTMLDivElement) into its associated tag name consistently? Or to create an instance of an element from its prototype rather than its tag name?

=> More informations about this toot | View the thread

Written by Luke on 2024-12-08 at 13:09

Web components have their issues but especially for non-interactive elements they can be very nice.