Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

The below is an off-site archive of all tweets posted by @tomayac ever

March 2023

ChromiumDev 📢 Did you know that more and more app stores 🛍️ are welcoming of PWAs? In @tomayac’s new article, you’ll learn which stores, and what tool to use:

web.dev/pwas-in-app-st…

(Hint: the tool’s mascot is an otter 🦦 and its Twitter handle @pwabuilder does what it says on the tin.)

via TweetDeck (retweeted on 7:47 PM, Mar 31st, 2023 via Twitter Web App)

📢 Did you know that more and more app stores 🛍️ are welcoming of PWAs? In my new article, you’ll learn which stores, and what tool to use:

web.dev/pwas-in-app-st…

(Hint: the tool’s mascot is an otter 🦦 and its Twitter handle PWABuilder does w

via Moa Bridge

@harttleharttle Looks like my spec link didn’t successfully get crossposted from Mastodon. Here’s the correct link: w3c.github.io/csswg-drafts/c…

“[The text-transform property] has no effect on the underlying content, and must not affect the content of a plain

via Twitter Web App in reply to harttleharttle

@tommygeorge It’s broken for some, and working as intended for others. It’s broken for me.

via Twitter Web App in reply to tommygeorge

@benmorss There’s arguments pro and con. My use case is copying headlines from blogs and share them. AND I PREFER NOT TO SHOUT AT MY FOLLOWERS. You hear me?

via Twitter Web App in reply to benmorss

quicksave2k We’re working on letting developers control camera background blur in JavaScript.
This experimental API is available in Chrome Canary for ChromeOS, macOS, and Windows if you want to try it.

ϞϞ(๑⚈ ․̫ ⚈๑)

🎲googlechrome.github.io/samples/image-…

📒 w3c.github.io/mediacapture-e… pic.twitter.com/FSmOvq46y3

via Twitter Web App (retweeted on 12:07 PM, Mar 30th, 2023 via Twitter Web App)

In the HTML: `<h1>Hello</h1>`.
In the CSS: `h1 { text-transform: uppercase; }`.
Select the H1 and copy. On the 📋 clipboard:

Chrome: HELLO
Safari: HELLO
Firefox: Hello

Only Firefox is right: w3c.github.io/csswg-drafts/..toot.cafe/@tomayac/11011…DV

via Moa Bridge

I’m very new to prompt engineering, so I enjoyed this overview a lot: learnprompting.org.

via Moa Bridge

@nathankurtyka Ah, I see. This would be interesting to know, too. Not sure if Apple tracks this at all (probably not). Good luck with your release!

via Twitter Web App in reply to nathankurtyka

“You can take some HTML, you can write it down on the back of a napkin, you can put it in your pocket, you can put it in the wash, grab it out of the dryer, uncrumple a little bit, type it back in with a bunch of typos, and it’ll pro..toot.cafe/@tomayac/11010…

via Moa Bridge

@nathankurtyka Haha, good question. People mention there’s a maximum of nine pages on the Home Screen. Not sure if this is still true now that we have App Library. Try and let us know! 😃

via Twitter Web App in reply to nathankurtyka

@x00sp Oh, I remember now. The open-source project is abandoned: github.com/metabolist/met….

via Twitter Web App in reply to tomayac

@x00sp I disliked something about Metatext, but don’t recall what. Maybe the account picker in the compose view? Not sure anymore. Should give it another go…

via Twitter Web App in reply to x00sp

@ericlaw Also sometimes the search view is entirely messed up and you have to kill the app.

via Twitter Web App in reply to ericlaw

I’m looking for a client that lets my timeline begin where I left off, even when it’s two days in the past. I want then to slowly and chronologically work my way up to “now”, and the client would fill the gaps as I read, wi..toot.cafe/@tomayac/11010…

via Moa Bridge

🤩 iOS/iPadOS 16.4 massively improve upon what’s possible on the Web on iOS/iPadOS devices, including several Project Fugu 🐡 APIs. I’ve just set aside the morning to read through the release notes: webkit.org/blog/13966/web…..toot.cafe/@tomayac/11009…

via Moa Bridge

📢The File System Standard adds an origin private file system (OPFS) 📂 as a storage endpoint private to the origin of a page providing optional access to a special kind of file 🗂️ that’s highly optimized for performance. My latest art..toot.cafe/@tomayac/11009…

via Moa Bridge

tomayac 📢The File System Standard adds an origin private file system (OPFS) 📂 as a storage endpoint private to the origin of a page providing optional access to a special kind of file 🗂️ that’s highly optimized for performance. @tomayac’s article has all facts! developer.chrome.com/articles/origi…

via TweetDeck Web App (retweeted on 7:33 AM, Mar 28th, 2023 via Twitter Web App)

📢The File System Standard adds an origin private file system (OPFS) 📂 as a storage endpoint private to the origin of a page providing optional access to a special kind of file 🗂️ that’s highly optimized for performance. @tomayac’s article hdeveloper.chrome.com/articles/origi…

via TweetDeck Web App

guettli @tomayac Until recently I was disappointed that WebSQL did not made it.

But the final result is better. With WASM you know exactly what kind of SQLite you get.

I guess this will be the foundation of many offline first PWAs.

via Twitter for Android (retweeted on 1:35 PM, Mar 25th, 2023 via Twitter Web App)

The new `<search>` HTML tag is treated like an `HTMLUnknownElement` by today’s browsers, but nonetheless “polyfilling” it via `<search role=search>` works: codepen.io/darthmall/pen/… (by @darth_mall@notacult.social). Bu..toot.cafe/@tomayac/11008…0Q

via Moa Bridge

@mobilepadawan @tobiasbu This isn’t required, see the examples in the spec that I linked to.

via Twitter Web App in reply to mobilepadawan

scottohara @codepo8 @tomayac might i also mention: scottohara.me/blog/2023/03/2…

:)

via Twitter Web App (retweeted on 9:12 AM, Mar 25th, 2023 via Twitter Web App)

🎒 From Web SQL to SQLite Wasm—the database migration guide:developer.chrome.com/blog/from-web-…B

With SQLite Wasm backed by the Origin Private File System S), there’s a replacement for the deprecated W.toot.cafe/@tomayac/11007…Ioq

via Moa Bridge

ChromiumDev 🎒 From Web SQL to SQLite Wasm—the database migration guide:
developer.chrome.com/blog/from-web-…g

With SQLite Wasm backed by the Origin Private File System, there’s a replacement for the deprecated Web SQL.@tomayacc’s article guides you when migrating your data from Web SQL to SQLite Wasm.

via TweetDeck (retweeted on 2:03 PM, Mar 24th, 2023 via Twitter Web App)

ChromiumDev Unload events are quite unreliable across browsers & platforms, and they break the back/forward cache 😥

We are looking at changing how Chrome fires unload events to unlock more instant back navigations 🚅📈

Details & call for feedback: groups.google.com/a/chromium.org…

via TweetDeck (retweeted on 11:51 AM, Mar 24th, 2023 via Twitter Web App)

@tobiasbu Just as a side note: in many cases you’d use `search` with `form`, which already has `display: block` per the user-agent stylesheet.

via Twitter Web App in reply to tobiasbu

`new Intl.NumberFormat(‘en-US’, { notation:’compact’, compactDisplay:’long’}).format(1234567890)`

Blog post by @raymondcamden@mastodon.social: raymondcamden.com/2023/01/10/fol….

Interactive demo by @simevidas@mastodon.social: codepen.io/simevidas/pen/….

via Moa Bridge

Safari Technology Preview 166 now supports the Regular Expression `v` flag: webkit.org/blog/13964/rel…. Why’s that nice? Because it now means intuitive emoji matching:

“`js
const ..toot.cafe/@tomayac/11007…Kh

via Moa Bridge

🔍 There’s a new HTML tag called `<search>` that represents search semantics. This is good because it’s something that an ARIA landmark role exists for (`role=”search”`), but that today can only be expressed with ARIA. A dedicated ele..toot.cafe/@tomayac/11007…

via Moa Bridge

@tkadlec Oh, sorry. It appeared in my RSS reader… I thought it was public as a consequence.

via Twitter Web App in reply to tkadlec

Health Benefits of Browser Diversity timkadlec.com/remembers/2023…, by @tkadlec@mastodon.social. Looking at desktop, this model seems to work.

via Moa Bridge

👀 I just found the app “Microsoft Loop - Think, plan and create together”: loop.microsoft.com.

Among others, it uses these cool Project Fugu APIs:

👉 Async Clipboard (Images)
👉 Cache Storage

(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…

via Moa Bridge

hazreh This is slowly becoming my favorite place to find about web apps.

developer.chrome.com/fugu-showcase/

via Twitter Web App (retweeted on 5:02 PM, Mar 22nd, 2023 via Twitter Web App)

Photo editor Photopea (photopea.com) supports the Local Font Access API (developer.chrome.com/articles/local…) now. See what other Project Fugu 🐡 APIs it uses on top: developer.chrome.com/fugu-showcase/…. pic.twitter.com/ysYBV9BCYc

via Moa Bridge

About Web Components: eisenbergeffect.medium.com/about-web-comp…. Insightful post by Rob Eisenberg on many of the aspects of Web Components, including debunks of common misconceptions.
(via @slightlyoff@toot.cafe)

via Moa Bridge

I didn’t realize that there are official instructions for getting a full Firefox on a Chromebook: support.mozilla.org/en-US/kb/run-f…. This is notably not the Android version, but the regular Linux desktop Firefox 🦊.

via Moa Bridge

@odbol @nathankurtyka @ChromiumDev @firt What happens user-visibly is nothing, and the Console shows an (undetectable) error:

`Failed to launch ‘web+some://protocol’ because the scheme does not have a registered handler.`

Demo: protocol-handler-link.glitch.me

@ericlawtextslashplain.com/2019/08/29/web…

via Twitter Web App in reply to odbol

The Compression Dictionary Transport proposal by @Yoav@mastodon.social looks nice: github.com/yoavweiss/comp…. The core idea is to use designated previous responses as an external dictionary for B..toot.cafe/@tomayac/11002…E5

via Moa Bridge

The DMA Stakeholder Workshop on App Stores with @owa@mastodon.social is now on YouTube with full subtitles: youtu.be/S6oETjUprlQ.

via Moa Bridge in reply to tomayac

As an occasional custom element author myself, I always love reading others’ writeups of how they approached a problem. Here’s a nice step-by-step walkthrough of a calendar custom element called `<kal-el>` by Mads Stoumann: https://c.. class=”link” href=”https://t.co/zYL1ExOQA2” title=”https://toot.cafe/@tomayac/110017369442700131”>toot.cafe/@tomayac/11001…

via Moa Bridge

Some sweet tricks with `<slot>` in the Declarative Shadow DOM space:

👉 enamel.pages.dev (View source and check the various slots. The server randomizes the ordering of the sections.)

👉 https://how-to-crash-a-b… class=”link” href=”https://t.co/Uqfxt1ES9A” title=”https://toot.cafe/@tomayac/110015208507434544”>toot.cafe/@tomayac/11001…

via Moa Bridge

Services and APIs available to MiniApps as per the model the Working Group wants to standardize in the W3C. I want to do a Project Fugu 🐡 gap analysis about this. pic.twitter.com/NKTi5XOYvJ

via Moa Bridge in reply to tomayac

The app ecosystem as presented by Martín Álvarez-Espinar at the W3C Hispano jornada about Web technologies for the development of mobile apps in Gijón, Spain. The browser is a super app indeed. pic.twitter.com/n6R4TVHkQu

via Moa Bridge

espinr Latest APIs for PWA by @tomayac at Web Standards for App Development workshop (W3C Spanish Chapter) pic.twitter.com/5cT0eeqdY6

via Twitter for Android (retweeted on 10:07 AM, Mar 9th, 2023 via Twitter Web App)

A long, tragic history of SQLite, the web, and @aboodman@hachyderm.io’s career: twitter.com/aboodman/statu… (Twitter thread).

2023: The official SQLite Wasm backed by the origin private file system becom..toot.cafe/@tomayac/10998…Qp

via Moa Bridge

@aboodman 2023: The official SQLite Wasm backed by the origin private file system becomes universally usable on all three engines: developer.chrome.com/blog/sqlite-wa….
202x: Chrome finally deprecates Web SQL for good: developer.chrome.com/blog/deprecati….

This is an awesome th

via Twitter Web App in reply to aboodman

stshank Lightning, live. Via Fugu web app showcase. developer.chrome.com/fugu-showcase/ 🐡 pic.twitter.com/vlaOQsFfwf

via Twitter Web App (retweeted on 2:18 PM, Mar 8th, 2023 via Twitter Web App)

agektmr ネイティブアプリとの機能差を縮めるProject Fuguから、実際にそれらのウェブAPIを使ったサービスを紹介するページが公開されました // Project Fugu API Showcase
developer.chrome.com/fugu-showcase/

via Twitter Web App (retweeted on 2:18 PM, Mar 8th, 2023 via Twitter Web App)

The Project Fugu 🐡 API Showcase got coverage in How-to Geek 🎉: Google now has a site showing off some of the best examples of modern web apps: howtogeek.com/877342/check-o….

“I..toot.cafe/@tomayac/10998…lg

via Moa Bridge

tomayac 👀 I just found the app “Project Fugu API Showcase - Chrome Developers”: developer.chrome.com/fugu-showcase/.

Among others, it uses these cool Project Fugu APIs:

👉 Async Clipboard
👉 Cache Storage

(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…)

via Moa Bridge (retweeted on 7:10 PM, Mar 6th, 2023 via Twitter Web App)

ChromiumDev 👀 I just found the app “Project Fugu API Showcase - Chrome Developers”: developer.chrome.com/fugu-showcase/.

Among others, it uses these cool Project Fugu APIs:

👉 Async Clipboard
👉 Cache Storage

(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…) pic.twitter.com/fwmsJFfjol

via TweetDeck (retweeted on 7:09 PM, Mar 6th, 2023 via TweetDeck Web App)

👀 I just found the app “Project Fugu API Showcase - Chrome Developers”: developer.chrome.com/fugu-showcase/.

Among others, it uses these cool Project Fugu APIs:

👉 Async Clipboard
👉 Cache Storage

(via the 🐡 Project Fugu API Showcase: developer.chrome.com/fugu-showcase/…

via Moa Bridge

The Project Fugu 🐡 API Showcase has a new home: developer.chrome.com/blog/a-new-hom….

Of course the Project Fugu 🐡 API Showcase is contained in the Project Fugu 🐡 API Showcase. Did I mention that I love recursion?

via Moa Bridge

@verekia Yes, I browsed the site and loved it! Great content!

via Twitter Web App in reply to verekia

@verekia It’s a great collection of games, some of which in turn use Fugu APIs, so it was also just a great excuse to, you know, play them…

via Twitter Web App in reply to verekia

@elk_zone Thanks for the great app! I use it every day, and I am glad to spot some Fugu APIs!

via Twitter Web App in reply to elk_zone

elk_zone Thanks @tomayac for including @elk_zone on the newly redesigned Fugu Showcase page! 🧡
developer.chrome.com/fugu-showcase/

via Twitter Web App (retweeted on 3:40 PM, Mar 6th, 2023 via Twitter Web App)

ChromiumDev The Project Fugu 🐡 API Showcase has a new home: developer.chrome.com/blog/a-new-hom….

Of course the Project Fugu 🐡 API Showcase is contained in the Project Fugu 🐡 API Showcase. Did we mention @tomayac loves recursion?

via TweetDeck (retweeted on 3:40 PM, Mar 6th, 2023 via Twitter Web App)

Currently watching the DMA Stakeholder Workshop on App Stores: webcast.ec.europa.eu/dma-stakeholde…. pic.twitter.com/h3fG6LTX2l

via Moa Bridge

@RickByers @sangwhanmoon Where’s the 🎉🙄 ironic party popper emoji reaction button on Twitter? This is indeed going to be very interesting…

via Twitter Web App in reply to RickByers

One of the apps in the Project Fugu 🐡 API Showcase is USpeaking (app link: uspeaking.netlify.app, showcase link: developer.chrome.com/fugu-showcase/…), and whenever I deploy a new version of the ..toot.cafe/@tomayac/10997…ef

via Moa Bridge

@sangwhanmoon @RickByers iPad stopped identifying itself as such a while ago and just says it’s a desktop Safari. So one less to worry about. This was introduced with “desktop-class browsing”: webkit.org/blog/9674/new-…. Unsure what iPad Mini sends the

via Twitter Web App in reply to sangwhanmoon

RReverser Cleaned up the UI & published my experiment: an intervalometer for Canon cameras. rreverser.github.io/eos-remote-web/

Try it out on desktop Chromium or on Android!

Based on the amazing reverse engineering work by @ids1024@fosstodon.org. pic.twitter.com/4GmRbv4f1f

via Moa Bridge (retweeted on 10:15 PM, Mar 5th, 2023 via Twitter Web App)

@RReverser Oh, amazing! Please submit this to the Project Fugu 🐡 API Showcase: web.dev/fugu-showcase/. Thanks!

via Twitter Web App in reply to RReverser

@henrylim96 I haven’t tried yet. ¯\_(ツ)_/¯

via Twitter Web App in reply to henrylim96

@RickByers Yeah, saw this bug. This is going to be interesting… 👀

via Twitter Web App in reply to RickByers

There are official instructions for building Chromium for iOS: chromium.googlesource.com/chromium/src/+…. This is of course a very early prototype for now. Website owners: stop disabling features if there’s “iphone” in the user agent!

via Moa Bridge

🔥 The box office for the is already open 🔥 I’ll participate in the conference as speaker, so I hope to see you there 🙂 jsdaycanarias.com/tickets

via Twitter Web App

I mostly YOLO my `fetch()`es since I don’t often write production-critical code, but if occasionally I do, it’s great to have articles that recall the basics of holding the `fetch()` API right: builder.io/blog/safe-data….

via Moa Bridge