Thomas Steiner (@tomayac)

Hamburg, Germany

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

April 2021

Monster Mash: A Sketch-Based Tool for Casual 3D Modeling and Animation: ai.googleblog.com/2021/04/monste…. The demo is really impressive: monstermash.zone.

via Twitter for iPhone

@oliverturner @geoffreycrofte FWIW, here’s the waterfall of my blog, where I have implemented said splitting (and where this is a clearly over-engineered pattern), and it works just fine thanks to H/2: webpagetest.org/result/210410_… (Yes, I need to fix my cach

via Echofon in reply to oliverturner

@oliverturner @geoffreycrofte An interesting idea for certain scenarios might be to inline the split files as data URLs. Like that you have a clear separation and no additional HTTP requests, at the expense of caching. With HTTP/2, request overhead often

via Twitter for iPhone in reply to oliverturner

New arXiv paper 📄: Accessing HID Devices on the Web With the API: How to play the Chrome Dino Game by Jumping With a Nintendo Joy-Con Controller in One’s Pocket. 🦖 arxiv.org/abs/2104.02392. For @TheWebConf Developers Track.

via Twitter Web App

@geoffreycrofte @oliverturner For small sites I wouldn’t bother with separate files, but for typical large sites (think e-commerce sites for example) or high-performance sites (think Google) with dozens of rules needed to deal with special cases or load

via Twitter Web App in reply to geoffreycrofte

piccalilli_ 📣 New tutorial: “Build a fancy hover animation”

Learn how to use the power of CSS to take any collection of images and make them blend well together with a fancy interactive state.

It’s a proper fun one!

piccalil.li/tutorial/build… pic.twitter.com/6kIYJrUfuc

via Twitter Web App (retweeted on 11:47 PM, Apr 9th, 2021 via Echofon)

@DuckDuckGo In case anyone is interested in how FLoC block works, here’s @kdzwinel’s commit: github.com/duckduckgo/duc….

via Echofon in reply to DuckDuckGo

@igarshmyb @w3ctag There are plenty of implementations for Node.js and the browser: npmjs.com/search?q=keywo….

via Twitter Web App in reply to igarshmyb

@_boraturan As a Web developer, I would say: yes, this is a good thing. It’s slightly tongue in cheek of course calling this “Get the Android App”, but I like it.

via Twitter Web App in reply to _boraturan

Looks like we’re getting closer to being able to obtain UUIDs directly from a Web platform API:

“`js
const uuid = crypto.randomUUID();
// “52e6953d-edbe-4953-be2e-65ed3836b2f0”
“`

The @w3ctag review was just kicked off: github.com/w3ctag/design-….

via Twitter Web App

agektmr Want to build a biometric authentication UX with WebAuthn? Try it here
webauthn-codelab.glitch.me
You can learn how to build it in a codelab goo.gle/WebAuthnReauth…
It’s now a YouTube content (in Japanese, but with English caption)
youtube.com/watch?v=8ren54… pic.twitter.com/PcB57kFtJA

via Twitter Web App (retweeted on 9:28 AM, Apr 9th, 2021 via Echofon)

“Get the Android App” button installs the PWA. That’s next level. I love ♥️ it! ⤵️ twitter.com/steren/status/…

via Echofon

@DotProto Virtual hug 🫂. Wishing you strength!

via Echofon in reply to DotProto

@hashseed @TimvdLippe @kennethrohde @TheNix @RasmusHjulskov This reminds me of a recent issue I had: while debugging step-by-step a `showOpenFilePicker()` operation, my user gesture expired (yeah, I’m a slow debugger). Maybe make the grace period infinibugs.chromium.org/p/chromium/iss…

via Echofon in reply to hashseed

@kennethrohde @_zouhir Mini apps (web.dev/mini-apps/) commonly have a way to detect when the user took a screenshot, e.g., here’s WeChat’s: developers.weixin.qq.com/miniprogram/en…. I haven’t looked at the callback parameter, not sure if it allows the mini app

via Echofon in reply to kennethrohde

@simevidas `:parent(levels)` where levels would default to one and let me determine the number of levels I want to go up in the DOM tree.

via Echofon in reply to simevidas

Attending the 1st CJK Meeting on Mini Apps happening at the @w3c today. The slides of the meeting are available online: w3.org/2021/03/miniap…. For an introduction to the topic, the organizers recommend (w3.org/2021/03/miniap…) my series on mini apps (web.dev/mini-apps/

via Twitter Web App

TomerAberbach Another package! `limit-concur`

Limit an async function’s concurrency with ease! Less than 400 bytes!!!

github.com/TomerAberbach/… pic.twitter.com/IrqBEK5eV7

via Twitter Web App (retweeted on 10:22 PM, Apr 7th, 2021 via Echofon)

Oh, neat, my little app Wikipedia Around 📍(wikipedia-around.glitch.me) that was built for a PWA programming course with Palestinian developers is featured in Glitch’s blog post. ⤵️ twitter.com/glitch/status/…

via Twitter Web App

🎉 Google has a date: May 18–20, all virtual and all freeevents.google.com/io/?lng=envs. It’s finally official.

via Twitter Web App

thinktecture See how paint.js.org was made, a web-based -/-clone of Microsoft Paint 🎨
In part 1 of the series, @christianliebel provides a project overview, explains the choice of , and discusses the app architecture. thinktecture.com/pwa/making-of-…

via ContentStudio.io (retweeted on 3:36 PM, Apr 7th, 2021 via Twitter Web App)

@fcalderan @simevidas Not sure for `foreignObject`, but did some experiments on “regular” animated SVG favicons: blog.tomayac.com/2019/12/01/ani….

via Echofon in reply to fcalderan

paul_irish Curious what CSS/JS/DOM features are now widely available? I made a lil webapp a few years ago based on @caniuse data to help visualize.

paulirish.github.io/web-feature-av… There’s some surprisingly ‘new’ features with >90% support. pic.twitter.com/8EIQqlY1KD

via Twitter Web App (retweeted on 10:21 AM, Apr 7th, 2021 via Echofon)

@JohnMu I know it as “Gartenzaun” (which is the German equivalent of “Gartenhag”) or “Raute(zeichen)”, but that it’s also called “Doppelkreuz”: de.m.wikipedia.org/wiki/Doppelkre…. Interestingly @chrismessina spoke of “pound” sign when he ptwitter.com/chrismessina/s…

via Echofon in reply to JohnMu

@hj_chen @hdv Absolutely worth adding I think! This API fixes a big pain point with the old API. Thanks for writing this by the way!

via Twitter Web App in reply to hj_chen

@davrous @jaroslawjarosik Duh, I stand corrected (sorry for the wrong partial answer). Thanks for chiming in. Clearly explained in blogs.windows.com/windowsdevelop….

via Twitter for iPhone in reply to davrous

@zonzuJIro Using the old Edge, yes. The document describes the new integration that builds on the Chromium-based Edge (“Edgium”).

via Twitter for iPhone in reply to zonzuJIro

@jaroslawjarosik Sorry, I don’t. Not an Electron developer myself.

via Twitter for iPhone in reply to jaroslawjarosik

@hdv @hj_chen These not fun string operations are made obsolete with the Cookie Store API: developer.mozilla.org/en-US/docs/Web… (polyfill: github.com/markcellus/coo…). 🍪

via Echofon in reply to hdv

@jaroslawjarosik You can look at what PWA Builder does for the definitive answer. It’s also about confirming ownership.

I don’t have insights into what’s happening with this patch, sorry.

via Twitter for iPhone in reply to jaroslawjarosik

@jaroslawjarosik It loads everything from the regular servers, the Microsoft Store just contains a “container” and metadata.

Not a Windows user myself, so can’t really speak to it, but there seem to be others who share the concern (and solutions):coderwall.com/p/9tecwq/fix-p…

via Twitter for iPhone in reply to jaroslawjarosik

@jaroslawjarosik > delayed updates

False

> being forced to use OS default webview that has its own consequences like poor text rendering in case of anything chromium based on Windows

True (rest: opinion)

> storage separated between browser and PWA

Tr

via Echofon in reply to jaroslawjarosik

@jaroslawjarosik It’s a bit of an inconvenience for developers (improved by PWA Builder), but from a user’s perspective, what gets taken away? They may be not even aware that they are using a Web app, so maybe Web awareness.

via Echofon in reply to jaroslawjarosik

@rob_dodson Also came across this recently but saw that @slightlylate (of course) has already shared it.

via Echofon in reply to rob_dodson

@gokul_i You absolutely don’t need to; the Microsoft Store is just another distribution channel that users might be looking at when discovering apps. One advantage is ratings, so you can see what others think about the experience before you engage.

via Echofon in reply to gokul_i

Great integration of the Web Share Target API in the WordPress ecosystem: ⤵️ twitter.com/felixarntz/sta…

via Echofon

@RickByers @shubhie @addyosmani Make it “awesome” in the US, and leave it at “good” for Europe. 😂

via Echofon in reply to RickByers

excalidraw Those of you that dabble in some hardware from time to time will appreciate these new libraries featuring wiring diagrams and Arduino boards by Richard kj Cross. ❤️

Check them out on libraries.excalidraw.com pic.twitter.com/bJfFzIEGcn

via Twitter Web App (retweeted on 8:13 AM, Apr 6th, 2021 via Echofon)

Publish your Progressive Web App to the Microsoft Store: “[Your app] uses the Hosted App Model, with Microsoft Edge powering your PWA. In this model, your PWA uses modern web capabilities while functioning as a Windows app”. I ♥️ how MS embraces tdocs.microsoft.com/en-us/microsof…

via Twitter for iPhone

@mgiuca Ah, this one works. Props that they kept it alive. Thanks!

via Twitter Web App in reply to mgiuca

aemkei I’m fascinated by this simple formula to create bit fields that look like alien art:

(x ^ y) % 9 pic.twitter.com/jZL15xzEDL

via Twitter Web App (retweeted on 11:02 AM, Apr 4th, 2021 via Echofon)

@fernap3 This will be possible with the launch event API: github.com/WICG/file-hand….

via Twitter Web App in reply to fernap3

Great summary by Microsoft of recent experimental Progressive Web App features that you can test in Edge (and Chrome). docs.microsoft.com/en-us/microsof…

via Twitter for iPhone

feross We worked super hard on this for the past two months!

If you like it, please give us an upvote on Product Hunt so more people can try it out. producthunt.com/posts/wormhole…

via Twitter Web App (retweeted on 11:18 PM, Apr 2nd, 2021 via Echofon)

@mhartington Paging @sw12, but probably snoozing the page until after the Easter break.

via Echofon in reply to mhartington

@danbri We once called and a clothes drying rack had knocked out the phone cable. 🤦‍♂️

via Twitter for iPhone in reply to danbri

@danbri @edent @ian @cydharrell @ThePatHayes @GaryMarcus Pssst, don’t tell anyone: xkcd.com/806/. Sorry, oldie but goldie, couldn’t resist.

via Echofon in reply to danbri

@Accudio Still unlearning it myself, especially since English is a second language for me, and I have been imitating what people do whose first language is English. Favorite video in this context: youtu.be/Im3Zj9ZBsyU. 😂

via Echofon in reply to Accudio

@Accudio Thanks for the mention 😊. One thing though: some of the “guys” on your list are women. Alternative tweet: “Check all of these folks out, they’re all brilliant and I have learnt valuable stuff from all of them ♥️” pic.twitter.com/veOtSOoEOq

via Echofon in reply to Accudio

Debug Core Web Vitals in the field, by ⁦@philwalton:⁩ web.dev/debug-web-vita….

via Twitter for iPhone

Best practices for cookie notices, by @katiehempenius: web.dev/cookie-notice-…. Probably the most complete guide you can read on this topic! 🍪

via Twitter Web App

@bramus @ebidel @ChromiumDev Yeah, thanks for digging! So my suspicion was correct. Starring the bug. ⭐️

via Twitter for iPhone in reply to bramus

@bramus @ebidel @ChromiumDev I think this is not yet implemented, the explainer talks about the fact that “the API may” here: github.com/vmpstr/shared-…

via Twitter Web App in reply to bramus

UriShaked My IRL Chrome T-Rex game now doubles as a decorative clock in our living room! 🦖⏰

Source code for the clock (JS): go.urish.org/clock
Blog post: go.urish.org/t-rex pic.twitter.com/e5zL5BvDtr

via Twitter Web Client (retweeted on 4:04 PM, Apr 1st, 2021 via Twitter Web App)

@UriShaked @reillyeon Wow, this looks super beautiful! 🤩 I would attend a conference where this were the swag!

via Twitter Web App in reply to UriShaked

@bramus @ebidel @ChromiumDev It works perfectly fine for me with the `chrome://flags/-transition` flag set while using Chrome Canary version 91.0.4464.5 (Official Build) canary (x86_64). Nice work by the way! :-)

via Twitter Web App in reply to bramus

@jeffposnick @DasSurma Jeffy, since your first language is English, would you intuitively say “will be” or “going to”?
twitter.com/tomayac/status…

via Twitter Web App in reply to jeffposnick

@ebidel @ChromiumDev Don’t forget to set the `chrome://flags/-transition` flag!

via Twitter Web App in reply to tomayac

@reillyeon Is it skeuomorphism that this thing simulates LCD clock numbers when it could draw perfectly round numbers? For the “documenting this” part: @UriShaked has written a couple of really good guides, e.g., urish.medium.com/reverse-engine….

via Echofon in reply to reillyeon

@DotProto Nope. It’s also impossible to base64-encode the service worker script as a data URL, which works with regular web workers: codepen.io/adilsonjr/pen/…. This is so you can’t shoot yourself in the foot and end up with a never-updating service work

via Echofon in reply to DotProto

@DasSurma Now I’m geeking out if it should be “Who’s going to be a millionaire?” or rather “Who’ll be a millionaire?”. Instinctively I’d say “will be”, since it’s an unpredictable guess. English is hard! FWIW the “will be” varian

via Echofon in reply to DasSurma

@miketaylr I wouldn’t be surprised if this were used for fingerprinting somehow.

via Echofon in reply to miketaylr

Chrome update gamification idea for @alexainslie: with each Chrome update you apply, you unlock a new background image on the new tab page or a new game on `chrome://apps` (sourced from gamesnacks.com/embed/). Fixed security issues aren’t visible to rtwitter.com/alexainslie/st…

via Echofon

Using container queries today summarized by @piccalilli_: “Notice that when you looked at the demos in a non-supporting browser, they looked fine? That’s progressive enhancement in action giving everyone a good experience and where support is availabltwitter.com/piccalilli_/st…

via Echofon