Thomas Steiner (@tomayac)

Hamburg, Germany

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

July 2021

@henry_dawson It’s beta for a reason 😃. Let’s see what they end up with.

via Twitter Web App in reply to henry_dawson

@brucel @simevidas @cramforce There is a docs links section on ChromeStatus, but maybe it wasn’t used. Will check and fix on my next workday.

via Echofon in reply to brucel

The Web is better with multiple browser engines to choose from (⤵️), yes, 100%. Now just someone needs to tell the guardians who watch what gets in the App Store… 💂‍♂️ twitter.com/rmondello/stat…dO

via Echofon

@lapcatsoftware Building a new browser engine from scratch definitely is a _super_ challenging endeavor, we fully agree. It’s not _impossible_ though, as @FlowBrowser show. It’s of course easier to fork or build upon an existing engine, all acknowledg

via Twitter for iPhone in reply to lapcatsoftware

@lapcatsoftware @FlowBrowser “SpiderMonkey is Mozilla’s _JavaScript and WebAssembly Engine_, used in Firefox, Servo and various other projects.”—Bio of@SpiderMonkeyJSS (emphasis mine)

via Echofon in reply to lapcatsoftware

justinschuh This article provides quite the catalog of accumulating damage that Safari has done to the Open Web over many years, but at the same time the perspective of the author misses some key points (and I think that last part needs some digging into). [1/12] httptoolkit.tech/blog/safari-is…

via Twitter Web App (retweeted on 8:24 PM, Jul 30th, 2021 via Echofon)

@lapcatsoftware Paging @FlowBrowser who were busy building a new browser engine while you were typing this tweet. ekioh.com/flow-browser/

via Echofon in reply to lapcatsoftware

@adamdbradley I remember doing a Web search for this. I eventually restructured my class. 😅

via Echofon in reply to adamdbradley

The Share sheet in Safari on iOS 15.0 (build 19A5307g) stretches the concept of sharing a fair bit: the first action is Reload. There’s also this weird reload button in the collapsed URL bar… 🤨 Hoping for the next design iterationpic.twitter.com/gTwefKdo5y

via Twitter for iPhone

@quicksave2k I’d be curious to learn the size of the teams that work on WebGPU in Safari compared to Chrome.

via Echofon in reply to quicksave2k

@steffenweber @petele @Mustafa_x Apparently according to @Mustafa_x the mini info bar re-appearing on reload after being swiped away is a bug. On the browser this happens on could you please file a new.crbug.com and paste the link here? I’m ha

via Twitter Web App in reply to tomayac

agektmr Desktop Chrome will soon receive SMS OTP delivered to your Android device if the website is using WebOTP. The beta Chrome 93 is rolling out from tomorrow. Learn more:
developer.chrome.com/blog/cross-dev… pic.twitter.com/Kp9yCZO8tB

via Twitter Web App (retweeted on 4:23 PM, Jul 30th, 2021 via Echofon)

“We’re documenting these enhancements on webkit.org and are proposing the specifications to standards bodies.”-webkit.org/blog/324/css-a…i (Feb 9, 2009)

There’s more:google.com/search?q=%22st…z

And they’re still innovating:github.com/WebKit/explain…twitter.com/dalmaer/status…

via Echofon

@frgx @justinschuh @cramforce @cos_theta On the same device a VPN and Private Relay (PR) apparently don’t work together (if I read the slides well). If you proxy your device running PR through a server that runs Cloudflare VPN, I don’t know what happe

via Twitter Web App in reply to frgx

@steffenweber @petele @Mustafa_x, regarding the new mini info bar with screenshots and description: users ask if there is no way to close the bar _permanently_ (like with the ‘X’ in the old bar).

via Twitter Web App in reply to steffenweber

@steffenweber @petele Our recommendation is for sites to listen for the `onbeforeinstallprompt` event to control themselves when (or if at all) the banner will be shown: developer.mozilla.org/en-US/docs/Web….

via Twitter Web App in reply to steffenweber

@VorticonCmdr @pimterry May I recommend reading this article by @derSchepp before saying something “is the new IE”? schepp.dev/posts/today-th…

via Twitter Web App in reply to VorticonCmdr

An in-depth analysis by ⁦@pimterry⁩ of the impact Safari’s role that Apple decides the browser can play has on the Web. httptoolkit.tech/blog/safari-is…

via Twitter for iPhone

ChromeDevTools Cross-browser automation is hard. WebDriver BiDi is a new protocol aiming to solve that!

In this post, @maximsadym will walk us through:
- the current state of cross-browser automation
- the WebDriver BiDi project

Read more 👉🏼 developer.chrome.com/blog/webdriver… pic.twitter.com/mMnBoDRUuI

via TweetDeck (retweeted on 8:18 AM, Jul 30th, 2021 via Echofon)

smashingmag ✨ There is no such thing as a CSS absolute unit. Well, @eladsc measured them. With a ruler.

smashingmagazine.com/2021/07/css-ab… pic.twitter.com/xBGvtsFEQE

via TweetDeck (retweeted on 8:13 AM, Jul 30th, 2021 via Echofon)

While we’re waiting for the new viewport percentage lengths to land in browsers (⤵️), it looks like `calc(100vh - env(safe-area-inset-bottom))` in the current iOS betas does what most people mean when they say “full viewport” in Safari: lukechannings.com/blog/2021-06-0…twitter.com/tomayac/status…

via Twitter Web App

hansamann Just had to experiment with WebNFC and captured my thoughts and a few code examples here :cxlabs.sap.com/2021/07/27/nfc…

via Twitter Web App (retweeted on 10:15 AM, Jul 29th, 2021 via Twitter Web App)

CSS Container Queries: @ChromeDevTools Support: bram.us/2021/07/29/css… 📐. A nice overview of the current situation by @bramus.

via Twitter Web App

@agektmr @henrylim96 The subject of the article is the WebOTP API, and the article states it works on Mac paired with Android, but not on iPhone (via WebOTP API). Here’s a more representative image suggestion: unsplash.com/photos/1HzaqbB….

via Echofon in reply to agektmr

@bramus If I recall the design doc correctly, you can click 2 and edit it on the fly.

via Echofon in reply to bramus

ChromeDevTools ✨ What’s new in DevTools (Chrome 93)? ✨

📝 Editable CSS container queries
📦 Preview web bundle request
🐞 Improved CORS debugging

And more! Try in Chrome Canary today.

Full list of new features 👉🏼 developer.chrome.com/blog/new-in-de… pic.twitter.com/5YPWkjERXJ

via TweetDeck (retweeted on 11:13 PM, Jul 28th, 2021 via Echofon)

natfriedman We’ve just added built-in citation support to GitHub so researchers and scientists can more easily receive acknowledgments for their contributions to software.

Just push a CITATION.cff file and we’ll add a handy widget to the repo sidebar for you.

Enjoy! 🎉 pic.twitter.com/L85MS5pY2Y

via Twitter Web App (retweeted on 9:57 PM, Jul 28th, 2021 via Echofon)

davatron5000 📝 In response to an open question by @jensimmons, I blogged some thoughts about “one-offs” and my troubles with supporting Safari. daverupert.com/2021/07/safari…

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

Look whose name is on this webpage: webdirections.org/code/speakers/…. I’ll speak about working with files in 2021. Don’t miss it! ⤵️ twitter.com/webdirections/…

via Echofon

@DanShappir One level deep, yes, fully agree. Everything deeper _I_ feel is mostly the author showing off at the reader’s expense of rapid code understandability.

via Echofon in reply to DanShappir

bramus To see what browser vendors are up to regarding css-nesting-1, you can follow the relevant bugs:

🤖 Chrome: bugs.chromium.org/p/chromium/iss…

🧭 Safari: bugs.webkit.org/show_bug.cgi?i…

🦊 Firefox: bugzilla.mozilla.org/show_bug.cgi?i…

via Tweetbot for Mac (retweeted on 2:39 AM, Jul 28th, 2021 via Echofon)

TerribleMia 🎉 The CSS Nesting spec has been approved for publishing as a First Public Working Draft. You can see the current Editor’s Draft here:

drafts.csswg.org/css-nesting/

(This moves it from a theoretical proposal, to an official work-in-progress module in the CSS spec.)

via Twitter Web App (retweeted on 2:21 AM, Jul 28th, 2021 via Echofon)

@frgx @justinschuh @cramforce @cos_theta Slide 13 says it’s not being used when other VPNs are installed (I read this as “connected” on iOS). But again, definitely not an expert.

via Twitter for iPhone in reply to frgx

domenic A six-year-old feature request finally got agreement to land in the HTML spec. Next up, implementing it in all the browsers!

This exposes the browser’s built-in deep object cloning abilities, without history.state hacks or an async hop through postMessage(). twitter.com/htmlstandard/s…

via Twitter Web App (retweeted on 2:13 AM, Jul 28th, 2021 via Echofon)

@frgx @justinschuh @cramforce @cos_theta If I understand slides 10 and 14 correctly, this isn’t possible due to the way the header is passed to the egress proxy: datatracker.ietf.org/meeting/111/ma…. (No expert, though.)

via Twitter Web App in reply to frgx

@frgx @justinschuh @cramforce @cos_theta Thanks. If their bug tracker is public, I’d appreciate if you pasted the link to it here. 🙏

via Twitter for iPhone in reply to frgx

@justinschuh @cramforce @cos_theta @frgx This is all powered by `Sec-CH-Geohash` (ietf.org/archive/id/dra…). There’s a configuration in the OS that lets users choose how granular it should be. Reading how it _should_ work in theory I’d consider the Okttwitter.com/tomayac/status…pic.twitter.com/aZ2bHFNbaf

via Echofon in reply to justinschuh

@shadeed9 Love the way you approach this; so much consideration for the details! Discussing the pros and cons of each solution, simple and more complex. The demos are great, too!

via Echofon in reply to shadeed9

shadeed9 ✍️ New Article: Thinking About The Cut-Out Effect: CSS or SVG?

This article provides a deep-dive into CSS and SVG methods for implementing a cut-out effect. Exploring different ways to solve such a problem was very interesting. Happy reading!

🔗 ishadeed.com/article/thinki… pic.twitter.com/GhwvADqRfo

via Twitter Web App (retweeted on 1:25 AM, Jul 28th, 2021 via Echofon)

Interesting slides on Apple’s Private Relay feature: datatracker.ietf.org/meeting/111/ma… [PDF]. about the `Sec-CH-Geohash` HTTP client hint header (ietf.org/archive/id/dra…), which uses Geohash (en.wikipedia.org/wiki/Geohash).

via Twitter Web App

FYI @arnaudbrousseau, who may still have contacts to there from his previous job. (Also: hi 👋! Hope you’re doing fine.)

via Twitter Web App in reply to tomayac

@danbri @samuelgoto @RubenVerborgh @sf433 @timberners_lee The `gender` field accepts free text: schema.org/gender. Naively that’s where I’d have put pronouns. Or maybe `honorificPrefix` or `honorificSuffix`, which both accept free text, too: schema.org/honorificSuffix

via Echofon in reply to danbri

@simevidas @jensimmons This app is a perfect example for an app that could use the Screen Wake Lock API (web.dev/wake-lock/ & bugs.webkit.org/show_bug.cgi?i…). It just dimmed the screen, then turned it off mid workout. Also: no sound output on iOS, not sure

via Echofon in reply to simevidas

You shouldn’t build in-app “browsers” (IA”B”; infrequently.org/2021/07/hobson… by @slightlylate or blog.tomayac.com/2019/12/09/ins… by yours truly), but @Yelp’s IA”B” is next-level horrible: it makes sites that perfectly redirect traffic to HTTPS look bad btwitter.com/johnwilander/s…

via Echofon

@feross @Wormhole_App Growth hacking at its best. 😂

via Echofon in reply to feross

jeffposnick ❓ What’s the difference between precaching and runtime caching? Which should your @workboxjs powered service worker use?

🧠 I’ve got thoughts to share!

jeffy.info/2021/07/26/pre…

via TweetDeck (retweeted on 9:40 PM, Jul 26th, 2021 via Echofon)

lies a couple of months back now, and because it was so busy maybe some of the “amazing video, great story” (@Paul_Kinlan) content has fallen through the cracks. Here’s your chance to catch up: twitter.com/tomayac/status….

via Twitter Web App

@slightlylate Where’s the “burn” 🔥 emoji reaction for regular tweets that aren’t DMs?

via Echofon in reply to slightlylate

@edent Get leo.me.ss/i and sell it to Lionel Messi for his new “LEO MESSI WEBSIDE” (actual quote from messi.com/en/).

via Echofon in reply to edent

@slightlylate @jaffathecake “The resolution CSS media feature can be used to test the pixel density of the output device.”-developer.mozilla.org/en-US/docs/Web…N. Cache invalidation and naming things…

via Echofon in reply to slightlylate

@denladeside @reillyeon @html5test Really nice! What do you control with it? 🤖

via Echofon in reply to denladeside

@steveruizok @tldraw Very exciting! Looking forward to seeing you grow this app. 🤩

via Echofon in reply to steveruizok

@benmorss https://www.vincentvanvo… .com/bee-activism (Not linking directly on purpose. I’m not sure why the Wikipedia editors chose to feature this particular photo.)

via Twitter Web App in reply to benmorss

@briankardell @jordaust @jensimmons @cwiiis @igalia That’s great news! Been waiting for it for a long time!

via Echofon in reply to briankardell

@firt @jensimmons +1 to everything on this list. Also File System Access (web.dev/file-system-ac…) and File Handling (web.dev/file-handling/). Plus a lot of subtle things like dealing differently with user gesture handling (bugs.webkit.org/show_bug.cgi?i…).

via Echofon in reply to firt

xkcd Dual USB-C xkcd.com/2493 pic.twitter.com/plKUXDWFtz

via Twitter for iPhone (retweeted on 3:51 PM, Jul 24th, 2021 via Echofon)

@samthor Yeah, I see how this could happen since the labels were missing, sorry. It’s not a percentage, but a compatibility score. See wpt.fyi/compat2021?fea… for the details.

via Echofon in reply to samthor

Extremely well written comparison between the Edgium-powered WebView2 and Electron, written by the ⁦@electronjs⁩ team and reviewed by the Edge WebView2 team. 👏 electronjs.org/blog/webview2

via Twitter for iPhone

@Paul_Kinlan @aerotwist Same here. Team @AstraZeneca. The first dose had me knocked out for an entire day. The second dose I didn’t even notice.

via Echofon in reply to Paul_Kinlan

mid-year update:

📈 Chrome and Edge Dev went from 86 to 92.
📈 Firefox went from 83 to 86.
📈 Safari went from 64 to 82.

It’s improving! 🎉 web.dev/compat2021-mid…

via Twitter for iPhone

AlexandreDevaux Experimenting with Pose Estimation and
little demo here 😀whenistheweekend.com/pose_estimatio…
@threejs pic.twitter.com/J9wLAEER58

via Twitter Web App (retweeted on 11:30 AM, Jul 24th, 2021 via Echofon)

ChromiumDev 📣 We’ve just published more detailed Privacy Sandbox milestones on the path to responsibly phasing out third-party cookies in Chrome! We will update this monthly with testing plans and more ⤵️
privacysandbox.com/timeline

via TweetDeck (retweeted on 11:27 AM, Jul 24th, 2021 via Echofon)

@html5test Do you know something the general public doesn’t know? Stocking up on toilet paper 🧻 again? Oh, it’s printer paper this time. 😂

via Echofon in reply to html5test

@tobie @fantasai @W3CAB My immediate gut reaction response was “thank you for your service”. Then I saw your reply.

via Echofon in reply to tobie

@simevidas @opera @photopeacom Yeah, it seems like their bug tracker is private. The Jira ticket ID may help someone gain access maybe.

via Twitter Web App in reply to simevidas

Web Features That May Not Work As You’d Expect. Nice reminder of why on the Web we can’t have nice things and why. css-tricks.com/web-features-t…

via Twitter for iPhone

@technikhil314 @bramusblog No worries. I know what you mean, but in this particular instance (and many others) they are fully up-to-speed. In other areas, they have different priorities.

via Twitter for iPhone in reply to technikhil314

@technikhil314 @bramusblog I find this comment unnecessarily negative. I don’t see a reason why Safari wouldn’t be interested in supporting this.

Reported: 2017-01-23 15:32 PST by Myles C. Maxfield (mmaxfield​@​apple​.com).-bugs.webkit.org/show_bug.cgi?i…

via Twitter Web App in reply to technikhil314

Chromium ain’t Chromium: @opera failing its users in hilarious ways: github.com/photopea/photo…. The Project Fugu 🐡 API is currently not reliably usable in Opera 79 😔. Sorry for you, @photopeacom Opera users.

via Twitter Web App

bramusblog Prevent unwanted Layout Shifts caused by Scrollbars with the `scrollbar-gutter` CSS property

🔗 bram.us/2021/07/23/pre…

🏷 pic.twitter.com/djPRHEXXMv

via Bramus RSS (retweeted on 8:39 AM, Jul 23rd, 2021 via Echofon)

dluzar Working on Excalidraw and Excalidraw+ we’ve been doing lots of modals. I thought I’d share some of the points from my experience.

I also made this into a quick reference: excalidraw.com/#json=64240170… pic.twitter.com/hS27d478Lp

via Twitter Web App (retweeted on 12:03 AM, Jul 23rd, 2021 via Echofon)

@Una Happy birthday, Una! Have a great day! 🎈

via Echofon in reply to Una

@jaffathecake Blobs taint the canvas immediately, and data URLs (see last comment on the bug) somehow don’t work and seem to simply strip out all HTML in foreignObject. HTML2Canvas exists (and is 42kb gzipped) for a reason.

via Twitter Web App in reply to jaffathecake

I was that close to a cool screenshot approach based on an SVG image with `foreignObject` HTML rendered to a canvas that would then be `toBlob()`’ed, but the canvas is always tainted: bugs.chromium.org/p/chromium/iss…. Too bad…

via Twitter Web App

URLPattern brings routing to the Web platform, by @jeffposnick: web.dev/urlpattern/. This (polyfillable) new browser feature makes routing a lot better!

via Twitter Web App

@tkdn Thanks :-) You can read about my site design choices here: blog.tomayac.com/2019/09/29/the….

via Twitter Web App in reply to tkdn

@kilianvalkhof @mathias Regarding normalization: you can just compare to `’not all’` (notice the superfluous spaces): `window.matchMedia(‘(prefers-reduced-data )’).media === ‘not all’`.

I also like your CSS-only approach, didn’t think about this. Nice o

via Twitter Web App in reply to kilianvalkhof

😃 Oh, nice, @FrontendDaily has included my article in their latest issue (frontendfoc.us/issues/500). It’s one of my favorite newsletters, really happy about their occasional featuring of my writings: blog.tomayac.com/2021/07/21/dar….

via Echofon

@HazemOIbrahim Very interesting article and great collection of links! It might be worth calling out some of the Project Fugu 🐡 work that enables an ever-growing list of use cases on the Web. Here’s a collection of features and case studies: web.dev/tags/capabilit…

via Twitter Web App in reply to HazemOIbrahim

I refrained from posting this and keep my posts on-topic, but the vaccination numbers stagnating despite (in many countries) vaccines being available infuriates me! My three kids are fine, but quarantined due to an immediate contact with an infected perso

via Twitter Web App in reply to tomayac

My wife and I got vaccinated 💉💉 the literal day the German government 🇩🇪 opened up the @AstraZeneca vaccine to the general public (back then we were far out of the age range of other vaccines). If your country makes _any_ vaccine available, do

via Twitter Web App

@esosanderelias @ChromiumDev Filing github.com/WICG/storage-f… was exactly the right thing to do to move this forward. Thanks for doing so!

via Twitter Web App in reply to esosanderelias

@jlongster @mtomweb @ChromiumDev This is great feedback, thanks, James! Would you mind dropping it in new Issues? github.com/WICG/storage-f…

via Echofon in reply to jlongster

mgechev Ever struggled finding the script you’re looking for in @ChromeDevTools?

You can search in *all* scripts using “⌥ + ⌘ + f” on macOS and “Ctrl + Shift + F” on Windows 🚀

Bonus tip: you can also search by a regex 🤯 pic.twitter.com/2SeoXZ7Tw6

via Buffer (retweeted on 10:27 AM, Jul 22nd, 2021 via Echofon)

@mathias @rowan_m Haha, very adequate Unicode character use. Love it!

via Twitter for iPhone in reply to mathias

stefanjudis I love a good post about nerdy browser things. 👏

@jimniels shared a bunch of interesting facts about things he found in the Safari UA stylesheet on his blog.

blog.jim-nielsen.com/2021/things-i-… pic.twitter.com/IKHfwqAgxI

via Twitter Web App (retweeted on 10:25 AM, Jul 22nd, 2021 via Echofon)

@rowan_m This stretches AABBA a fair bit 😂. But I still approve of the Limerick.

via Twitter for iPhone in reply to rowan_m

tomayac @rowan_m I just came here hoping to read your page
But you fscked the experience and made me rage
Megabytes of JS you ship down the line
Whoever in your org thought this was fine
Is gonna learn that closing the tab is how I engage.

via Twitter Web App (retweeted on 10:06 AM, Jul 22nd, 2021 via Twitter Web App)

@rowan_m I just came here hoping to read your page
But you fscked the experience and made me rage
Megabytes of JS you ship down the line
Whoever in your org thought this was fine
Is gonna learn that closing the tab is how I engage.

via Twitter Web App in reply to rowan_m

juliaferraioli Since y’all liked this, I feel compelled to inform you that the US government provides a API:

fatherhood.gov/jsonapi/node/d…

via TweetDeck Web App (retweeted on 9:47 AM, Jul 22nd, 2021 via Echofon)

@jeffposnick I once had a DevTools snippet to unhide them all. Unfortunately I forgot to migrate it when I switched computers recently.

via Echofon in reply to jeffposnick

The @brave browser folks have upstreamed their implementation of time-boxed permission grants (brave.com/privacy-update…) to Chromium. Personally a big fan of this approach of dealing with permissions. 👏 twitter.com/pes10k/status/…

via Echofon

@nekrtemplar You can file a new.crbug.com and paste the crash ID obtained via chrome://crashes.

via Echofon in reply to nekrtemplar

BenjaminCoe crypto.randomUUID() is now stable in Chrome 92 \o/

thank you @domenic, @ctavan, @broofa, and many others, for helping advocate for this feature.

hope folks enjoy 🎉 pic.twitter.com/muWw19bisy

via Twitter Web App (retweeted on 8:37 AM, Jul 22nd, 2021 via Echofon)

ChromiumDev SVG app icons for Progressive Web Apps have a hidden super power 🦸: they are dark mode aware. Read about the caveats in @tomayac’s blog post. ⤵️ twitter.com/tomayac/status…

via TweetDeck (retweeted on 5:59 PM, Jul 21st, 2021 via Twitter Web App)

@nhoizey ICYMI: blog.tomayac.com/2021/07/21/dar…. This works on Android (12, didn’t test older versions yet).

via Twitter Web App in reply to nhoizey

@4esn0k I just tried it on Android 12 and it worked :-)

via Twitter Web App in reply to 4esn0k

Dark mode Web App Manifest app icons ☀️🌒: Can one use SVG app icons that are reactive to `prefers-color-scheme`?

Read on to find out: blog.tomayac.com/2021/07/21/dar…! pic.twitter.com/UIuavu1zgB

via Twitter Web App

@nhoizey At least not anymore on macOS where I tested this. I have a blog post coming up, deploying to the server now.

via Twitter for iPhone in reply to nhoizey

@aakansha1216 Have you tried listening to this tweet? Now imagine being a screen reader user and having to suffer through this… Please just use regular characters. Thankspic.twitter.com/iVvhZk92rSrS

via Twitter Web App in reply to aakansha1216

@tedmasterweb @ChromeDevTools A way to let you test new browser features with real users of your site. Please see developer.chrome.com/blog/origin-tr… for the details.

via Echofon in reply to tedmasterweb

samthor Some tiny notes on async in JS.
whistlr.info/2021/async-and…

via Twitter Web App (retweeted on 10:16 AM, Jul 21st, 2021 via Echofon)

@denladeside @mhartington In my opinion it all boils down to making the tracking transparent. See the UI reflections in the “Closing thoughts” section of my post blog.tomayac.com/2018/12/18/exp….

via Echofon in reply to denladeside

paul_irish @simevidas here’s a random thank-you for this quality SO answer on DOM Attributes vs Properties: stackoverflow.com/a/6004028/89484 🙏.
Aside: I do wish that reflection spec text had some non-normative examples.. would really help this important and under-documented subtlety.

via Twitter Web App (retweeted on 9:56 AM, Jul 21st, 2021 via Echofon)

@paul_irish @simevidas +1, this is a really great answer. I’ve “learned” this by trial and error, and only _understood_ the concepts behind long after examining the symptoms.

via Echofon in reply to paul_irish

@slightlylate @jyasskin Let’s from now on just spell it like IA”B”.

Or like IA✌️B✌️ if you prefer the scare quotes emoji version.

via Echofon in reply to slightlylate

📢 You can now get info about a site’s Origin Trials and if the deployed tokens are (still) valid in @ChromeDevTools on the Application Tab (all the way down in the Frames section). Try it on, for example, mediastreamtrack.glitch.me (requires Chrome Canarypic.twitter.com/qHwxEy98wZ

via Twitter Web App

@simevidas @ChromiumDev @chriscoyier You are absolutely right, only a per-site browser-level setting that sends the right `prefers-color-scheme` value would fully fix this.

via Twitter Web App in reply to simevidas

@steveruizok Maybe this tweet is of interest to you: twitter.com/ChromiumDev/st…. Expect this to be testable soon.

via Echofon in reply to steveruizok

🎉 The CSS Values & Units Module Level 4 spec has added new viewport-percentage lengths, namely `*vw`, `*vh`, `*vi`, `*vb`, `*vmin`, `*vmax`: w3.org/TR/css-values-…. This finally allows you to express what _you_ (rather than the browser vendor) mean wh

via Twitter Web App

andreban What percentage of sessions and pageviews for “Android WebView” do you see in your Analytics? Is that number meaningful enough for you/your business to care where that traffic is coming from? Reply to the thread with numbers and thoughts (or DM).

via Twitter Web App (retweeted on 12:08 PM, Jul 19th, 2021 via Twitter Web App)

ChromiumDev 📝 Do you take notes? Some operating systems have OS-level integrations to facilitate this task (Chrome OS: support.google.com/chromebook/ans…, Windows: windowscentral.com/how-change-not…).

There’s a proposal to let installed PWAs become the official note taker app: github.com/WICG/manifest-…. Thoughts?

via TweetDeck (retweeted on 12:02 PM, Jul 19th, 2021 via TweetDeck)

@Snowden A question I asked myself, answered by @verge: “Why can’t Apple spend its way out of security vulnerabilities?”: theverge.com/2016/8/26/1266….

via Echofon in reply to Snowden

Snowden Stop what you’re doing and read this. This leak is going to be the story of the year: (LINK: theguardian.com/world/2021/jul…) pic.twitter.com/doo4HDDzxt

via Twitter Web App (retweeted on 8:04 PM, Jul 18th, 2021 via Echofon)

The `Object.define()` method can be useful if you want to extend existing objects like `Intl`, as I do in my js-input-masking-polyfill library (github.com/tomayac/js-inp…). ⁦@aakansha1216⁩ has just published a good 👏 introduction to the topic: aakansha.dev/hacking-javasc…

via Twitter for iPhone

@passle_ @agektmr Lion is great! Absolutely. I just guess your “not a common” use case is my personal likely use case 😃 github.com/ing-bank/lion#….

via Twitter for iPhone in reply to passle_

@agektmr I wish more components were published unstyled, but easy to style: github.com/thepassle/gene… (by @passle_)

via Twitter Web App in reply to agektmr

@agektmr Yeah, it’s probably just that I would want a component catalog, but most of the community produces design systems.

via Twitter for iPhone in reply to agektmr

@agektmr Why the hard requirement to load the Roboto font? That’s something I dislike about design systems that do “too much” (for my taste).

via Echofon in reply to agektmr

Clever use of CSS animations to create a (manually settable) HTML- and CSS-only clock. css-tricks.com/of-course-we-c…

via Twitter for iPhone

@html5test Looks like you might be interested in bugs.chromium.org/p/chromium/iss…. 🖨 Please link your article in the comments, or paste core sections. Thanks!

via Echofon in reply to html5test

@excalidraw I noticed they were lacking when I recently introduced one of my kids to Excalidraw on the family iPad. Good to have them back!

via Echofon in reply to excalidraw

How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice⁦. Brilliant(‼️) analysis by ⁦@slightlylate⁩ of the mobile browser and “browser” situation.
(Also thanks for the PWA Feature Detector 🕵️ infrequently.org/2021/07/hobson…

via Twitter for iPhone

rick_viscomi 📝 New post with @felixarntz: The performance effects of too much lazy-loading

The bottom line is that lazy-loading LCP images can make them slower. Don’t do it!

Learn more about our analysis 👇
web.dev/lcp-lazy-loadi…

via Twitter Web App (retweeted on 9:08 PM, Jul 15th, 2021 via Echofon)

@firt And Chrome 49 is almost certainly someone on Windows XP.

via Echofon in reply to firt

@AmaliaEFowler @JohnMu Is the remote location still in the same country (thus legislation), or are we talking global remote? If pay varies in-country, what about smaller countries with cost of living variance but that BigCorp may not have data on? If you

via Echofon in reply to AmaliaEFowler

How we protect users from 0-day attacks. Site isolation, as implemented in Firefox and Chromium, plays a key role. blog.google/threat-analysi…

via Twitter for iPhone

rauschma macOS Monterey Beta 3: Apple redesigns Safari tab interface following complaints
macrumors.com/2021/07/14/mac…

via Twitter for iPad (retweeted on 10:58 AM, Jul 15th, 2021 via Echofon)

@davrous Haha, is SpeedTest running on Azure? Is this testing the speed from server rack to server rack? (Also: is there a way to get early access to Windows 365?)

via Echofon in reply to davrous

@jaffathecake @gsnedders Make Safari an installable app like all other apps, or as a second-best option, at least Safari Tech Preview, so developers can test early <del>and prepare their fixes</del><ins>and report bugs so they don’t make it in the relea

via Echofon in reply to jaffathecake

@simevidas Wow, never heard of this requirement. (I didn’t report you 😂, just to set this straight.)

via Echofon in reply to simevidas

justinfagnani CSS Module scripts were just merged into the HTML spec! 🎉

html.spec.whatwg.org/multipage/weba…

Thanks @dandclark1 and @domenic !!

via Twitter Web App (retweeted on 10:45 AM, Jul 15th, 2021 via Echofon)

Another great GUI Challenges episode by @argyleink 👏—this time solving breadcrumbs. I love how he uses `select` boxen to allow for side navigation, too. Try on mobile: With the latest Safari mobile UI the option picker appears right in-place and not twitter.com/ChromiumDev/st…

via Echofon

Windows 365 streamed through any browser to whatever device—powerful or slow, big screen or small—is the most logical step for Microsoft to take. Fat server, thin client; but evolved for the present we live intwitter.com/satyanadella/s…uu

via Echofon

@Loilo92 @HaulPebert Exactly. As the article says. 😃
It’s using the semantically correct element paired with clever use of CSS clipping and the wrapping as a reusable custom element that makes this a nice solution, all without any framework dependenc

via Twitter for iPhone in reply to Loilo92

Chromium Blog: Increasing HTTPS adoption. Chrome now lets you opt-in to make HTTPS the default option. blog.chromium.org/2021/07/increa…

via Twitter for iPhone

Building an accessible image comparison web component. Great write-up by ⁦@HaulPebert⁩ on how a couple of lines of JavaScript paired with standard form elements and some CSS lets us create impressive new elements. (Also see github.com/GoogleChromeLa….) cloudfour.com/thinks/buildin…

via Twitter for iPhone

Very detailed article by @felipeerias on existing and new color spaces and what they mean for browsers. 🎨 twitter.com/felipeerias/st…

via Echofon

felipeerias “Towards richer colors on the Web”

A long piece about the ongoing efforts to add richer colors to the Web platform and why that is important, plus some ideas for future development on Blink/Chromium.

darker.ink/writings/Towar…
@igalia pic.twitter.com/Q2m4URZaNQ

via Twitter Web App (retweeted on 12:01 PM, Jul 14th, 2021 via Echofon)

@yoavweiss I agree. Safari on iOS at least allows for the sharing of different sizes of the same image, but if a service has hard requirements regarding resolution or size, it’d still need to happen in JS.

via Echofon in reply to yoavweiss

@DanShappir @ChromeUXReport @Wix @WixEng So happy you moved this curve up. Fond memories of our discussions at Wix HQ where you outlined the plan to do so. Great it worked out!

via Echofon in reply to DanShappir

@gsnedders @briankardell @foolip There is definitely _huge_ value in some human curation, as @foolip and @robertnyman have done for : web.dev/compat2021/.

via Echofon in reply to gsnedders

issielapowsky This is the geekiest story I’ve ever written, but I found it so fascinating.

The W3C is a microcosm of all of the global policy debates around privacy and competition we see playing out right now, but it’s engineers, not politicians, doing the talking. protocol.com/policy/w3c-pri…

via Twitter Web App (retweeted on 2:46 AM, Jul 14th, 2021 via Echofon)

@rafael_falco @Paul_Kinlan @discourse @DasSurma @jaffathecake Great post. Also a great example for the kind of obstacles developers need to deal with when building apps that in theory could just run anywhere: twitter.com/gsnedders/stat…. These are features, n@gsnedders

via Echofon in reply to rafael_falco

Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG. Great technical blog post by the Discourse team on client-side image optimization before uploading. blog.discourse.org/2021/07/faster…

via Twitter for iPhone

v8js 🎯 Ever wanted to easily access items from the end of a collection? Well now you can!

Check out the feature explainer for the new `.at()` method on arrays, strings and TypedArrays: v8.dev/features/at-me…

via TweetDeck (retweeted on 1:52 AM, Jul 14th, 2021 via Echofon)

@gsnedders @briankardell (Assuming the current level of transparency.) Look through the bug tracker for the most commented-on and the bugs with the highest number of people on CC: to get an initial list. Then triage internally based on feedback you’ve r

via Echofon in reply to gsnedders

stackblitz Introducing node.new
The fastest way to start with Node.js! pic.twitter.com/g9EN5SU5dl

via Twitter Web App (retweeted on 12:49 AM, Jul 13th, 2021 via Echofon)

The Missing Semester of Your CS Education: an introductory lecture by MIT to all the tools those in the know just assume students will just pick up naturally or already be an expert on. 👨‍🏫 missing.csail.mit.edu

via Twitter for iPhone

@dalmaer You always meet thrice, right? All the best, Dion!

via Echofon in reply to dalmaer

quicksave2k 🥳 Chrome Canary 93.0.4570.0 now supports sharing PDF files with Web Share on Android, Chrome OS, and Windows.

See chromiumdash.appspot.com/commit/7d30d42…

Pssst… If you’re on macOS, run Chrome with `—enable-features=WebShare` to get the Web Share API working. twitter.com/quicksave2k/st…

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

@argyleink @Stegosource @technikhil314 Implementation differences in browsers aside, you should definitely align what you tell the browser in the meta tag and in the CSS. 😃

via Twitter Web App in reply to tomayac

@argyleink @Stegosource @technikhil314 Hmm, not sure if browsers do the right thing in all cases. Compare the Glitch iframe preview version vs. the Glitch standalone. The meta tag should win, at least that’s my interpretation of the spec.

via Twitter Web App in reply to tomayac

@argyleink @Stegosource @technikhil314 The meta tag is a non-CSS presentational hint (w3.org/TR/css-cascade…) and as such has precedence. Demo: like-orange-soursop.glitch.me.

via Twitter Web App in reply to argyleink

@dalmaer They are indeed! And, pssst 🤫, work has started on adding a new one: github.com/tomayac/js-inp….

via Echofon in reply to dalmaer

Paul_Kinlan We’re hiring a Program Manager!

I’m looking to build out the next generation of web.dev, developer.chrome.com.

If you’re passionate about devs, content and learning platforms, and you’ve got project management experience, hit me up!

careers.google.com/jobs/results/7…

via TweetDeck (retweeted on 10:31 AM, Jul 9th, 2021 via Echofon)

@bnijenhuis @hdv Something very few tutorials call out is `Request.destination`. It can make your life as a developer easier and your service worker less dependent on URL structures: blog.tomayac.com/2018/08/22/ser….

via Echofon in reply to bnijenhuis

npm audit: Broken by Design, by ⁦@dan_abramov⁩. I have stopped caring for these “issues” a while ago after carefully “fixing” my dependencies for way too long. overreacted.io/npm-audit-brok…

via Twitter for iPhone

slightlylate Git worktrees are one of those features I heard about and low-grade wanted to use ever since.

Finally banged my head against this particular wall hard enough to make it go, and here’s an advice-at-the-level-I-need-it getting started guide:

infrequently.org/2021/07/worktr…

via Twitter Web App (retweeted on 10:08 AM, Jul 8th, 2021 via Echofon)

RonAmadeo So @lmanul quit Google and released a bunch of internal-only Google comics, and I have a favorite.

goomics.net/50/ pic.twitter.com/vX7PLtFlIu

via TweetDeck (retweeted on 9:53 AM, Jul 8th, 2021 via Echofon)

@feross @ChromiumDev @MSEdgeDev @webkit @mozhacks We should properly document this and add it to web.dev/async-clipboar…. On vacation now, but taking an action item on me to do this.

via Echofon in reply to feross

ricmac New @webdevhistory post tackles 1998 in . Microsoft had usurped Netscape in the browser market by the end of 1998, *however* the had strengthened on a few important fronts too: Mozilla’s birth, DOM Level 1, & the emergence of WaSP. webdevelopmenthistory.com/1998-mozilla-w…

via Twitter Web App (retweeted on 9:33 AM, Jul 8th, 2021 via Echofon)

@fernap3 The idea behind this is to allow people to install (and then differentiate) the same app with different user profiles.

via Twitter Web App in reply to fernap3

quicksave2k To get it working, simply include the `Sec-CH-Prefers-Color-Scheme` in the response headers `Accept-CH` and `Critical-CH`. The request header `Sec-CH-Prefers-Color-Scheme` will then be magically populated with the appropriate value.

Try it at sec-ch-prefers-color-scheme.glitch.me pic.twitter.com/L0vUvhhVJJ

via Twitter Web App (retweeted on 7:43 PM, Jul 7th, 2021 via Echofon)

quicksave2k Your backend can now inline the CSS for dark or light mode ☀️🌑 only into the response body thanks to the new `Sec-CH-Prefers-Color-Scheme` client hint header in latest Chrome Canary 🐥(without any flag).

See chromiumdash.appspot.com/commit/ebcccd6… and wicg.github.io/user-preferenc… pic.twitter.com/yNvfzIGGoq

via Twitter Web App (retweeted on 7:43 PM, Jul 7th, 2021 via Echofon)

@slightlylate @Fyrd I’m working on something in this direction. Meanwhile, PWA Feature Detector (tomayac.github.io/pwa-feature-de…) is still up. The new thing is, no surprise, focused on Project Fugu 🐡 APIs. I’m vacationing for the next two weeks, but will h

via Echofon in reply to slightlylate

@mathias @argyleink The fix is easy: simply check if the result is not equal to ‘not-all’.

via Twitter Web App in reply to mathias

@mathias @argyleink Missed an opening parenthesis in the second example, where’s the edit button?

via Echofon in reply to tomayac

@mathias @argyleink This doesn’t take normalization into account: `(prefers-color-scheme:dark)` (which your CSS minifier may produce) is equally valid as `prefers-color-scheme: dark)` (the browser normalizes both). Here’s my take on this problem:blog.tomayac.com/2019/09/16/not…

via Echofon in reply to mathias

PixelAmbacht Learn about typography!

• Ligatures aren’t always the answer.
• If it looks wrong, it is wrong.
• Dig into the buttcrack.
• Don’t even think about putting tomatoes in the fridge.

and more wisdom from @OHnoTypeCo’s Type School! (via @elliotjaystocks)

ohnotype.co/blog/ohno-type… pic.twitter.com/xtGNk5TEJr

via Twitter Web App (retweeted on 11:22 AM, Jul 6th, 2021 via Echofon)

👀 Static lit builds so you can just…

“`js
import lit fromunpkg.com/lit-dist/dist/…iM”;
“`

For some background on this, check the Issugithub.com/lit/lit-elemen…ls opened b@slightlylatete, and the repo b@fserbrb with the different buildsgithub.com/fserb/lit-dist

via Echofon

@sw12 This. And “[f]allthrough by default is a horrible idea. The vast majority of the time, you don’t want fallthrough. So why is fallthrough the default, and the common case needs opting into?”-eev.ee/blog/2016/09/1…A

via Echofon in reply to sw12

@TheRealNooshu It might be Safari, the actual browser, vs. SFSafariViewController, the default in-app browser used, e.g., by the Twitter app (different from customizable WKWebView, used, e.g., by the Facebook app). Both use an identical user agent. See research.google/pubs/pub46739/

via Twitter Web App in reply to TheRealNooshu

quicksave2k I’m currently happily working on adding support for sharing PDF files with Web Share on Android, Chrome OS, and Windows.

See chromium-review.googlesource.com/c/chromium/src… pic.twitter.com/apvEksruoK

via Twitter Web App (retweeted on 5:01 PM, Jul 5th, 2021 via Echofon)

There’s more tweets in this month! Go up and select a date to see more ↑