Thomas Broyer
tbroyer.ltgt.net
Thomas Broyer
@tbroyer.ltgt.net
340 followers 330 following 510 posts
Web development (frontend, Web APIs), Web app security, build tools, Java, Kotlin, Gradle, etc. Blog: https://blog.ltgt.net Fediverse: https://piaille.fr/@tbroyer GitHub: https://github.com/tbroyer
Posts Media Videos Starter Packs
Pinned
HTML event handlers are those onxxx attributes and properties many of us are used to, but do you know how they actually work?

If you're writing custom elements and would like them to have such event handlers, what would you have to do?

#webdev #html #javascript #webcomponents
How do HTML event handlers work?
blog.ltgt.net
Reposted by Thomas Broyer
Last week I posted about a secret config in Firefox that made view transitions easier to debug.

Folks said we should make it less secret.

So we did.
Reposted by Thomas Broyer
Politics and journalism under social media reaction economies have become increasingly indistinguishable from trolling: They feed on online outrage, and every shitpost or snarky comment from your opponents becomes a trophy to be shared online, as evidence that you‘ve always been right about them
Reposted by Thomas Broyer
JavaScript top-level await is no longer considered 'baseline' due to a pretty big Safari bug caniuse.com/mdn-javascri...

The module graph fails in cases where two modules import a third at the same time. Demo: random-stuff.jakearchibald.com/bug-repros/t...

It's best to avoid the feature for now 😔
JavaScript operator: await: Use at module top level | Can I use... Support tables for HTML5, CSS3, etc
caniuse.com
Reposted by Thomas Broyer
Para 780(1): "Apple has failed to establish that any performance, security or privacy benefits were attributable specifically to the restrictions it has imposed in relation to iOS app distribution and iOS in-app payments."
Reposted by Thomas Broyer
Paragraph 779 of today's judgement: "We find that Apple’s restrictions do eliminate effective competition in those markets by removing all sources of competition."
Reposted by Thomas Broyer
Don't [...spread] or .split() your strings!

Use Intl.Segmenter API. Available in every JS runtime
Reposted by Thomas Broyer
“…these applications feel less like new browsers to me, and more like those branded browser toolbars I seemed to find installed on every relative’s PC through the early 2010s…”

#NailedIt
Reposted by Thomas Broyer
Defaults matter. Remember that people tend to internalize bad UI as their own personal failing, and that people also may not identify as disabled. Combined this means they'll feel bad using inaccessible experiences and not think to check how to fix the problem. www.theverge.com/news/802963/...
Apple adds a new toggle to make Liquid Glass less glassy
Make things more opaque with a new Tinted option.
www.theverge.com
Reposted by Thomas Broyer
Yay, got “Deliberate misinformation or misinformation resulting from negligence, including responding with unchecked output from automated systems“ merged into W3C's Code of Conduct github.com/w3c/PWETF/pu...

Feel free to adapt for your codes of conducts, to increase productivity in your community.
Reposted by Thomas Broyer
As a fellow maintainer of an open source project, this is an intense and somewhat scary read. Thanks to @grobmeier.de for being so open to talk about what he experienced and @github.com for initiating their Secure Open Source Fund!

github.blog/open-source/...
Inside the breach that broke the internet: The untold story of Log4Shell
Log4Shell proved that open source security isn't guaranteed and isn’t just a code problem.
github.blog
Reposted by Thomas Broyer
💡 Want seamless page-to-page animations — no JS required?
The new CSS view-transition at-rule makes it possible!

✅ Works in Chrome, Edge, Safari
🦊 Coming soon to Firefox 144
💫 Perfect for progressive enhancement

Get started 👇
developer.mozilla.org/en-US/blog/...
A beginner-friendly guide to view transitions in CSS | MDN Blog
Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.
developer.mozilla.org
Reposted by Thomas Broyer
Interop 2025 is looking good!
Reposted by Thomas Broyer
Reposted by Thomas Broyer
I think one of the saddest things about being a millennial is remembering a time when technology was advancing in a way that made life better and easier and more exciting instead of actively, intentionally worse
Reposted by Thomas Broyer
The pop is imminent
BREAKING: Microsoft, $MSFT, leaders worried that meeting OpenAI’s rapidly escalating compute demands could lead to overbuilding servers that might not generate a financial return, per the Information
Reposted by Thomas Broyer
Guys new scamming method on bluesky. Please share this around. Dont fall for this stuff

Block, move on.
Reposted by Thomas Broyer
Reposted by Thomas Broyer
EFF and our co-counsel have sued to stop the Trump administration from targeting visa holders for deportation based on their social media posts. Read the press release and our full complaint: www.eff.org/press/relea....
Reposted by Thomas Broyer
Bramus @bram.us · 11d
With View Transitions now being Baseline Newly available, and the View Transition API consisting of various features, it can be confusing to know what is supported in which browser versions.

To help with that, I created this VT Feature Explorer (powered by View Transitions)

web.dev/blog/same-do...
Reposted by Thomas Broyer
The #CSS WG is trying to name several properties that do similar things. One controls the length of a text-decoration line in relation to the text, the others control 'rule' lines in grid/flex/multi-column gaps.

Leave your feedback! (Note the poll spans two comments):

github.com/w3c/csswg-dr...
[css-text-decor-4] Consider renaming `text-decoration-trim` · Issue #8402 · w3c/csswg-drafts
Besides the general discussion in #4557 to introduce a way to modify the length of the decoration, there was also some discussion around how to call the property. As I previously summarized, name s...
github.com
Reposted by Thomas Broyer
Nerdy stuff! @mozilla.org #Firefox just enabled support for #INP with v144 🎉

I dived into our raw RUMvision data. And yep, can confirm that it works when using Google's web-vitals #JavaScript library 😍

(updated) article + chart + baseline badges in a blogpost:
www.rumvision.com/blog/firefox...