Thomas Steiner (@tomayac)

Hamburg, Germany

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

December 2019

Why <details> is not an Accordion: daverupert.com/2019/12/why-de…. Great article and a plea for modern web aware new HTML elements.

via Echofon

@ehsanakhgari @RickByers @david_bokan Hmm, it seems to work fine on Safari for example (the old from the bug report and the new syntax). To be clear, the new syntax would be webmd.com/skin-problems-….

via Twitter for iPhone in reply to ehsanakhgari

stoyanstefanov Web performance calendar day 13 with @anniesullie on what LCP is and how it came to be. Invaluable insight from Chrome folks on how they think about metrics calendar.perfplanet.com/2019/developin…

via Twitter Web App (retweeted on 10:53 PM, Dec 13th, 2019 via Echofon)

@philwalton @RickByers @david_bokan Based on my experiments, I don’t think it does anything useful yet. It can currently be used to feature-detect support. But @david_bokan may have a better answer. pic.twitter.com/w2ZjwtHQ9O

via Twitter Web App in reply to philwalton

@gsnedders @DanielBratell I noticed that as well and checked: his last article dev.opera.com/blog/opera-58/ is from 2019, so concluded Opera’s still the current employer. Anyway, thanks for letting me know.

via Twitter for iPhone in reply to gsnedders

@gsnedders @DanielBratell Oh 😲. The Twitter bio at least still says he’s working for Opera.

via Twitter for iPhone in reply to gsnedders

@othermaciej @BrendanEich @yoavweiss @chrishtr @DanielBratell @slightlylate @bz_moz Thanks, Maciej, we have collected this (emailing the @webkit mailing list) as part of our best practices.

via Twitter for iPhone in reply to othermaciej

🎉 The Scroll to Text Fragment proposal (wicg.github.io/ScrollToTextFr…) now has 4 LGTMs, i.e., is ready to ship! It allows you to truly deep-link into docs—even when there’s no # anchor.

Here’s a sample URL:blog.tomayac.com/2019/12/12/sam…2 ⛄️

(Test with flag pic.twitter.com/gwFB8EpEKJ

via Twitter Web App

NikolasZimmerm1 I just published an article about my first large project @igalia on my blog: enabling CSS 3D transformations in @webkit SVG. I am looking forward to your comments - checkout blogs.igalia.com/nzimmermann.

I am excited :-)

via Twitter Web App (retweeted on 11:02 PM, Dec 12th, 2019 via Echofon)

@davidxcheng @ChromeDevTools @AMPhtml @jaffathecake @mathias This was my initial misreading as well, but as @jaffathecake wrote in github.com/whatwg/html/is…, it should probably say the following instead: “If the document is an HTML document, attribute names

via Twitter Web App in reply to davidxcheng

tomayac “Same same but different: Unicode Variation Selector-16”:

👉 blog.tomayac.com/2019/12/12/sam…

A post on the difference between ⚡️ and ⚡ in which I find out about ️U+FE0F and file @ChromeDevTools and @AMPhtml feature requests. This was fun to write!

Thanks, @jaffathecake and @mathias.

via Twitter Web App (retweeted on 6:14 PM, Dec 12th, 2019 via Twitter for iPhone)

@horsemankukka I’m on the latest iOS Beta, maybe that’s why it works here.

via Twitter for iPhone in reply to horsemankukka

@horsemankukka @jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias That’s super weird, macOS ignores Unicode Variation Selector-15, whereas iOS and iPadOS respect it.

via Twitter for iPhone in reply to horsemankukka

mark_e_davis Put together some material about the underside of emoji for programmers: — how to handle them so they work for end-users. Suggestions welcome: more examples, problems, solutions, &c.
docs.google.com/document/d/1pC…Kpic.twitter.com/m5qJ3KZViff

via Twitter Web Client (retweeted on 2:26 PM, Dec 12th, 2019 via Twitter Web App)

@jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias So do macOS and Windows, both snowmen render in the emoji variation (blog.tomayac.com/2019/12/12/sam…), despite me coding them as `&#x2603;&#xfe0e;` and `&#x2603;&#xfe0f;` respectively.

via Twitter Web App in reply to jaffathecake

“Same same but different: Unicode Variation Selector-16”:

👉 blog.tomayac.com/2019/12/12/sam…

A post on the difference between ⚡️ and ⚡ in which I find out about ️U+FE0F and file @ChromeDevTools and @AMPhtml feature requests. This was fun to write!@jaffathecake@mathias

via Twitter Web App

Learning modern JavaScript with Tetris: medium.com/@michael.karen…. 🧱

via Twitter Web App

slightlylate This sort of detailed feedback about Origin Trial APIs (you can sign up here!: developers.chrome.com/origintrials/) is critical to our learning process. Project Fugu is *all about* iteration and learning from developer needs 🐡🐡🐡 twitter.com/marcushellberg…

via Twitter Web App (retweeted on 10:52 PM, Dec 11th, 2019 via Echofon)

marcushellberg . @fractorious, following up on our discussion about the Native File System API at . We wrote a blog post on what we learned from experimenting with the origin trial, especially about the UX of permission popups: vaadin.com/blog/accessing…

via Twitter Web App (retweeted on 10:47 PM, Dec 11th, 2019 via Echofon)

webaxe Applying prefers-color-scheme to SVG favicons: blog.tomayac.com/2019/09/21/pre…

via Easy Chirp (retweeted on 8:21 PM, Dec 11th, 2019 via Twitter for iPhone)

@yoavweiss I could have sworn I have seen a crbug somewhere to improve @ChromeDevTools handling of localhost service workers from different projects. Maybe @mathias remembers?

via Echofon in reply to yoavweiss

johnwilander Updates to ITP in today’s iOS and macOS releases including a thank you to Google researchers – all under the title “Preventing Tracking Prevention Tracking”webkit.org/blog/9661/prev…3H

via Twitter Web App (retweeted on 2:47 PM, Dec 11th, 2019 via Echofon)

ChromiumDev Chrome 79 is rolling out now! Installed PWAs on Android get support for maskable icons. The WebXR Device API has landed. Origin trials start for the Wake Lock API, and the rendersubtree attribute. And plenty more! @petele has all the details at developers.google.com/web/updates/20… pic.twitter.com/3iC0Rf2M4q

via TweetDeck (retweeted on 2:42 PM, Dec 11th, 2019 via Echofon)

tkadlec New post: a few quick tips for how to use without breaking the bank. timkadlec.com/remembers/2019…

via Twitter Web App (retweeted on 2:40 PM, Dec 11th, 2019 via Echofon)

If you’re interested in the background on the better password protection feature that recently launched in Chrome, read up on this great work. ⤵️ twitter.com/aawc/status/12…

via Echofon

FakeUnicode Because it keeps coming up, how about a thread on Emoji in passwords. So we (and you) can link to it in the future.

Should they be allowed? For all practical purposes they can’t not be. So, yes.

Should they be heavily warned against? Yes.

But why? Well…

via Twitter Web App (retweeted on 10:43 AM, Dec 11th, 2019 via Twitter Web App)

@mahemoff “`js
#!/usr/bin/env node
const express = require(‘express’);
const server = express();

server.all(‘/*’, (_, res) => {
res.sendFile(__dirname + ‘/index.html’);
});

const port = 8000;
server.listen(port, () => {
console.log(‘Server listenin

via Echofon in reply to mahemoff

@uskay Definitely, and recipe pages are a great example use case for this feature. You know my email… 😂

via Twitter for iPhone in reply to uskay

@shmdhussain12 @ChromeDevTools @patmeenan I don’t know of any, but if the WebView in question is marked as debuggable (blog.tomayac.com/2019/12/09/ins…), then you can just test for yourself.

via Twitter Web App in reply to shmdhussain12

tomayac Facebook have recently marked their WebView-based In-App Browser debuggable 🧐. I have taken a close look 👀 with the @ChromeDevTools and have documented my findings.

👉 blog.tomayac.com/2019/12/09/ins…

Thanks, @patmeenan, who announced this feature. pic.twitter.com/2Al1bPG8fD

via Twitter Web App (retweeted on 12:07 PM, Dec 10th, 2019 via Twitter Web App)

@SterbalRobert I don’t know, maybe @Facebook is A/B testing their settings? And to be clear, I was talking about the Android app, the setting doesn’t seem to exist on iOS.

via Echofon in reply to SterbalRobert

Paul_Kinlan getUserMedia API can access the infrared camera on the Pixel 4.

paul.kinlan.me/pixel-4xl-infr… pic.twitter.com/OdtBFnPhU8

via Twitter Web App (retweeted on 9:59 AM, Dec 10th, 2019 via Echofon)

Not_Woods I’ve upgraded my maskable icon tool - now you can easily create new icons in the browser!

🧪
Upload and resize layers with live preview
⬛️
Try out a variety of shapes and masks
💧
Quickly share your results via the existing viewer tool

maskable.app/editor pic.twitter.com/BhMRYr6EKv

via Twitter Web App (retweeted on 9:49 AM, Dec 10th, 2019 via Echofon)

@kylealden @DotProto Still blows my mind what they pulled out of CGA: youtu.be/niKblgZupOc.

via Echofon in reply to kylealden

@ericlaw The next phrase is key: “That reflects the fact that advertisers pay more money for ads that can be targeted at people with specific demographics and interests”.

via Echofon in reply to ericlaw

manucorporat Integrated with new Native File System API, and I just realized it’s the best API the web got in a long long time! We need this shipped soon everywhere!
cc @kennethrohde @Paul_Kinlan pic.twitter.com/Rxo59eh0TP

via Twitter Web App (retweeted on 8:38 AM, Dec 10th, 2019 via Echofon)

@derSchepp Nolan Lawson has written about a similar experiment: nolanlawson.com/2019/02/10/bui…. Something I noticed in your implementation when playing with it on iOS is that the whole page scrolls up when I swipe/scroll the carousel.

via Echofon in reply to derSchepp

@ChromeDevTools @patmeenan @ChromeDevTools, is there a way to see all injected scripts other than hoping an early inserted `debugger;` will catch them and also hoping for console output to click through?
@slightlylate, if you find other things by looking blog.tomayac.com/images/example…

via Twitter Web App in reply to tomayac

Facebook have recently marked their WebView-based In-App Browser debuggable 🧐. I have taken a close look 👀 with the @ChromeDevTools and have documented my findings.

👉 blog.tomayac.com/2019/12/09/ins…

Thanks, @patmeenan, who announced this feature. pic.twitter.com/2Al1bPG8fD

via Twitter Web App

@mobtec Seen and preparing a response. Thanks for the pointer anyway.

via Twitter Web App in reply to mobtec

@robloxdevrel Hi there 👋. You just lost me at “Download and Install @Roblox”. Any reason why I need to download a player instead of just running the game on the Web? We all know amazing games can run in the browser..wasm.continuation-labs.com/d3demo/26 pic.twitter.com/wTCFxtfbcx

via Twitter Web App

💡 about Hyrum’s Law (hyrumslaw.com by @hyrumwright), well illustrated by 1172 (xkcd.com/1172/). It was brought up by @jyasskin in the context of the Periodic Background Sync “Intent to Ship” discussion: groups.google.com/a/chromium.org…

via Twitter Web App

@briankardell I can highly recommend Xubuntu: blog.tomayac.com/2018/06/25/lin…. Of course your mileage may vary depending on the model you have.

via Echofon in reply to briankardell

@KenjiBaheux @fractorious @denladeside @DasSurma @_developit @kennethrohde @mathias @Snugug @reillyeon I think one key question is: what “nearby” are we talking about? Within hearing range? Bluetooth range? NFC range? Seeing range?

via Echofon in reply to KenjiBaheux

css “Off The Main Thread” css-tricks.com/off-the-main-t… pic.twitter.com/q6nid3pEXl

via Buffer (retweeted on 9:56 PM, Dec 7th, 2019 via Echofon)

@othermaciej @KenjiBaheux @tobie @dauwhe @yoavweiss @ehsanakhgari @jyasskin Native having too much power is a standpoint I fully agree with. An approach as taken in the Contact Picker API proposal (wicg.github.io/contact-api/sp…) is a step to fix this: No contin

via Echofon in reply to othermaciej

zcorpan What is document.domain? What does it do? Why is it bad? (Thread)

via Twitter Web App (retweeted on 11:00 AM, Dec 7th, 2019 via Echofon)

umaar Using ARIA in HTML 📖️ w3c.github.io/using-aria/ - Some great guidelines here to improve your webpage accessibility. Also includes code examples + explanations to learn from ✅️ pic.twitter.com/Oj0VbLOIb3

via Twitter Web App (retweeted on 10:58 AM, Dec 7th, 2019 via Echofon)

@yoavweiss @briankardell And shameless plug: `prefers-reduced-data` would turn an HTTP header and read-only property into a media feature. The issue github.com/w3c/csswg-draf… proposes the opposite: media feature to HTTP header. Both are useful.

via Echofon in reply to yoavweiss

@bz_moz Maybe show it as a network error that can be hidden.

via Echofon in reply to bz_moz

The new PWAbuilder.com will focus more on components and remove the iOS build path. The future directions post linked in the quoted tweet is a good read. ⤵️ twitter.com/davrous/status…

via Echofon

@firt @facebook @slightlylate It is the current intended behavior. Which is positive. 👍

via Echofon in reply to firt

Una 🔥This brand new post is all about dynamic color theming using CSS custom properties, HSL, and the calc() function

Learn how to recreate the lighten/darken, complement/triad, color-contrast (sort of), & mix functions using ONLY vanilla CSS

👇👇👇
una.im/css-color-them…
☝️☝️☝️ pic.twitter.com/2S87WFtDKI

via Twitter Web App (retweeted on 9:01 AM, Dec 6th, 2019 via Echofon)

@paul_irish @simevidas This might have been a case where Priority Hints could have helped. Not defending that they load stuff this way in the first place, just thinking of fighting the symptoms.

(CC: @yoavweiss)

via Echofon in reply to paul_irish

@patmeenan This is a great move in the direction of more transparency. Thank you!

via Echofon in reply to patmeenan

In-app browsers like @facebook’s (any WebView really) effectively are a _potential_ man-in-the-middle attack that can modify the traffic between server and client, for example, to insert tracking scripts. Great move by Facebook to make theirs inspectabl@slightlylatetwitter.com/patmeenan/stat…

via Echofon

FlowBrowser Sometimes JS frameworks present unexpected challenges for those implementing a new HTML browser engine. ekioh.com/devblog/fixed-…

via Twitter Web App (retweeted on 8:24 AM, Dec 6th, 2019 via Echofon)

In case you were following the built-in modules JavaScript discussion, here’s the latest stance on this by @domenic: github.com/w3ctag/design-…. The tl;dr is: “I believe that built-in modules are harmful and should not be pursued”.

via Twitter for iPhone

@mayeedwin1 Don’t praise the messenger… 🤣

via Twitter Web App in reply to mayeedwin1

beverloo This, and new Origin Trials for Notification Triggers and support for addresses & photos in the Contact Picker. Chrome 80 will be a good release! :) twitter.com/tomayac/status…

via Twitter Web App (retweeted on 2:22 PM, Dec 5th, 2019 via Twitter Web App)

🎉Two new Project Fugu 🐡 APIs have just received their 3rd LGTM (Looking Good To Me) seal of approval 💌 by the API owners, which means they’re ready to ship (chromium.org/blink#TOC-Poli…)!

Periodic Background Sync: groups.google.com/a/chromium.org…
Contact Pickgroups.google.com/a/chromium.org…

via Twitter Web App

@Paul_Kinlan @dstaley There’s some discussion around making elements of Web App Manifest color-scheme-aware (github.com/w3c/manifest/i…), but currently your best bet _now_ is to dynamically switch `link[rel=manifest]` (and `meta[name=theme-color] and `link[rdark-mode-baseline.glitch.me

via Twitter Web App in reply to Paul_Kinlan

Funny how the screenshot lies about the notch and just fills it with the background pattern. It’s not magically gone of course, but barely noticeable. The original article by @hortont424’s here: webkit.org/blog/7929/desi…. Glad `env()` is being standardidrafts.csswg.org/css-env-1/

via Echofon in reply to tomayac

I’m using the `env(safe-are-inset-{left,right})` CSS function (developer.mozilla.org/en-US/docs/Web…) on my new old blog (blog.tomayac.com/2019/09/29/the…); and (completely biasedly) have to say: it looks gorgeous 🤩 on my notch phone 📱. Easy to implement, too: github.com/tomayac/blogcc…pic.twitter.com/QsvMOKc3pW

via Twitter for iPhone

@kennethrohde @webkit Also adding in @jonathandavis, since we were discussing this at .

via Echofon in reply to tomayac

@kennethrohde, you might want to chime in or on subscribe yourself to bugs.webkit.org/show_bug.cgi?i…. The @webkit team is looking at Web App Manifest work.

via Twitter for iPhone

Eramdam Damn, the new multi-line mode in @firefox 71’s console is AMAZING. It’s going to be SO convenient, and the history search is going to save my life.

Kudos to whoever contributed on this at Mozilla. developer.mozilla.org/en-US/docs/Too… pic.twitter.com/sB8LLw0VjL

via TweetDeck (retweeted on 1:18 AM, Dec 5th, 2019 via Echofon)

@patrick_h_lauke @derSchepp @goetsu @dotCSS `prefers-reduced-motion` is actually a great case for the idea we brought up in github.com/w3c/csswg-draf…. Having this information exposed as a header would even allow for old browsers to send the preference via a@tabatkins

via Echofon in reply to patrick_h_lauke

andreasbovens Firefox 71 is out & it’s a packed release:
🖼️ Picture-in-Picture on any video (Windows)
🏛️ Multicol column-span
📰 Subgrid
🛣️ Clip-path: path()
⚡️ WebGL Multiview
+ a ton of Devtools stuff:
📨 WebSocket Message Inspector
👀 Inline var preview
& much more
hacks.mozilla.org/2019/12/firefo…

via Twitter Web App (retweeted on 11:55 PM, Dec 4th, 2019 via Echofon)

@momenabdelkarim I can’t say anything about future plans, but we definitely see demand.

via Twitter for iPhone in reply to momenabdelkarim

intenttoship Blink: Intent to Ship: Periodic Background Sync groups.google.com/a/chromium.org…

via Feeds for @intenttoship (retweeted on 8:54 PM, Dec 3rd, 2019 via Echofon)

MSEdgeDev Improving Tracking Prevention in Microsoft Edge blogs.windows.com/msedgedev/2019…

via TweetDeck (retweeted on 8:46 PM, Dec 3rd, 2019 via Echofon)

rowan_m In-depth but accessible exploration of the upcoming cookie 🍪 changes. You’ve only got 2 months left to fix this, so if you don’t know what I’m talking about then go read this blog. twitter.com/_panva/status/…

via Twitter Web App (retweeted on 4:43 PM, Dec 3rd, 2019 via Echofon)

@mayeedwin1 @MartaW_PL Nice, thanks for sharing! I’ve built something similar when I was doing research on WebView capabilities: tomayac.github.io/pwa-feature-de…. There’s also WhatWebCanDo.today by @NOtherDev.

via Twitter Web App in reply to mayeedwin1

@nhoizey Yes, true. Check the section “Twitter cards and Open Graph” on via Twitter Web App in reply to nhoizey

cobra_winfrey with a whole lot of clip-paths, masks and box-reflect I built this generative holiday sweater pen over at @CodePen // if you want to experience the darkest dark mode go ahead and open it outside of Chrome
codepen.io/cobra_winfrey/… pic.twitter.com/89LlkiQe9E

via Twitter Web App (retweeted on 7:30 AM, Dec 3rd, 2019 via Echofon)

@rick_viscomi @Twitter Thanks, it’s probably some sort of caching issue. It didn’t render locally in my logged in session at all, but it did render when I opened the tweet individually in an incognito tab.

via Twitter for iPhone in reply to rick_viscomi

@tibor @Twitter Yeah, it works fine on mobile for me, too, but looks borked on desktop (it seems to work in an incognito tab, though).

All that being said, you should _really_ charge your phone, your battery charge level makes me super nervous. 😂

via Echofon in reply to tibor

It’s also hilarious how @Twitter manages to fsck this up on desktop, but makes it work perfectly on mobile; and in its Validator shows it should work fine universally. pic.twitter.com/mimkW6HSNY

via Twitter Web App in reply to tomayac

The repetitiveness of the three formats, Open Graph Protocol, Twitter Cards, and Schema.​org, still hurts… 😞 It’s 2019, and we still don’t have structured markup interoperability.

via Twitter for iPhone in reply to tomayac

I’ve added structured markup (Facebook, Twitter, Schema​.org) to my blog with actual screenshots created by Puppeteer (github.com/tomayac/blogcc…); so when you share a post like blog.tomayac.com/2019/12/01/ani…, now there should be a decent preview of what to expec

via Twitter Web App

derSchepp As much as I like to talk about things, as slow I am at writing. So it almost took me 6 months to write my first ever blogpost (also after 15+ years in the business 🙈):

++ Dealing with Ads in 2020 ++
schepp.dev/posts/ad-integ…

Massive THX go to @stefanjudis for proof-reading!

via TweetDeck (retweeted on 9:58 PM, Dec 2nd, 2019 via Twitter Web App)

@simevidas CC: @ChromeDevTools. Is there something we could do here?

via Echofon in reply to simevidas

bbcweather When you’re a weather presenter and your watch contradicts your forecast….😆
🔊Sound on👇 pic.twitter.com/YXojblKcIQ

via SocialFlow (retweeted on 11:03 AM, Dec 2nd, 2019 via Twitter Web App)

@kennethrohde @_zouhir @darktears @MSEdgeDev It’s imported from your repo, just make the change and it will update when I pull the next time. I have also just sent you the Glitch invite code so you can modify the project yourself (i.e., click the “import

via Twitter Web App in reply to tomayac

@rowan_m is looking for things to complain about on Twitter. Please help. ⤵️ twitter.com/rowan_m/status…

via Echofon

@Not_Woods Wow, this looks incredibly useful in the current state already. I’ll try this to get my new old blog blog.tomayac.com a better (or rather: an actual made for this purpose) favicon & manifest icon.
(Meta: Thought of adding the `permanen

via Echofon in reply to Not_Woods

Not_Woods Here’s a new project I’m working on: an image editor for maskable icons! It’s currently rough around the edges but ready to try out.

maskable.app/editor pic.twitter.com/sMmsFyv2vP

via Twitter Web App (retweeted on 6:52 PM, Dec 1st, 2019 via Echofon)

@rowan_m Go to the bot’s full profile, three dot menu, mute.

1/1

via Echofon in reply to rowan_m

@mrdoob github.com/tomayac/blogcc… 😂 Yeah, good remark.
I was honestly surprised that the inlined SVG with the JS animation played, while the referenced via `<img>` didn’t. Need to find out if this is working as intended.

via Twitter for iPhone in reply to mrdoob

📢 New blog post! Animated SVG favicons:

👉 blog.tomayac.com/2019/12/01/ani…

Should your favicons dance 💃 like no one is watching? Probably not, but it might be useful as a progressive enhancement in certain situations. Looking forward to learning your th

via Twitter Web App

@CharlieCroom @dalmaer @slightlylate Well played 👏. You all obviously know, but for others who watch this from the comfort of their couches, this feature request is tracked in github.com/WICG/contact-a….

via Echofon in reply to CharlieCroom