Thomas Steiner (@tomayac)

Hamburg, Germany

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

January 2020

“Thinking Through Styling Options for Web Components”: css-tricks.com/thinking-throu….
Fully agree with ⁦@chriscoyier⁩ here, CSS modules is the future: github.com/w3c/webcompone…. 🎨

via Twitter for iPhone

@searchliaison I’m the publisher of my blog blog.tomayac.com and a Person, but to make the Structured Data Testing Tool happy I have to lie and say I’m an Org.: search.google.com/structured-dat…. Is this working as intended?
Also my favicon isn’t updatgoogle.de/search?client=…

via Twitter for iPhone

andrestaltz This font for code is cool, but its website is definitely amazing: jetbrains.com/lp/mono/

via TweetDeck (retweeted on 6:07 PM, Jan 16th, 2020 via Echofon)

@kennethrohde @marypcbuk @SeaRyanC @migueldeicaza We’re indeed working on standardizing all these capabilities, as outlined here: developers.google.com/web/updates/ca…. Your feedback on them is greatly welcomed.

via Twitter for iPhone in reply to kennethrohde

zachklein My 5yo asked, “How big is a wolf?”

So I Google it… Google’s first result is the option (in browser!) to place a realistic wolf in the room with us so we can walk around it and see for ourselves.

Magical. The closest I have felt to a Young Lady’s Illustrated Primer. pic.twitter.com/ZPDpAAUCOW

via Twitter for iPhone (retweeted on 2:26 PM, Jan 16th, 2020 via Echofon)

Earlier today, I read about @Vjeux’ s Excalidraw ✏️ (blog.vjeux.com/2020/uncategor…) and thought it was a natural candidate for the Native File System API, so I opened a PR (github.com/excalidraw/exc…) and added it. Play with it on the preview deploy: …it-fork-tomayac-nativefs.vjeux.now.sh

via Twitter Web App

@puekey I don’t think there’s a definitive answer. My heuristic is: Does it follow the regular laws of physics and does it not feel overwhelming to me as a (mostly) insensitive-to-motion individual? If so, then probably it’s fine. But your users may

via Twitter for iPhone in reply to puekey

Mozilla lays off 70 as it waits for new products to generate revenue. 😢 techcrunch.com/2020/01/15/moz…

via Twitter for iPhone

@mayeedwin1 It took me 10 years to join the team, mostly because I wasn’t (and still am not) based out of one of our engineering hub offices. You’re doing an amazing job at @pwafire! 🤗

via Echofon in reply to mayeedwin1

@puekey I respectfully disagree regarding `scroll-behavior`. If you set it to `smooth`, you actually make the movement feel more natural (developer.mozilla.org/en-US/docs/Web…). It’s unnatural motion (e.g., parallax scrolling) that potentially causes issues.

via Echofon in reply to puekey

@puekey @elijahmanor Actually the updated article is here: web.dev/prefers-reduce…. I should have added a redirect to the old article.

via Echofon in reply to puekey

elijahmanor Used Web Animations API for the first time in production

Browser support is great caniuse.com/#feat=web-anim…

You can tap into OS “Prefers Reduced Motion” setting via JS to enable or disable

window.matchMedia(‘(prefers-reduced-motion: reduce)’)

developers.google.com/web/updates/20… 👏 @tomayac

via Twitter Web App (retweeted on 10:34 PM, Jan 15th, 2020 via Echofon)

thejohnjansen And we are live, people. microsoft.com/en-us/edge

I’m freaking out a little bit, but also super proud and excited about this.

via Twitter Web App (retweeted on 8:28 PM, Jan 15th, 2020 via Echofon)

sundarpichai The Advanced Protection Program is our strongest level of security for Google Accounts. Today, we’re simplifying the enrollment process for everyone, and enabling iPhones in addition to Android phones to be used as security keys. blog.google/technology/saf…

via Twitter for Android (retweeted on 8:23 PM, Jan 15th, 2020 via Echofon)

What can the Chrome Web DevRel team (my team 🎉) do better or differently to make Web developers like you happier, and thereby ultimately help the Web as a platform to succeed? If you care, help us find answers. Thanks! ⤵️ twitter.com/Paul_Kinlan/st…

via Echofon

WhatWebCanDo What Web Can Do Today proudly presents itself anew with the fresh look and new Articles section. More coming soon! whatwebcando.today

via TweetDeck (retweeted on 8:09 PM, Jan 15th, 2020 via Echofon)

Two exciting PWA feature explorations by our friends over at @MSEdgeDev:
👉 Custom dialog on close: github.com/MicrosoftEdge/….
👉 Allow installed PWA to run on operating system login: github.com/MicrosoftEdge/….

via Twitter Web App

polymer 📖👀 Edge is starting a new chapter tomorrow! 🎉

📝 @straversi1 shows you how you can take advantage of its new WCs APIs to author a story component with excellent DevX using LitElement

dev.to/straversi/buil…

via Twitter Web App (retweeted on 10:42 PM, Jan 14th, 2020 via Echofon)

@reillyeon 🚌 Bus lanes to the rescue, established 1963 in Hamburg: en.wikipedia.org/wiki/Bus_lane.

via Echofon in reply to reillyeon

Log3overLog2 Chrome plans to phase out support for third-party cookies. “Our intention is to do this within two years.”

blog.chromium.org/2020/01/buildi…

via Twitter Web App (retweeted on 10:19 PM, Jan 14th, 2020 via Echofon)

@bogas04 @styfle @rmondello @DasSurma @vexii12 @intenttoship @w3c @polyfillio This is something we have brought up in github.com/w3c/csswg-draf…. Feel free to chime in with additional use cases. Thanks!

via Echofon in reply to bogas04

@tcurdt I guess that’s an adequate summary :-)

via Twitter for iPhone in reply to tcurdt

The final puzzle piece of dark mode 🌒 support in Chrome comes together: we’ve just sent the Intent to Ship email for the CSS `color-scheme` property and meta tag: groups.google.com/a/chromium.org…. Here’s what it does: medium.com/dev-channel/wh….

via Twitter for iPhone

Intent to deprecate and freeze the Chrome user-agent string in HTTP request headers as well as in `navigator.userAgent`: groups.google.com/u/1/a/chromium….

via Twitter Web App

@co60ca @ChromiumDev @petele The thing is, the current (no opt-in) work-around (playing an invisible video) is worse for many reasons and has the same effect as a `”screen”` wake lock, so we made `”screen”` no opt-in, too. Note, though, that the story is github.com/w3c/wake-lock/…

via Twitter Web App in reply to co60ca

stefanjudis May I introduce: @tinyhelpersdevtiny-helpers.devBc.

Because I never find the proper tools when I need them I started collecting useful single-purpose online tools that are useful for web devs & I’ll keep adding tools. 😊🙈

I share my favorite ones below in a thread. pic.twitter.com/gJUUG8SI1I1I

via Twitter Web App (retweeted on 8:34 PM, Jan 13th, 2020 via Echofon)

rijubrata 📢 Web NFC is up for Origin Trials.

A long time coming but finally it’s here.
Give it a whirl on your Chrome for Android and let us know what you want to do with this new capability. 🐡🐡

🥂 François Beaufort, @reillyeon, @kennethrohde, @zolkis, Leon Han, Donna Wu, @anssik pic.twitter.com/hnfuXDDY2s

via Twitter Web App (retweeted on 8:14 PM, Jan 13th, 2020 via Echofon)

w3cdevs Congrats to @cssrossen (@Microsoft), @davidbaron (@mozilla) and @kennethrohde (@intel) for their election to the @w3ctag 👏👏👏
twitter.com/w3c/status/121…

via Twitter Web App (retweeted on 8:13 PM, Jan 13th, 2020 via Echofon)

Finished @Snowden’s 📖 book Permanent Record (highly recommended). In there, he mentions @gushunt’s (at the time CTO of the @CIA, now Managing Director at @AccentureFed) talk on Big Data: youtu.be/GUPd2uMiXXg. More people should see this. Own your daarchive.org/details/nsia-s…

via Twitter Web App

slightlylate Over the same time period, more of a die went “dark” more of the time to get better power & thermal mgmt. Mobile is the extreme end of this. twitter.com/slava_pestov/s…

via Twitter Web App (retweeted on 9:44 PM, Jan 12th, 2020 via Echofon)

Great article ⤵️ by @philnash on improving the OTP experience on the Web; with mentions of both the iOS Safari autocomplete way (developer.apple.com/documentation/…) and the Android Chrome SMS Receiver API way (see @agektmr’s article: web.dev/sms-receiver-a…). twitter.com/rmondello/stat…

via Echofon

@canofsleep @ChromiumDev Wow, this sounds super interesting 😆. Do you want to share a link to the site?

via Twitter Web App in reply to canofsleep

Things you can do with a browser in 2020: github.com/luruke/browser…. A good amount of 🐡 Project Fugu APIs in this list.

via Echofon

@addyosmani @stoyanstefanov Not only does this use the `DecompressionStream`, but also the Native File System API. 🎉

via Echofon in reply to addyosmani

webmaxru Very interesting -related API proposals from my colleagues @AaronGustafson, @jungkees, Carlos Frias:

- Adding response metadata to Cache API github.com/MicrosoftEdge/…
- Auto-start PWA on OS login! github.com/MicrosoftEdge/…

Please, share your feedback in these repos

via Twitter Web App (retweeted on 12:52 AM, Jan 11th, 2020 via Echofon)

@HeyJonR @ChromiumDev This is good feedback, similar to wicg.github.io/native-file-sy…. Could you please open a new GitHub Issue where you suggest this: github.com/WICG/native-fi….

via Twitter Web App in reply to HeyJonR

Unicode Emoji QID is quite an interesting use case of @wikidata; details here: unicode.org/review/pri408/…. Not sure it’s a good idea, here’re some pros and cons: github.com/mozilla/standa…. (CC: @vrandezo, @nightrose)

via Twitter Web App

@rob_dodson @feedly Technically it’s Atom by the way: github.com/GoogleChrome/w…. See the spec: tools.ietf.org/html/rfc4287. Most people (including me in the Issue) call any feed “RSS”—no matter the actual format. The actual RSS feed format has an intererssboard.org/rss-history

via Echofon in reply to tomayac

@rob_dodson Hehe 😉.

So, @feedly, if a feed contains a custom element, it seems like you swallow the contents: github.com/GoogleChrome/w…. Example:

“`xml
[…]
<foo-random>
<span>I disappear on Feedly</span>
</foo-random>
[…]
“`

Is this working as

via Echofon in reply to rob_dodson

sw12 web.dev now has ‘self-assessments’: kayce.basqu.es/blog/two-way-i…

Brilliant work from @kaycebasques , @devnook and Michael Friesenhahn. pic.twitter.com/kXDc2ogz9V

via Twitter Web App (retweeted on 11:17 PM, Jan 9th, 2020 via Echofon)

jaffathecake We often talk about the gzipped size of libraries, but maybe it’s time we default to the brotli size? caniuse.com/#feat=brotli

via Twitter Web App (retweeted on 11:07 PM, Jan 9th, 2020 via Echofon)

Paul_Kinlan We’re hiring a Developer Advocate to focus Security and Privacy Sandbox.

paul.kinlan.me/hiring-chrome-…

Job -> careers.google.com/jobs/results/1…

via Twitter Web App (retweeted on 8:59 PM, Jan 9th, 2020 via Twitter for iPhone)

@adrianholovaty @ChromiumDev @BettyCrocker @petele Yeah, that’s another brilliant use case. Hope you can try the API. The article has all the pointers for getting started. 🎶

via Twitter for iPhone in reply to adrianholovaty

ChromiumDev While baking cookies 🍪 from a recipe site, have you ever tapped your phone’s screen with your nose 👃📲 to prevent it from sleeping when your fingers were doughy 👨‍🍳?

See how @BettyCrocker uses the Wake Lock API to keep the phone awake when you’re busy.

bettycrocker.com/recipes/ultima… pic.twitter.com/rTOrKJG38a

via TweetDeck (retweeted on 7:46 PM, Jan 9th, 2020 via Twitter for iPhone)

@AaronGustafson @alistapart Approaches discussed in the Issue were to just allow IDB to store `Responses`, or a new `Cache.has()` method to get metadata.

via Twitter for iPhone in reply to AaronGustafson

@AaronGustafson @alistapart Just added a pointer to your Explainer from the Issue. Maybe consider adding a “Related Work” section to your document and linking back.

via Twitter for iPhone in reply to AaronGustafson

@stefanjudis It could work, maybe to convey something is happening or processing, but it probably should only be a temporary thing.

via Echofon in reply to stefanjudis

@AaronGustafson @alistapart This is interesting! We have discussed adding metadata in the ServiceWorkers WG before: github.com/w3c/ServiceWor….

via Echofon in reply to AaronGustafson

auchenberg A new version of @remotedebug iOS WebKit Adapter have been released with support for iOS 12 and iOS 13 contributed by the community 🔥

Use @ChromeDevTools to debug Safari on iOS devices 👉

github.com/RemoteDebug/re…

via Twitter Web App (retweeted on 10:56 PM, Jan 8th, 2020 via Echofon)

_alastair Didn’t think I’d ever need to read @jaffathecake’s “AppCache is a douchebag” article ever again, but iOS webviews aren’t allowed to use Service Workers, so welp, into the rabbit hole I go alistapart.com/article/applic…

via Twitter for iPhone (retweeted on 10:52 PM, Jan 8th, 2020 via Echofon)

serhiikulykov CSS Shadow Parts are coming!

Published a blog post with an overview of the first new Web Components API getting cross-browser support.

Check out this blog post for usage examples and more.

dev.to/webpadawan/css…

via Twitter Web App (retweeted on 8:03 PM, Jan 8th, 2020 via Echofon)

@stefanjudis I looked into various ways to make this happen: blog.tomayac.com/2019/12/01/ani…. Because one can probably doesn’t mean one should. 😃

via Echofon in reply to stefanjudis

hdv “I don’t want to build a cookie consent UI. It will be difficult to program, technical debt to maintain, and worse, be annoying to users. I’d rather see if we can just ditch anything setting a third-party cookie, so I’m going down that road first.” css-tricks.com/why-every-webs…

via Twitter Web App (retweeted on 7:55 PM, Jan 8th, 2020 via Echofon)

addyosmani Tip: You can continuously monitor performance with the PageSpeed Insights API: bit.ly/psinsights-api pic.twitter.com/W0795ZlEaY

via Twitter Web App (retweeted on 7:54 PM, Jan 8th, 2020 via Echofon)

pikapkg 📣Introducing Snowpack v1.0! (previously @pika/web)

Build web applications with LESS TOOLING and iterate 10x FASTER. Replace your traditional app bundler with this run-only-once post-install tool.

Learn more: snowpack.dev
Quick start: snowpack.dev/#quickstart pic.twitter.com/dPXFfNQYoV

via Twitter Web App (retweeted on 5:27 PM, Jan 8th, 2020 via Echofon)

kennethrohde Playing around with the new form controls! 🎉

concrete-hardboard.glitch.me twitter.com/gregwhitworth/… pic.twitter.com/tqc9pw6jXk

via Twitter Web App (retweeted on 5:09 PM, Jan 8th, 2020 via Echofon)

argyleink Proper masonry layouts with just CSS, yes please!

Follow the proposal by Mozilla’s MatsPalmgren, vote & share your use cases 👍

github.com/w3c/csswg-draf… pic.twitter.com/zo445MTKZ0

via TweetDeck (retweeted on 5:08 PM, Jan 8th, 2020 via Echofon)

@TheWebConf (Please note, though, that participation in the developers track will require registration for the conference: www2020.thewebconf.org & www2020.thewebconf.org/conference-ove….)

via Twitter Web App in reply to tomayac

andreasbovens Firefox 72 also protects users against fingerprinting — by default 🚫☝️ The Mozilla Security Blog explains why this is important, and how it keeps users safer online (without causing website breakage):blog.mozilla.org/security/2020/…8

via Twitter Web App (retweeted on 3:28 PM, Jan 8th, 2020 via Echofon)

From the @ChromiumDev blog: Introducing quieter permission UI for notifications: blog.chromium.org/2020/01/introd…. This is much welcomed! 👍

via Echofon

@stefanjudis @Madalinadraws Oh noes, your RSS icon has only one bar of WiFi.

via Echofon in reply to stefanjudis

tunetheweb We’re working hard on translating the 2019 Web Almanac by @HTTPArchive

Making great progress on below but more translators and languages always welcome!

French: github.com/HTTPArchive/al…
Japanese: github.com/HTTPArchive/al…
Spanish: github.com/HTTPArchive/al…

almanac.httparchive.org/en/2019/

via Twitter Web App (retweeted on 3:16 PM, Jan 8th, 2020 via Echofon)

👏 A ton of great features in Firefox 72, especially happy about Shadow Parts! ⤵️ twitter.com/andreasbovens/…

via Echofon

brucel Why You Should Choose HTML5 <article> Over <section>, by l’il old me, helped by the resplendent @LeonieWatson smashingmagazine.com/2020/01/html5-…

via TweetDeck (retweeted on 3:03 PM, Jan 8th, 2020 via Echofon)

@KevinKelchen Ah, I see. This _should_ actually work, as long as the proper CORS headers are set, but it doesn’t work in practice: bugs.chromium.org/p/chromium/iss….

via Twitter for iPhone in reply to KevinKelchen

@KevinKelchen The experience is distinct from downloading, though. It’s indeed a share to another app for onward processing, not a download. For “download”, the Native File System API is more of a game changer: web.dev/native-file-sy….

via Twitter for iPhone in reply to KevinKelchen

Looked a little closer at the Web Share API—Level 2 (that allows for the sharing of files:w3c.github.io/web-share/leve…9) today and discovered two interesting issues:
🤝 Cross-origin sharing:crbug.com/1039679F.
🤝 Sharing “niche” MIME types like SVGcrbug.com/1039724

via Twitter Web App

@oliverW42355990 I agree. I think this is more of an Android issue at this point, though, but I will hear around if there’s anything we can do on the Chrome side. crbug.com/1039724

via Twitter Web App in reply to oliverW42355990

@oliverW42355990 In case you’re interested, my issue concerns cross-origin sharing: crbug.com/1039679.

via Twitter Web App in reply to tomayac

@oliverW42355990 As promised getting back to you. I actually could share the example SVG from your CodePen. Note that a lot of apps like Hangouts don’t accept SVGs, but, for example, if you share to Gmail, it works, as proven by the screenshot. pic.twitter.com/obJNMkLH4b

via Twitter Web App in reply to oliverW42355990

☹️ Sad smiley is sad. Source: docs.google.com/forms/d/e/1FAI….
Looks like Unicode Variation Selector-16 strikes again..blog.tomayac.com/2019/12/12/sam…bo

CC@FakeUnicodedpic.twitter.com/eer4mJDNeDeD

via Twitter Web App

@j9t See medium.com/dev-channel/le… for _some_ user research on this question. No absolute usage numbers, though.

via Echofon in reply to j9t

philwalton 🚀 New article: how I use service workers to cut my site’s HTML payload size (and FCP) in half!

This is a fairly advanced technique, but it’s one of the best ways I know to improve perf—and users with limited data plans will thank you! 🙏
philipwalton.com/articles/small…Fpic.twitter.com/I0Vsh6L8x88

via Twitter Web App (retweeted on 11:20 AM, Jan 7th, 2020 via Echofon)

addyosmani Fantastic mobile web animations in React demos + talk by @alex_holachek. Lots of great tips about performance:

Slides: mobile-first-animation.netlify.com
Code: github.com/aholachek/mobi…
Video: bit.ly/mobilefirstani… pic.twitter.com/VAztX1X5f8

via Twitter Web App (retweeted on 11:11 AM, Jan 7th, 2020 via Echofon)

jimmyg 1/ Today marks the twentieth anniversary of the introduction of Microsoft’s Internet Explorer 5 for Mac. This was both the most important release of Internet Explorer for the Mac, and the last release. Here are some anecdotes and thoughts from an insider’s perspective. [thread] pic.twitter.com/TLiloQX0DU

via Twitter for iPad (retweeted on 10:44 AM, Jan 7th, 2020 via Echofon)

😂 Sometimes I am happy to be one of the members of the Chrome DevRel team in an office far from London. ⤵️ twitter.com/Paul_Kinlan/st…

via Echofon

smashingmag Let’s make 2020… fast! 🏎️💨

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

smashingmagazine.com/2020/01/front-…

🎯 Metrics, realistic targets
📦 Bundling
🚚 Delivery
🏎️ Single-Page Apps
🎪 HTTP/2, HTTP/3
📈 Testing, Monitoring
🧰 Tooling
✅ TL;DR Checklist pic.twitter.com/kYVzd0Gpvk

via TweetDeck (retweeted on 2:55 PM, Jan 6th, 2020 via Echofon)

rowan_m I ❤️ this illusion from @Chris_Said and @gsarcone so I thought I’d try creating an animated SVG version. After some tears and crossed-eyes, take a peek at spectacular-optical.glitch.me twitter.com/Chris_Said/sta… pic.twitter.com/WXAjzQXod6

via Twitter Web App (retweeted on 1:34 AM, Jan 6th, 2020 via Echofon)

Scott_Logic As a fun project over Christmas, @ColinEberhardt created an Augmented Reality Sudoku Solver! In this blog, he explains how he did it and how it demonstrates the way WebAssembly allows you to use a range of libraries written in different languages bit.ly/2QFSj2p
pic.twitter.com/VU48RxLyZG

via Hootsuite Inc. (retweeted on 11:05 AM, Jan 5th, 2020 via Echofon)

troyhunt Just blogged: Promiscuous Cookies and Their Impending Death via the SameSite Policy troy.hn/39u6AI9

via IFTTT (retweeted on 10:48 AM, Jan 5th, 2020 via Echofon)

@vrandezo Recommended related reading: en.m.wikipedia.org/wiki/Beer_bott…. Coincidentally, my everyday beer is filled in Steinie bottles. Cheers! 🍺

via Echofon in reply to vrandezo

The Native File System API origin trial’s intermediate feedback is in: docs.google.com/document/d/13T…. The origin trial will probably be extended until additional code (that addresses the feedback) for a second origin trial has been committed. Exciting times! twitter.com/intenttoship/s…

via Echofon

_davideast 📝NEW POST! Sampling bias, FDR, and The State of JS.

My personal thoughts on The State of JS and ideas for improvement.

Plus one of the most interesting polling stories you’ll ever read.

davidea.st/articles/sampl… pic.twitter.com/tjJ4nkowYS

via Twitter Web App (retweeted on 12:45 PM, Jan 4th, 2020 via Echofon)

firt Progressive Web Apps in 2020 - new post medium.com/@firt/progress…

via Tweetbot for Mac (retweeted on 11:05 AM, Jan 3rd, 2020 via Twitter for iPhone)

@olivierlacan Neat! One pitfall, though: this approach breaks on browsers that don’t support `prefers-color-scheme`, or for users who have it set to `no-preference`. Here’s my suggestion: web.dev/prefers-color-…. See it in action on my blog.

via Twitter Web App in reply to olivierlacan

JavaScript regular expressions: `.lastIndex` and the flags /g and /y: 2ality.com/2020/01/regexp…. One of my nastiest bugs in my career so far involved learning about this. Highly recommended reading! 🙇‍♂️

via Twitter for iPhone