Thomas Steiner's Avatar

Thomas Steiner

@tomayac.com

Developer Relations Engineer at Google, focused on the Web, WebAssembly, and Project Fugu 🐑. Dad-of-3.

3,135
Followers
224
Following
132
Posts
02.06.2023
Joined
Posts Following

Latest posts by Thomas Steiner @tomayac.com

Unless you are Google/Apple/Here/… Maps :-) Or a store locator. Or Google search. I think both have their merit.

06.03.2026 18:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Rethink web permissions: Seamless user control of powerful capabilities with Chrome's new proposed <permission> element Β |Β  Blog Β |Β  Chrome for Developers Learn how Chrome&#39;s new proposed &lt;permission&gt; element creates a more streamlined, trustworthy and in-context permission experience.

The carrot seems to convince, though: developer.chrome.com/blog/rethink.... Personal opinion, not representative of Google's: I'd have preferred if we'd made the carrot possible through the Permissions API (`navigator.permissions.request()`), but that ship has sailed.

06.03.2026 11:08 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
The HTML Geolocation Element

Yepp: wicg.github.io/PEPC/geoloca....

06.03.2026 09:05 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

It's a struggle between "we need gray on white because it's our brand color combo since 1972" and an attacker creating a white button with white text tricking you into clicking the button on Cookie Clicker.

06.03.2026 09:02 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Sign in - Google Accounts

Yeah, I tend to agree that DevTools could do a better job at informing you what's going on (feel free to open a new bug with your developer expectations at new.crbug.com and send the URL here, so I can triage it to the right team). The team wants to still learn what constraints need loosening.

06.03.2026 09:00 πŸ‘ 0 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Preview
Introducing the <geolocation> HTML element Β |Β  Blog Β |Β  Chrome for Developers Discover the new way to request user location data.

The styling constraints are mentioned in the article: developer.chrome.com/blog/geoloca....

06.03.2026 08:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Chromium

It was complex to maintain and the maintainer decided to not maintain it anymore. It's been replaced by a bug search deep link: issues.chromium.org/issues?q=cus... 😬

05.02.2026 18:43 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

YAY! 🀩
WasmAssembly episode about #Kotlin and #WebAssembly πŸš€

Thanks, @tomayac.com, for inviting me.

Have fun! 🎧

20.01.2026 19:07 πŸ‘ 9 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0
Preview
Media fragments - URIs | MDN Media fragments can be included on media file (for example, video and SVG) URLs to indicate that you want to show a subset of the media: A certain duration or a certain dimension.

You can deeplink within a video (segment) already: developer.mozilla.org/en-US/docs/W....

15.01.2026 12:43 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Intent to Prototype: CSS Image Animation

A CSS `image-animation` property: groups.google.com/a/chromium.o.... The example below would pause all animated images (like GIFs), and only play them when hovering or focusing an image:

```css
img { image-animation: paused; }
img:hover, img:focus { image-animation: running; }
```

15.01.2026 09:36 πŸ‘ 37 πŸ” 8 πŸ’¬ 3 πŸ“Œ 2

πŸ˜† You win the Internet today! Here's your teleporter goat 🐐!

14.01.2026 14:10 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Thank you, fixed in a CL I just sent.

14.01.2026 10:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Ooops, a missing escaping issue. I have just created a CL to fix this. Thanks for the report!

14.01.2026 10:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Introducing the <geolocation> HTML element Β |Β  Blog Β |Β  Chrome for Developers Discover the new way to request user location data.

Introducing the `<geolocation>` HTML element:
developer.chrome.com/blog/geoloca.... This is the evolution of the `<permission>` element, and there's cross-browser interest! πŸ“πŸ—ΊοΈ

14.01.2026 07:26 πŸ‘ 41 πŸ” 7 πŸ’¬ 2 πŸ“Œ 3

Another exception is that switches don’t support an indeterminate/mixed state that checkboxes support.

12.01.2026 18:03 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Is the light checked/unchecked or is the light rather on/off?

12.01.2026 17:54 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
A polyfill for the HTML switch element The personal blog of Thomas Steiner

Duh, and @tbroyer.ltgt.net for improved Firefox support. Just added to the "Thank you" section. blog.tomayac.com/2026/01/12/a....

12.01.2026 17:52 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
A polyfill for the HTML switch element The personal blog of Thomas Steiner

πŸ“’ New blog post: A polyfill for the HTML switch element.

Safari 17.4 added the native `<input type="checkbox" switch>` element. This post introduces a polyfill for it, covering accessibility, internationalization, styling, and its HTML spec status.

blog.tomayac.com/2026/01/12/a...

12.01.2026 11:55 πŸ‘ 70 πŸ” 18 πŸ’¬ 3 πŸ“Œ 1

There is a semantic difference. See the different ARIA roles of checkbox and switch. The link is in the post, in case you missed it.

12.01.2026 13:42 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I'd like to thank @interfree.ca and @cwilcox808.c.im.ap.brid.gy for their accessibility advice & testing. I'm grateful to @pepelsbey.dev, @lukewarlow.dev, and @jyasskin.hachyderm.io.ap.brid.gy for their (non-)technical feedback. Finally, huge props to @tunetheweb.com for the performance tweaks.

12.01.2026 13:29 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
A polyfill for the HTML switch element The personal blog of Thomas Steiner

πŸ“’ New blog post: A polyfill for the HTML switch element.

Safari 17.4 added the native `<input type="checkbox" switch>` element. This post introduces a polyfill for it, covering accessibility, internationalization, styling, and its HTML spec status.

blog.tomayac.com/2026/01/12/a...

12.01.2026 11:55 πŸ‘ 70 πŸ” 18 πŸ’¬ 3 πŸ“Œ 1
Scala.js to Wasmβ€”Exploring the Wasm backend for Scala.js with SΓ©bastien Doeraene
Scala.js to Wasmβ€”Exploring the Wasm backend for Scala.js with SΓ©bastien Doeraene YouTube video by Chrome for Developers

πŸ“’ New #WasmAssembly podcast πŸŽ™οΈ episode: Scala.js to #Wasmβ€”Exploring the #WebAssembly backend for #ScalaJS with SΓ©bastien Doeraene!

🍿 www.youtube.com/watch?v=HuPG...
🎧 wasmassembly.libsyn.com/scalajs-to-w...

08.01.2026 12:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Scala.js to Wasmβ€”Exploring the Wasm backend for Scala.js with SΓ©bastien Doeraene

Scala.js to Wasmβ€”Exploring the Wasm backend for Scala.js with SΓ©bastien Doeraene

The JVM-to-Web journey continues! Scala.js is making the experimental leap to #WebAssembly β†’ goo.gle/49dCRUB

Join @tomayac.com and SΓ©bastien Doeraene as they discuss mapping Scala.js’s nominal type system onto Wasm GC.

05.01.2026 19:44 πŸ‘ 10 πŸ” 5 πŸ’¬ 0 πŸ“Œ 1
On Chrome, which currently doesn't support `<input type=checkbox switch>`, it loads the polyfill's JavaScript and CSS. On Safari, which does support it, the polyfill doesn't load either.

On Chrome, which currently doesn't support `<input type=checkbox switch>`, it loads the polyfill's JavaScript and CSS. On Safari, which does support it, the polyfill doesn't load either.

Just published a polyfill for <input type="checkbox" switch>: github.com/tomayac/inpu.... Here's a quick demo: tomayac.github.io/input-switch.... A little proud of how this conditionally only loads when it's needed. Compare Chrome (above, needs the polyfill) and Safari (below, doesn't need it).

11.12.2025 12:25 πŸ‘ 34 πŸ” 7 πŸ’¬ 3 πŸ“Œ 1
Preview
Needs `role=switch` Β· Issue #6 Β· tomayac/input-switch-polyfill A polyfill for <inputΒ type="checkbox"Β switch>. Contribute to tomayac/input-switch-polyfill development by creating an account on GitHub.

Good point. Filed github.com/tomayac/inpu....

11.12.2025 15:00 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

This could certainly be added, but not sure how often this case would occur. Do you have a use case in mind?

11.12.2025 14:59 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
On Chrome, which currently doesn't support `<input type=checkbox switch>`, it loads the polyfill's JavaScript and CSS. On Safari, which does support it, the polyfill doesn't load either.

On Chrome, which currently doesn't support `<input type=checkbox switch>`, it loads the polyfill's JavaScript and CSS. On Safari, which does support it, the polyfill doesn't load either.

Just published a polyfill for <input type="checkbox" switch>: github.com/tomayac/inpu.... Here's a quick demo: tomayac.github.io/input-switch.... A little proud of how this conditionally only loads when it's needed. Compare Chrome (above, needs the polyfill) and Safari (below, doesn't need it).

11.12.2025 12:25 πŸ‘ 34 πŸ” 7 πŸ’¬ 3 πŸ“Œ 1
Preview
Feature Status - WebAssembly WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable compilation target for programming languages, enabling deployment on the...

Binaryen, the WebAssembly optimizer toolchain project, is now listed on the wasm website's features page:

webassembly.org/features/

As mentioned there, it has support for all standardized features (and many in-progress ones)

10.12.2025 18:40 πŸ‘ 20 πŸ” 3 πŸ’¬ 2 πŸ“Œ 0
Feature table redesign by andylizi Β· Pull Request #498 Β· WebAssembly/website Preview Online: https://wasm-website-preview.pages.dev/features/ demo.webm Motivation As discussed in [Features] Binaryen toolchain requestΒ #495, the feature t...

Good feedback for the in-flight redesign PR: github.com/WebAssembly/....

10.12.2025 22:05 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Technological openness is a concept intended to characterize the design of technological transformation processes. In political debate, technological openness is often used as a rhetorical device to prevent the introduction of new technologies, thereby maintaining the status quo.
#technologieoffen πŸ‡©πŸ‡ͺ

28.11.2025 13:40 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0