Thomas Steiner (@tomayac)

Hamburg, Germany

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

May 2021

@DenisTRUFFAUT @petele Permissions are certainly still in flux with this API: github.com/WICG/file-syst…. Everyone is welcome to join the discussion!

via Echofon in reply to DenisTRUFFAUT

@paperlemonade @Twitter Limit search to tweets I have seen in my timeline.

via Echofon in reply to paperlemonade

@adamdbradley @vuejs Not an expert, but for @vite_js I got it working like so in vite.config.js:

import dynamicImportVars from ‘@rollup/plugin-dynamic-import-vars’;
export default {
plugins: [
dynamicImportVars({
include: ‘./src/foo/*’,
}

via Echofon in reply to adamdbradley

Yay, `crypto.randomUUID()` got 3 LGTMs to ship in a secure context (groups.google.com/a/chromium.org…)! 🎉 That’s one worry less in Chromium browsers. @Apple have been asked (lists.webkit.org/pipermail/webk…) but radio silence so far, and @mozilla are actively discussing github.com/mozilla/standa…twitter.com/tomayac/status…

via Twitter Web App

@LinkofHyrule89 @Justinwillis96 @kennethrohde Else, give @browserstack a try. They have an open-source program where you can get extended access. Not sure you can set browser flags, but you can definitely use it with origin trial features.

via Twitter for iPhone in reply to LinkofHyrule89

@henrylim96 @Justinwillis96 I personally dislike demos where you have to comb through lines and lines of unrelated code to get to the interesting bits.

via Echofon in reply to henrylim96

@LinkofHyrule89 @Justinwillis96 @kennethrohde It’s supposed to eventually land in Linux, Windows, Chrome, and Mac. Looking at the activity on bugs.chromium.org/p/chromium/iss…, right now they’re working on macOS support.

via Echofon in reply to LinkofHyrule89

@glass_it @xeenon I got it working, but to be honest no longer remember how. You can check out my extension’s source code, though: github.com/google/service…. It has a popup.html that loads a popup.js, so maybe it helps. See the package.json for the “saf

via Echofon in reply to glass_it

@Justinwillis96 @AaronGustafson Thanks! Just realized it’s likewise on GitHub, so just opened github.com/MicrosoftDocs/….

via Echofon in reply to Justinwillis96

bramusblog CSS Full-Bleed Scroll-Snapping Carousel with visible Overflow

🔗 bram.us/2021/05/06/css…

🏷 pic.twitter.com/XijIOpbuFo

via Bramus RSS (retweeted on 9:11 AM, May 7th, 2021 via Echofon)

denladeside Hopefully, we will get browser choice on iOS at some point - maybe something for @vestager to help with? theverge.com/2021/5/6/22421…

via Twitter for Android (retweeted on 9:04 AM, May 7th, 2021 via Echofon)

@LinkofHyrule89 @Justinwillis96 @kennethrohde In my article (web.dev/window-control…) I could successfully use a background image (linear gradient) for its demo. You can remix the code and play with the colors.

via Echofon in reply to LinkofHyrule89

@Justinwillis96 Awesome docs 👏, just opened a PR to link to the article: github.com/GoogleChrome/w…. Seeing that you backlink to articles on our site in other sections, could I ask for a backlink to web.dev/window-control…, too?

via Echofon in reply to Justinwillis96

ChromiumDev 👀 A new video in celebration of International Mother Language Day 🌎

In Spanish, @tropicadri explains what a PWA is, and the basic components you need to get started. 💻 🖥️ 📱

- subtitles in English available

youtube.com/watch?v=OEuPFr…

via TweetDeck (retweeted on 8:37 AM, May 7th, 2021 via Echofon)

andreban is almost here! Here’s a handy link to all the web related content: events.google.com/io/program/pro… twitter.com/Google/status/…

via Twitter Web App (retweeted on 8:27 AM, May 7th, 2021 via Echofon)

christianliebel Happy to be a teeny-tiny part of the upcoming Google I/O. Don’t miss @tomayac’s workshop on Project Fugu and take the *awesome* codelab! ➡️ events.google.com/io/session/af6…

via Twitter Web App (retweeted on 6:48 PM, May 6th, 2021 via Twitter Web App)

@blaine @justinschuh @jaffathecake @Dieulot @slightlylate This summarizes the status quo so perfectly well.

via Echofon in reply to blaine

blaine @justinschuh @jaffathecake @tomayac @Dieulot @slightlylate The fundamental problem with CORS in my mind isn’t a technical one (it’s an annoying set of protocols, but _fine_), it’s that many of the people who should implement CORS headers in order to enable apps to use data have no incentive to do so, and there’s no way to force them.

via Twitter Web App (retweeted on 9:26 AM, May 6th, 2021 via Echofon)

Wow, what an amazing effect! 🤩 I can see Facebook use this after the user updated their relationship status to “It’s complicated” and browses through their Facebook photos. 💔 twitter.com/steeevg/status…

via Echofon

@roderickhsiao The UI is translated, yes. Here’s my Pixel 3a set to German. Not sure about the color question, it’s modeled after the way it looks on desktop I think, but @Mustafa_x probably can say more about our options here. pic.twitter.com/vVj8k53TDn

via Echofon in reply to roderickhsiao

christianliebel The 2021 Web Almanac will again have a chapter on modern web capabilities. We are looking for co-authors, analysts, and reviewers. Contact us here if you are interested: github.com/HTTPArchive/al… @HTTPArchive

via Twitter Web App (retweeted on 7:58 AM, May 6th, 2021 via Echofon)

@henrylim96 @slightlylate LOL, we totally should have! Or maybe everyone else got a treat, just not me? Maybe they all hate what I’m doing? What am I doing at all? Imposter thoughts… 🤔 (It’s a joke, I’m fine!)

via Twitter for iPhone in reply to henrylim96

@RReverser @jaffathecake @Dieulot @blaine @slightlylate Very true. Side note: I love how the old GData APIs even supported JSON-P officially: developers.google.com/gdata/docs/jso….

via Twitter for iPhone in reply to RReverser

@jaffathecake @RReverser @Dieulot @blaine @slightlylate Can we just go back to JSON-P? en.wikipedia.org/wiki/JSONP Those were wild days… But then, using a CORS proxy likcors-anywhere.herokuapp.com/corsdemoQq isn’t much better either.

via Twitter Web App in reply to jaffathecake

@blaine @Dieulot @slightlylate @jaffathecake may know.
(Context: Anyone working on making a CORS-less `fetch()` happening?)

via Twitter for iPhone in reply to blaine

@Dieulot @blaine @slightlylate Just to make it ultra-clear: my tweet was a joke. I’m _personally_ (others may be) not aware of an effort to make this happen. As a developer, I want this, but at the same time acknowledge that I’m not qualified to judgetwitter.com/tomayac/status…

via Twitter for iPhone in reply to Dieulot

@henrylim96 @ChromiumDev @b1tr0t This definitely describes the issue. Star it, and if there’s a duplicate bug (which I still suspect), it will be merged into it, so you will be notified. 👍

via Twitter for iPhone in reply to henrylim96

@henrylim96 @Eminem …And all this on-device. My father is hard of hearing 🧏‍♂️ despite special hearing aids; I have high hopes in this technology to make his life better (and that of my mother who can either shout or not talk to him anymore).

via Twitter Web App in reply to henrylim96

Chrome’s new Live Caption feature (blog.google/products/chrom…) quite accurately live-captioning @Eminem in the YouTube Music PWA (music.youtube.com/watch?v=hWqLuS…) was the most unexpected “living in the future” moment of the day, and it’s only 11:48AM here. 🤯 pic.twitter.com/nb8yt7MNSC

via Twitter Web App

Side note: This uses the Chrome Version History API, a probably little known gem 💎 that may come in handy for you, too: developer.chrome.com/docs/versionhi….

via Echofon in reply to tomayac

I’ve created an feed of our Chrome origin trials 🧪 that may prove useful for staying up-to-date on what’s trialing..origin-trials.glitch.me/activeZw [XML]. It uses the origin trial’s start milestone’s release date as the publication date of the feed item

via Twitter Web App

@shadeed9 I so want to use them vegades they express semantically what I want, but support is a mixed bag with dark mode: developer.mozilla.org/en-US/docs/Web….

via Echofon in reply to shadeed9

@henrylim96 @ChromiumDev I have a feeling that we had a bug for this feature request, but I fail to find it (maybe somewhere here: bugs.chromium.org/p/chromium/iss…). Or maybe @b1tr0t remembers?!

via Echofon in reply to henrylim96

Seeing this tweet by @AdaRoseCannon twitter.com/AdaRoseCannon/… and then Steve Jobs’ talk linked in @tanepiper’s tweet side by side in 2021 is an interesting emotional experience. twitter.com/tanepiper/stat…

via Echofon

kirupa Not all drop shadows need to be a solid and dull gray color. Learn how to create colorful shadows with just a handful of awesome techniques! 😇

📑 Read: kirupa.com/html5/creating…

pic.twitter.com/wOKoU4DV8G

via Twitter Web App (retweeted on 8:50 AM, May 5th, 2021 via Echofon)

@AdaRoseCannon Looking at your LinkedIn profile, you left the FT in 2016. Do you recall what APIs or features the team were missing on iOS at that time? Just curious… This whole PWA thing was still relatively fresh back then on Android Chrome even.

via Echofon in reply to AdaRoseCannon

ricmac In my latest @webdevhistory post, I look back at development in 1997. @BillDortch was creating some innovative apps (SPA-like!) back then, as was 17-year old O’Reilly author Nick Heinle. Meanwhile, @BrendanEich produced JS 1.2 & ECMAScript. webdevelopmenthistory.com/1997-javascrip…

via Twitter Web App (retweeted on 8:39 AM, May 5th, 2021 via Echofon)

@shadeed9 Small typo: Compact2021 should be Compat2021. Also the line clamp example shows 2 lines clamped when the code says 3.

Something frustrating I run into regularly in 2021 is CSS system colors like `canvastext` that don’t adapt for dark mode whe

via Echofon in reply to shadeed9

tkadlec First Contentful Paint is now in all modern browsers, which is huge news. But differences in implementation mean it’s unreliable for cross-browser comparisons, with Safari in particular having a large gap between FCP & the time the paint actually occurs.

blog.webpagetest.org/posts/why-firs…

via Twitter Web App (retweeted on 8:44 PM, May 4th, 2021 via Echofon)

GitHub is heavily invested in the Web Components ecosystem. ⁦@koddsson’s post⁩ “How we use Web Components at GitHub” provides an overview. Here’s the full list of their elements as a proof: github.com/github/github-…. github.blog/2021-05-04-how…

via Twitter for iPhone

Learned from @fbOpenSource’s post (see quoted tweet ⤵️) that @MozDevNet has a PWA section in the works: developer.mozilla.org/en-US/docs/Web…. It’s massively work in progress, but looking forward to it! 👏 twitter.com/fbOpenSource/s…

via Echofon

j9t There is such a thing as “body-ok”! It relates to link type keywords, and denotes what <link> elements are okay to be used in the document body.

I wrote a little post with more detail:

meiert.com/en/blog/html-b…

via Twitter Web App (retweeted on 8:11 PM, May 4th, 2021 via Echofon)

stackblitz `<two-up>` is a custom element you can use to add a visual comparison feature to any website/app:

1⃣ `import ‘two-up-element’` (or use a cdn link)
2⃣ use `<two-up>` around any two HTML elements
3⃣ that’s it, enjoy!

Web Components are awesome!
pic.twitter.com/0PhwB9T9AF

via Twitter Web App (retweeted on 3:32 PM, May 4th, 2021 via Echofon)

codrops Dynamic CSS Masks with Custom Properties and GSAP

Learn how to animate CSS masks based on the cursor position using GSAP and custom properties for a unique spotlight effect. By @MicheBarks

tympanus.net/codrops/2021/0…

pic.twitter.com/xdD5d5feSm

via Buffer (retweeted on 3:31 PM, May 4th, 2021 via Echofon)

@JecelynYeen @ChromeDevTools Congratulations 🎈! Here’s to many more years!

via Echofon in reply to JecelynYeen

@steveruizok Just open the URL in one of the alternative browsers on iOS like Chrome or Firefox. They use WKWebView.

via Echofon in reply to steveruizok

ChromiumDev Learn about 🎞 insertable streams for `MediaStreamTrack` in @tomayac’s latest article:

web.dev/mediastreamtra…

A `MediaStreamTrack` contents exposed a stream that can be manipulated or used to generate new content. The demo is a QR code scanner with AR! 🤩

via TweetDeck (retweeted on 2:08 PM, May 4th, 2021 via Twitter Web App)

@LinkofHyrule89 @Twitter Can you add this as a comment on the bug, please?

via Twitter for iPhone in reply to LinkofHyrule89

@LinkofHyrule89 @Twitter Not personally, but just added a component to the bug so it lands in the right queue.

via Echofon in reply to LinkofHyrule89

feross Shoutout to `common-tags` (github.com/zspecza/common…) which we use to build @Wormhole_App.

One of the most handy npm packages. Thanks @FatFisz for maintaining this! ❤️

via Twitter Web App (retweeted on 8:29 AM, May 4th, 2021 via Echofon)

LibbyMClark Suitable non-REST APIs from @johnmusser: “GraphQL is when you need flexibility; gRPC is when you need performance. You also have WebSocket, optimized for event-based models, and you have webhooks, which are optimized for callback models.” via @ricmac thenewstack.io/the-state-of-a…

via Twitter Web App (retweeted on 8:24 AM, May 4th, 2021 via Echofon)

@simevidas I’ll have a look. No ETA yet, but promised it’ll happen.

via Echofon in reply to simevidas

@reconbot @reillyeon Well played. 👏 I love this take.

via Echofon in reply to reconbot

A GameBoy connected to a Raspberry Pie Pico connected to a browser via that then allows you to link via a game server to other players with the same setup for multiplayer Tetris… 🤯 All code heregithub.com/stacksmashing?…hm. Next level video demo@Vincent_Scheibtwitter.com/ghidraninja/st…

via Echofon

Instructions for getting that richer PWA installation UI on mobile Chrome, by ⁦@Mustafa_x⁩. Now featuring screenshots and description. 👏 developer.chrome.com/blog/richer-pw…

via Twitter for iPhone

excalidraw It’s finally here. Introducing Excalidraw+. A place for your teams at work, and more!

Read our blog post 👇

blog.excalidraw.com/introducing-ex…

…or dive right in at: plus.excalidraw.com

via Twitter Web App (retweeted on 6:34 PM, May 3rd, 2021 via Twitter for iPhone)

wortwart Please appreciate this gem:

div[style*=”margin: 16px 0;”] {
margin: 0 !important
}

via Twitter Web App (retweeted on 12:35 PM, May 3rd, 2021 via Twitter Web App)

@edent For iOS, also check apps.apple.com/app/dnscloak-s… with a tailored to iOS blocklist.

via Echofon in reply to edent

simonw “Hosting SQLite databases on Github Pages” is absolutely brilliant: it adds a virtual filesystem to SQLite-compiled-to-WebAssembly in order to fetch pages from the database using HTTP range requests phiresky.github.io/blog/2021/host…

via Twitter Web App (retweeted on 8:26 AM, May 3rd, 2021 via Echofon)

slightlylate My mentions are full of an MPA/SPA debate, and I just want to mention that this is work underway now in Chromium and it can’t land soon enough:

github.com/WICG/shared-el…

source.chromium.org/chromium/chrom…

(you can try a subset on canary w/ chrome://flags/-transition )

via Twitter Web App (retweeted on 8:19 AM, May 3rd, 2021 via Echofon)

@kilianvalkhof @stefanjudis Filed as bugs.chromium.org/p/chromium/iss…, crediting the two of you. Needless to say: I think it’s a great idea!

via Echofon in reply to kilianvalkhof

@edent As everyone else pointed out: extensions. Also set the default search option to be RegEx if you’re a fan of those. Make use of the ctrl+p commands.

via Echofon in reply to edent

@ehsanakhgari @MightyApp Wow, exciting! All the best for the next endeavor!

via Echofon in reply to ehsanakhgari

@LinkofHyrule89 @NVIDIAGeForce It’s an architectural thing mostly how they organize their games. The PWA and the games would need to be hosted on the same origin. Or the games needed to run in iframes embedded on the PWA.

via Twitter for iPhone in reply to LinkofHyrule89

@LinkofHyrule89 It looks like the PWA was installed with one origin (example.com), but to play games it navigates to another origin (play.example.com). Since the origins are different, the PWA needs to display this off-origin mini URL b@NVIDIAGeForce

via Twitter Web App in reply to LinkofHyrule89