Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

July 2020

@justboriss If you happen to create a bug, please CC: me (tomac@google.com), so I can help triage and route it to the right folks.

via Echofon in reply to justboriss

_developit It’s time to enable modern JavaScript npm libraries.

This post by @GaryLChew explains the current state and ways forward.

I think the combined solution is compelling.

dev.to/garylchew/brin… pic.twitter.com/t7FnWm2V8d

via Twitter Web App (retweeted on 11:24 PM, Jul 31st, 2020 via Echofon)

@justboriss Oh, forgot about the actual “where to report” question: crbug.com/new.

via Echofon in reply to justboriss

@develwoutacause @mcmd If it’s the training I think you’re talking about then the worst part is the forced 1h average duration it makes you sit through at the end, despite a successful 38min “speed”-run (only interrupted by the ridiculous loading

via Echofon in reply to develwoutacause

@justboriss It works mostly fine for me. It seems like the page takes a little while to load sometimes causing a timeout, but at least on cached repeat loads it works. Note that there’s a limitation regarding JavaScript-based redirects as on t.cocrbug.com/1055455pic.twitter.com/mF80YvQguA

via Twitter Web App in reply to justboriss

JoshWComeau 🔥 `box-shadow` doesn’t work well with transparent images. `filter: drop-shadow` does what you’d expect, adding a shadow to the image’s contents.

.my-img {
filter: drop-shadow(1px 2px 3px black);
}

CSS filters are so rad 🥰

Pen: codepen.io/joshwcomeau/pe… pic.twitter.com/6rwc7gG1Ro

via Twitter Web App (retweeted on 9:34 AM, Jul 31st, 2020 via Echofon)

Referer and Referrer-Policy best practices, in-depth overview article by ⁦@maudnals⁩. Bonus for guessing which header names, JavaScript properties, or policy names and values that include “refe(r)rer” are spelled with how many ‘r’s..web.dev/referrer-best-…

via Twitter for iPhone

🔒 More secure and convenient Autofill based on Web Authentication coming to Chrome: blog.chromium.org/2020/07/more-s…

via Twitter for iPhone

@rowan_m @danbri I wish my present life was more of a journey and less of a destination, though. 😂

via Twitter for iPhone in reply to rowan_m

@danbri @rowan_m My holy grail moment was when the mouse wheel worked after I compiled my own kernel. After 10+ attempts, some of which included reinstalling everything from scratch. 🐧

via Echofon in reply to danbri

@AmeliasBrain @kevinmarks Standing on the shoulders of giants, albeit a lot of the work predates my involvement, so I don’t have the full vision. Regarding standardization, we asked the @w3ctag, @mozilla, and @webkit; all linked here: web.dev/text-fragments…

via Twitter for iPhone in reply to AmeliasBrain

@AmeliasBrain Tiny correction:

A Fragmention is this: indieweb.org/fragmention by @kevinmarks.

The Chrome thing is this: web.dev/text-fragments/.

via Echofon in reply to AmeliasBrain

davrous Did you notice that? A Surface Duo profile arrived in Edge DevTools. Get ready for dual screen CSS layout! github.com/MicrosoftEdge/… pic.twitter.com/LW11SnJ6YM

via Twitter Web App (retweeted on 10:40 PM, Jul 30th, 2020 via Echofon)

stshank Twitter shows how and why progressive web apps — PWAs — can work. A tap on a web address can grow gradually to a pretty rich interaction with no trip to an app store required. Developers wish Apple would catch up to Google, thoughcnet.co/3ggXdyyKc

via AutoTwitter for STS (retweeted on 10:38 PM, Jul 30th, 2020 via Echofon)

Just learned that there’s a `WKWebKit` based browser on the App Store that apparently implements a part of Web Bluetooth: apps.apple.com/de/app/webble/…. 😳 twitter.com/html5test/stat…

via Echofon

rowan_m If you’re a company that depends on the web platform and a healthy, diverse browser ecosystem then you should invest in it the same way you invest in other critical infrastructure. This isn’t charity, this is business. Here’s somewhere you could direct that budget. twitter.com/igalia/status/…

via Twitter Web App (retweeted on 10:06 PM, Jul 30th, 2020 via Echofon)

christianliebel The storefront-related members of the Web App Manifest (categories, description, iarc_rating_id, and screenshots) move to the App Info note, which was published for the first time today. Nothing changes for web devs—keep using the members as before. Thanks to@AaronGustafsonn!twitter.com/w3c/status/128…K

via Twitter Web App (retweeted on 9:52 PM, Jul 30th, 2020 via Echofon)

ATEOnAir It’s time to announce the new session of with my guest @tomayac who will talk about and how as dev we can contribute to the evolutions of the web platform: meetup.com/ask-the-expert… pic.twitter.com/epUsA7D6J0

via Twitter Web App (retweeted on 2:52 PM, Jul 30th, 2020 via Twitter for iPhone)

@TheRealNooshu +1 to adding IDs. But then also at least on Chrome and Edge, text fragment URLs are a thing already: web.dev/text-fragments/.

via Twitter for iPhone in reply to TheRealNooshu

@arya_minus Thanks! :-) But passing this on to the folks mentioned in the Acknowledgments: web.dev/text-fragments….

via Echofon in reply to arya_minus

@adamdbradley @passle_ @stenciljs @chriscoyier That’s why I wrote “subtle” in the original tweet. :-) I don’t think it’s a thing most people should be too concerned with, especially compared to this other very popular alternative framework that twitter.com/tomayac/status…

via Echofon in reply to adamdbradley

@xeenon No mention of the new entitlements, though. This can be an important factor for developers.

via Echofon in reply to xeenon

xeenon Should I use WKWebView or SFSafariViewController for web views in my app? It depends..developer.apple.com/news/?id=trjs0…Jpic.twitter.com/h5N96lcqPnPn

via Tweetbot for Mac (retweeted on 10:04 AM, Jul 30th, 2020 via Echofon)

@othermaciej @pizlonator This is incredibly in-depth, wow 👏 (and I don’t claim I have understood everything). Maybe a nice idea for a follow-up post would be take-aways for developers. Things to avoid, things to do, worst case examples, etc.

via Echofon in reply to othermaciej

webkit The “Speculation in JavaScriptCore” blog post/textbook gives you more than you ever wanted to know about how JavaScriptCore executes your code. webkit.org/blog/10308/spe… pic.twitter.com/4DtIhWTMdI

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

dalmaer Perspective matters:

“WebUSB? That’s adding something scary to the Web!”

vs.

“WebUSB! Now we have a safe way to integrate with USB without having to install drivers via privileged exe!”

via Twitter Web App (retweeted on 9:13 AM, Jul 30th, 2020 via Echofon)

@simevidas @dantack It’s about optimizing ad space. The more and the shorter your paragraphs, the more ad slots you can fill in between them.

via Echofon in reply to simevidas

argyleink Here’s gap + flexbox handling international document flows and directions! 💯 Something quite tedious to do by hand with margin & friends.

Combine this with logical properties and you have yourself single definition international spacing and layout 😍 twitter.com/argyleink/stat… pic.twitter.com/2TAiQOKYJ1

via Twitter Web App (retweeted on 9:09 AM, Jul 30th, 2020 via Echofon)

@passle_ @adamdbradley @stenciljs @chriscoyier I think the point here was that if you mix different web component families that then you pay the cost of each family shipping their own support library. If you stay with one, you only pay once, for example f

via Echofon in reply to passle_

Wattenberger I’m always using percents in CSS, but often have to stop and ask: “% of what?”

hint: it’s probably not what you think.

hopefully this guide helps clear things up - there’s a fun exercise at the bottom, too:

wattenberger.com/blog/css-perce… pic.twitter.com/v2Cikc8tYJ

via Twitter Web App (retweeted on 10:29 PM, Jul 29th, 2020 via Echofon)

@KyleDavidE @ChromiumDev True, find more details on this in the Browser compatibility section: web.dev/keyboard-lock/….

via Twitter Web App in reply to KyleDavidE

ChromiumDev 📢 Capture Keys with the Keyboard Lock API.

⌨️ Provide an immersive, full screen experience for a variety of use cases including interactive websites, games, remote desktop, and application streaming.

Learn all about the API in @tomayac’s latest post:

web.dev/keyboard-lock/

via TweetDeck (retweeted on 8:37 PM, Jul 29th, 2020 via Twitter Web App)

Good summary of recent Web Components news by @chriscoyier: css-tricks.com/a-bit-on-web-c…. Reflects my feelings regarding this, at least subtle, feeling of lock-in…

via Twitter Web App

Different versions of your site can be running at the same time, by @jaffathecake: jakearchibald.com/2020/multiple-…. Are you prepared for multiple versions of your site running at once?

via Twitter Web App

ChromiumDev Ace use case for the Screen Wake Lock API: turn-by-turn games where you wait for players to make their move.

Ninja Cards ♠️❤️ ninja.cards by Zak Hirt uses the API for fun, and—if you win—profit… 💵

Read more about this Project Fugu 🐡 Aweb.dev/wakelock/5HlD.

via TweetDeck (retweeted on 3:26 PM, Jul 29th, 2020 via Twitter for iPhone)

@justboriss It’s a proposal, yes. See web.dev/text-fragments… for links to the @w3ctag review and @webkit’s as well as @mozilla’s position.

via Twitter Web App in reply to justboriss

@GregBernhardt4 @ChromiumDev @firefox @googlechrome @MicrosoftEdge The extension is for creating Text Fragment URLs. On Firefox, it also polyfills the feature per se (the highlighting and the scrolling into view). Ideally, we’d have direct support in all wicg.github.io/scroll-to-text…

via Twitter Web App in reply to GregBernhardt4

📢 Work on a Text Fragments URL polyfill has officially started over on github.com/GoogleChromeLa….

🚧 Open text-fragments-polyfill.glitch.me/#:~:text=This%… in Safari for a very early demo.

📚 For more details on Text Fragments URLs, see my article web.dev/text-fragments/.

via Twitter Web App

felixrieseberg I put an entire 1991 Macintosh Quadra with Mac OS 8.1 into an Electron app, together with a bunch of apps and games. It runs on Windows, macOS, and Linux… and JavaScript. Again: I’m sorry.

Go grab it here: github.com/felixrieseberg… pic.twitter.com/p3AR2dyx5r

via Twitter Web App (retweeted on 1:13 PM, Jul 29th, 2020 via Echofon)

@yoavweiss The PWA only, you can still navigate to it via the browser. If you really wanted to block all access, you also could.

via Twitter for iPhone in reply to yoavweiss

I just realized that Family Link (families.google.com/familylink/) shows PWAs alongside just like any other app. In related news, my daughter found out how to install PWAs, since we don’t allow her to install the “real” TikTok (and have now blocked the PWA). pic.twitter.com/S5Yy32LQt7

via Twitter Web App

modelviewer <model-viewer> v1.1 introduces a brand-new model editor: modelviewer.dev/editor/

It also exposes a new scene-graph API so you can modify the model inside your <model-viewer> element: modelviewer.dev/examples/scene…

Release notes: github.com/google/model-v…

Thanks @Shopify for the model! pic.twitter.com/Kmu0fkxFCQ

via Twitter Web App (retweeted on 11:51 PM, Jul 28th, 2020 via Echofon)

christianliebel : How to publish your Progressive Web App (PWA) in the Google Play Store with the help of Bubblewrap (customer case study included). 📲🛍 thinktecture.com/en/pwa/twa-bub…

via Twitter Web App (retweeted on 11:37 PM, Jul 28th, 2020 via Echofon)

AMPhtml Looking for an easy way to make your static site more interactive? Check out the new AMP for Eleventy Plugin ⚡

Learn more on the AMP Blog 👇
blog.amp.dev/2020/07/28/int…

via Twitter Web App (retweeted on 11:21 PM, Jul 28th, 2020 via Twitter for iPhone)

Thought-provoking article by ⁦@stshank⁩ on the different browser vendors’ views on the future of the web. cnet.com/news/google-we…

via Twitter for iPhone

@AnaestheticsApp @jungkees Also @AaronGustafson for visibility. I was under the impression that it was implemented by Microsoft on desktop according to blog.chromium.org/2020/07/chrome….

via Twitter for iPhone in reply to AnaestheticsApp

@renniepak Ironically the deep link from my tweet doesn’t work yet on Twitter. Try unshortening it with a service like unshorten.it.

via Twitter for iPhone in reply to renniepak

@tanepiper @codepo8 Wow, impressive! I still feel your pain! Hopefully this time the new API is simpler. Used through the ponyfill library, or just directly.

via Twitter for iPhone in reply to tanepiper

@pepelsbey_ I vaguely seem to remember that our build process ignored it when I tried in the past.

via Echofon in reply to pepelsbey_

@mathias @rob_dodson @simevidas Sorry for the confusion, I was talking about web.dev’s own site-internal search in the header bar.

via Twitter for iPhone in reply to mathias

@rob_dodson @simevidas Typically we’d fix this with `Lighthouse&nbsp;CI`, but the `&nbsp;` appears literally in search. I’ve just had this issue in a different PR: github.com/GoogleChrome/w….

via Echofon in reply to rob_dodson

davatron5000 📝 New post: Gettin’ Foldy with the Dual-screen Web (Part I). I started playing around with making my sites respond to dual-screen devices.

daverupert.com/2020/07/gettin…

via Twitter Web App (retweeted on 11:26 PM, Jul 27th, 2020 via Echofon)

@samsunginternet @Lady_Ada_King An interesting additional idea for this could be to progressively enhance the offline experience with articles from the Content Indexing API: web.dev/content-indexi…, example implementation: github.com/rayankans/cont….

via Echofon in reply to samsunginternet

ChromiumDev Learn how the browser-nativefs 💾 support library has helped (and is still helping) @excalidraw navigate the changes during the Native File System API’s origin trial phase:

👉 web.dev/browser-native… by @tomayac

Project Fugu 🐡—Progressively enhancing & closing the app gap.twitter.com/tomayac/status…e

via TweetDeck (retweeted on 11:07 PM, Jul 27th, 2020 via Twitter for iPhone)

IanLunn A neat way of using CSS custom properties to style external SVG nodes (no more inling necessary to achieve the same).

Screenshot from Lightning-fast Web Performance by @scottjehl. Original idea by @frontstuff_io in this article: frontstuff.io/multi-colored-… pic.twitter.com/nhP8dQBbcm

via Twitter for Mac (retweeted on 10:59 PM, Jul 27th, 2020 via Echofon)

@torgo On mobile, swiping up the info sheet feels incredibly web-like (in a bad sense). This should be buttery smooth, but isn’t. 😕 I haven’t looked into the “why”, just noting it.

via Echofon in reply to torgo

Reading and writing files and directories with the browser-nativefs 💾 library. As we’re working on standardizing the Native File System API in Project Fugu 🐡, I realized having an abstraction layer 🐴 ponyfill kind of library might help smooth tweb.dev/browser-native…

via Twitter for iPhone

@SaraSoueidan You probably deliberately chose to not show it, but since others following you might not know: @github allows developers to show anonymized private repo contributions: docs.github.com/en/github/sett…. I only found out about this by accident. 😃

via Echofon in reply to SaraSoueidan

@rowan_m For navigation, maybe something for Turbolinks (github.com/turbolinks/tur…)?!
Also: weee, dark mode!

via Echofon in reply to rowan_m

@slightlylate @dluzar @HenrikJoreteg Maybe we could also consider rewarding origin trial participants (that have provided useful feedback) by extending their individual tokens for the final shipping OT version beyond that OT’s end until the feature ship

via Twitter for iPhone in reply to slightlylate

@dluzar @HenrikJoreteg Maybe @slightlylate can shine more light on this decision?!

via Twitter Web App in reply to dluzar

@dluzar @HenrikJoreteg It won’t be that much of an issue, thanks to the way it’s all set up as progressive enhancement: web.dev/progressively-…

via Twitter Web App in reply to dluzar

Bravo, @github, for making `main` the new `master`: github.com/github/renamin…—and this transparently with the fewest developer interruptions! ✊🏿r

via Twitter Web App

@HenrikJoreteg As promised following up on this action item. The PR github.com/GoogleChrome/w… adds a warning about the to-be-expected downtime after a successful origin trial. ✅

via Twitter Web App in reply to tomayac

Introspecting CSS via the CSS OM: Getting supported properties, shorthands, longhands feedproxy.google.com/~r/leaverou/~3…. Useful exploration by @LeaVerou in the context of the @HTTPArchive Almanac project.

via Twitter Web App

@rowan_m Mesmerized ⚛️. What did you say?

via Twitter for iPhone in reply to rowan_m

@rowan_m Doesn’t work without `OffscreenCanvas`. Here’s why:

File: page.js
Line: 130
Fix: const atom = new AtomModel(this.curAtom, renderer);
Demo: atomatic2.glitch.me

via Twitter Web App in reply to rowan_m

@rowan_m For inspiration: codepen.io/anneklapwijk/p…. Codepen has a tag search feature. Try “orbit” or “atom” for some rad animation works.

via Echofon in reply to rowan_m

I’ve also just PR’ed the new browser-nativefs 💾 version into @excalidraw (see github.com/excalidraw/exc…), so all dare-devils 🤘💀 using Excalidraw on Chrome Canary can continue to profit from the Native File System API.

via Twitter Web App in reply to tomayac

🗣 Heads up: Chrome 86 will introduce BREAKING changes to the Native File System API: github.com/WICG/native-fi… .

🛀 Users of the browser-nativefs 💾 library can relax: I’ve taken care of it for you in v0.10.0: github.com/GoogleChromeLa…. Just

via Twitter Web App

@MightyBoosh_ @ChromiumDev FWIW, we offer a library, browser-nativefs, that maybe makes your life easier today already: github.com/GoogleChromeLa….

via Twitter Web App in reply to MightyBoosh_

@addyosmani @sulco @Ev1l_Ash In a way `<frameset>` was SPA before SPA.

via Echofon in reply to addyosmani

addyosmani Native <iframe> lazy-loading is coming to the web! bit.ly/lazy-iframes <iframe loading=lazy> defers loading offscreen iframes until a user scrolls near them.

Now in the HTML standard & supported in Chrome. pic.twitter.com/y4dXo6gwY4

via Twitter Web App (retweeted on 11:43 AM, Jul 25th, 2020 via Echofon)

@scottjehl @rob_dodson @briankardell @justinfagnani On the other hand `part` not allowing for descendant selectors encourages not nesting one’s element too deeply. If DOM depth becomes a problem, maybe there’s potential for splitting up the element ev

via Echofon in reply to scottjehl

In case you ever wondered why the response of a `fetch()` call is a stream: thenewtoys.dev/blog/2020/07/2…

via Twitter for iPhone

@rmondello Congratulations on the work anniversary! 🎂

via Echofon in reply to rmondello

@MikeEsto 👏 Nice article. By the way, we have landed native Screen Wake Lock support in NoSleep.js, so users of this library will automatically use the API if their browser supports it.

via Echofon in reply to MikeEsto

@kennethrohde @henrylim96 @daviddalbusco @googlechrome @medleyjp There’re a couple of issues, this one included, we’re aware of. I’ve sent Joe an email.

via Twitter for iPhone in reply to kennethrohde

@andrewjb_ @clry2 We have a polyfill in the works that will add support. You can try it today already on Safari 14 beta if you build the extension yourself: github.com/GoogleChromeLa….

via Twitter for iPhone in reply to andrewjb_

📢 Chrome 85: Upload Streaming, Human Interface Devices, Custom Properties with Inheritance and More. All changes in the latest @googlechrome beta summarized by ⁦@medleyjp⁩. blog.chromium.org/2020/07/chrome…

via Twitter for iPhone

@mr_dudders Not sure if you have seen the extension, no need to craft those URLs manually: chrome.google.com/webstore/detai…. Some more background on the syntax at web.dev/text-fragments/.

via Twitter for iPhone in reply to mr_dudders

HTTPArchive 🆕 We have a new report on HTTP Archive dedicated to tracking the adoption of web platform capabilities, also known as Project Fugu. Thanks to @tomayac for driving this! 🎉

The report tracks *30* new capabilities!

httparchive.org/reports/projec…

via Twitter Web App (retweeted on 9:59 PM, Jul 23rd, 2020 via Twitter for iPhone)

threejs_org THREE.VideoTexture now uses requestVideoFrameCallback when available. github.com/mrdoob/three.j… twitter.com/tomayac/status…

via Twitter Web App (retweeted on 6:58 PM, Jul 23rd, 2020 via Twitter for iPhone)

@jieorlin @googlechrome I’m not aware of one, but several posts suggests this can be handled by an extension that you can then assign your preferred shortcut: superuser.com/questions/4020….

via Twitter Web App in reply to jieorlin

@_boraturan That’s correct, your bound by the browser’s refresh rate.

via Twitter Web App in reply to _boraturan

@_boraturan It might still be useful, especially if the videos have very differing frames per second.

via Twitter Web App in reply to _boraturan

@rmadril @ChromiumDev It’s supported on Edge 85 and later, and coming soon to Chrome: web.dev/get-installed-….

via Twitter Web App in reply to rmadril

👀 Eye-opening comparison of implementing the same `<my-counter>` component in 33 different ways: webcomponents.dev/blog/all-the-w….

via Twitter Web App

Safari @webkit finally acknowledges “Partial Support” for the Web App Manifest spec (thanks, @jonathandavis): webkit.org/status/#specif…. Safari still doesn’t support icons, which is, like, a pretty central part. Would be nice if it would; here’s the bug: bugs.webkit.org/show_bug.cgi?i…

via Twitter Web App

ChromiumDev 📢 The `requestVideoFrameCallback()` method allows web authors to register a callback that runs in the rendering steps when a new video frame is sent to the compositor.
🎞 Learn what you can do with this new API in @tomayac’s latest article: web.dev/requestvideofr…. twitter.com/tomayac/status…

via TweetDeck (retweeted on 9:57 AM, Jul 23rd, 2020 via Twitter for iPhone)

Streaming requests with the `fetch()` API: web.dev/fetch-upload-s…. Exciting new way to upload data with a stream.

via Twitter Web App

shadeed9 ✍️ Understanding CSS Multiple Backgrounds

I wrote an article about CSS multiple backgrounds. It starts with a basic intro, and ends with a practical example of drawing a laptop with gradients only. Lots of visual examples in this article!

🔗 ishadeed.com/article/css-mu… pic.twitter.com/CGzv2PwWsZ

via Twitter Web App (retweeted on 1:41 AM, Jul 23rd, 2020 via Echofon)

@digitarald @zachleat That’s AAA trolling. Love it! Please ship this!

via Echofon in reply to digitarald

Some useful @googlechrome ⌨️ shortcuts:

[⌘ cmd]+[`] to switch between different Chrome _windows_.

[control]-[tab] to switch between different Chrome _tabs_.

Now Windows 10 takes it one step further by optionally including all(!) Edge _tabs_ in [twitter.com/MSEdgeDev/stat…

via Echofon

argyleink “The Houdini Properties and Values API is coming to your CSS file in Chromium 85

@property: giving superpowers to CSS variables” by @Una

📃 web.dev/at-property/ pic.twitter.com/0TCA6jzZAy

via Twitter Web App (retweeted on 1:26 AM, Jul 23rd, 2020 via Echofon)

I wrote about the `requestVideoFrameCallback()` 🎞 method. If you do stuff with `<video>` and a `<canvas>`, this article is for you! web.dev/requestvideofr…

via Twitter for iPhone

MartinSchierle I wanted to automatically analyze many URLs from a given domain for and which elements where a problem for LCP and CLS. Here’s the script to do so, maybe it’s helpful for somebody else:
gist.github.com/martinschierle…

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

@rem @jaffathecake Hey, sure thing. If it’s easier or sensitive, you can also just email (tomac@) or DM me.

via Twitter Web App in reply to rem

xeenon Safari 14 beta for macOS Catalina and Mojave can be downloaded here. Having Safari 14 beta installed allows you to use the web extension conversion tool in the Xcode 12 beta.

`xcrun safari-web-extension-converter /path/to/my/extension`

developer.apple.com/download/more/…

via Tweetbot for Mac (retweeted on 1:04 PM, Jul 22nd, 2020 via Twitter Web App)

Wow, the 🔗 Link to Text Fragment extension (github.com/GoogleChromeLa…) has made it on @FastCompany’s list of “The 25 Best New Productivity Apps for 2020”: fastcompany.com/90529784/the-2… 🎉 twitter.com/FastCompany/st…

via Twitter Web App

@CyrusShepard @RichTatum This is something we’re looking at in the context of Display Locking (a not great umbrella name), check out this issue specifically: github.com/WICG/display-l….

via Twitter for iPhone in reply to CyrusShepard

@othermaciej @bradeeoh @Litherum @chicoxyzzy @webkit Seems like we have both a fix, and a public bug now: twitter.com/Litherum/statu…. Thanks, everyone! ♥️

via Echofon in reply to othermaciej

@bradeeoh @Litherum @chicoxyzzy @webkit @othermaciej Makes sense, thanks. The advantage of a WebKit bug is that progress is visible to the public (if taken steps are documented), even if the underlying issue requires fixing of an unrelated piece of softwaweb.dev/more-variable-…

via Twitter for iPhone in reply to bradeeoh

@BraveSampson @Ethan_Heilman @dstadulis @brave Oh, interesting. I was aware of the flag obviously, but not that both the flag and a command line argument are required. twitter.com/tomayac/status…. Might be worth documenting somewhere!? (CC: @pes10k) twitter.com/tomayac/status…

via Twitter for iPhone in reply to BraveSampson

@Ethan_Heilman @dstadulis Read more about the feature here: web.dev/text-fragments/. The @brave folks have some privacy concerns (see the article), but you should bring it to their attention that there’s demand for the feature, so maybe they can optiona

via Twitter for iPhone in reply to Ethan_Heilman

@aSemy Happy this worked for you. I will take a note to add disabling information to the article web.dev/text-fragments/.

via Echofon in reply to aSemy

v8js 🔥 What’s new in V8 v8.5? Promise.any, String#replaceAll, logical assignment operators, WebAssembly multi-value and BigInt support, and performance improvements!

v8.dev/blog/v8-releas…

via TweetDeck (retweeted on 9:25 PM, Jul 21st, 2020 via Echofon)

Neat CSS animation tip in the quoted tweet ⤵️. Don’t forget to throw in a `prefers-reduced-motion` media query if you’re going bananas 🍌 with your animations, so only those who don’t mind it get it. twitter.com/argyleink/stat…

via Echofon

@reillyeon I read into that that you’re busy with “my” bug. Thanks 🙏! Don’t let negative rectangles eat you!

via Echofon in reply to reillyeon

soMelanieSaid If you’ve ever had to re-write an entire control because the native HTML element couldn’t do *quite* what you needed, this “Enabling Custom Control UI” proposal is for you: github.com/MicrosoftEdge/…

Have feedback? Please do file an issue; we’re eager to know your thoughts!

via Twitter Web App (retweeted on 9:06 PM, Jul 21st, 2020 via Echofon)

@Litherum @chicoxyzzy We’ve been discussing @webkit bugs (and challenges with them) with @bradeeoh and @othermaciej on a Twitter thread recently. Any reason you didn’t (also) file a WebKit bug where people could track progress? This very issue barely

via Echofon in reply to Litherum

Vincent_Scheib devs: Try out getDevices() & watchAdvertisements() - we’re seeking feedback before shipping. Improve the reconnect flow for users. Access AD packet manufacturer data etc.!

docs.google.com/document/d/1RF…

via TweetDeck (retweeted on 2:37 PM, Jul 21st, 2020 via Twitter Web App)

ow Google has a new feature for Chrome where you can make instant QR codes for any webpage and i’m *here* for the dinocodes pic.twitter.com/2UlBFZPRQr

via Twitter Web App (retweeted on 2:06 AM, Jul 21st, 2020 via Echofon)

@cshjb007 No, but this will eventually be solved by WebCodecs: github.com/WICG/web-codecs.

via Twitter for iPhone in reply to cshjb007

How to get people to actually use (Corona) contact tracing apps: hbr.org/2020/07/how-to…. Interesting article that deals with “cold start” social networking issues in general.

via Twitter Web App

@cshjb007 You can look at presentedFrames wicg.github.io/video-rvfc/#do… to see if there were missed any.

via Twitter for iPhone in reply to cshjb007

about testsafebrowsing.appspot.com—A test suite to check if the Google Safe Browsing feature safebrowsing.google.comO) used by many other browser vendors apart from Google is working properly.

via Twitter Web App

@cshjb007 Assuming a constant 20fps video, when the media time is 2.000s, then the currently showing frame would be 2.000s * 20fps = 40. This is all the available metadata: wicg.github.io/video-rvfc/#vi….

via Twitter for iPhone in reply to cshjb007

@othermaciej @bradeeoh @mb2100 It wasn’t discouraging filing dupes, that’s my actual point. Which wouldn’t be an issue if the deduping were more aggressive.

via Twitter for iPhone in reply to othermaciej

@ladyleet @denladeside Hope you recover soon! Thanks for sharing and calling us all to action.

via Echofon in reply to ladyleet

@othermaciej @bradeeoh @mb2100 …so why not ask folks to add use cases to _existing_ bugs to begin with, and aggressively closing dupes as part of the process?
I was _always_ happy about the _initial_ quick reaction on my bugs (added CC:s, created Radars

via Twitter for iPhone in reply to othermaciej

@bradeeoh @mb2100 “Voting” by filing a duplicate bug sounds weird from an outside point of view since it seemingly makes managing the entirety of all bugs harder, but is what we have heard from Maciej as well. twitter.com/othermaciej/st…

via Twitter for iPhone in reply to bradeeoh

@paulmwatson Browser vendors simply never implemented “no-preference”.

via Twitter for iPhone in reply to paulmwatson

@cshjb007 @jho_crypto It’s not yet officially published, but the article available at the staging link …iew-3399—web-dev-staging.netlify.app/requestvideofr… should answer the questions.

via Twitter for iPhone in reply to cshjb007

@mb2100 @bradeeoh For the record, this is the most recent situation where I personally encountered this: twitter.com/tomayac/status….

via Twitter for iPhone in reply to mb2100

@EivindArvesen @othermaciej We have added more details on the `X-Client-Data` header in the privacy white paper: google.com/chrome/privacy….

via Echofon in reply to EivindArvesen

@bradeeoh This was eye-opening for me, too. I’ve since eagerly filed feature request bugs for the things we would love the team to consider implementing: bugs.webkit.org/buglist.cgi?bu….

via Twitter for iPhone in reply to bradeeoh

@bradeeoh “Scare away” as in conveying that it’s not worth to file bugs since apparently there’s no motion on one’s bug, when actually there is, just on a non-deduplicated bug from someone else.

via Twitter for iPhone in reply to bradeeoh

Handling web components and drag and drop with `event.composedPath()`: justinribeiro.com/chronicle/2020….

via Echofon

James0x57 I made an SVG to show off Space Toggle as a state machine - no JS required! Vanilla binary logic goodness! Check it out here and lmk what you think! propjockey.github.io/bcd7sdd/ pic.twitter.com/UyXowLllIF

via Twitter Web App (retweeted on 10:44 PM, Jul 18th, 2020 via Echofon)

Generating UUIDs at scale on the Web. Interesting blog post with a neat story twist. Don’t trust Googlebot when rolling 🎲. medium.com/teads-engineer…

via Twitter for iPhone

@tkdn See “What happens when a user clicks a featured snippet?” on support.google.com/webmasters/ans….

via Twitter for iPhone in reply to tkdn

@bradeeoh I tend to file feature request bugs. It’s funny how sometimes the team then works on something without updating the bug, or updating a duplicate bug that was filed by someone who didn’t even bother checking for earlier bugs. This can be frus

via Echofon in reply to bradeeoh

@wesbos @mathias I took it one step further and treated myself to the Micro Luggage (micro-mobility.com/en/products/mi…) back when we still traveled. I also was smart and went for the 13″ MacBook Air, which is now my main machine. 🤦

via Echofon in reply to wesbos

addyosmani We’ve improved <img> lazy-loading in Chrome! bit.ly/lazy-updates The new thresholds for when we load <img loading=lazy>:

* Offer *much* better data-savings
* Are closer to JavaScript lazy-loading libraries
* Are rolling out to Chrome 79+ pic.twitter.com/3OHm2rnRAm

via Twitter Media Studio (retweeted on 11:22 AM, Jul 17th, 2020 via Echofon)

stefanjudis Today I learned that there is a `:defined` pseudo class that lets you style custom elements that are not defined yet. 😲

🔗 Spec: html.spec.whatwg.org/multipage/sema…

Video alt: Example of styling an undefined custom elements with a red border. pic.twitter.com/LWBQOLdEHC

via Twitter Web App (retweeted on 12:38 AM, Jul 17th, 2020 via Echofon)

slightlylate Chrome 84’s out to Stable and dang, it’s easy to forget how busy the 🐡s have been:

developers.google.com/web/updates/20…

blog.chromium.org/2020/05/chrome…

web.dev/web-otp/

web.dev/wakelock/

web.dev/idle-detection

Also, not us, but awesome: animations!:

web.dev/web-animations/

via Twitter Web App (retweeted on 12:34 AM, Jul 17th, 2020 via Echofon)

@elijahmanor @excalidraw @Lipis @dluzar @Vjeux @Fausto95_ @nanot1m @GasimGasimzada That’s an unexpected use of the tool, but a nice one indeed 😃.
Have you tried running the SVG through jakearchibald.github.io/svgomg/ 🗜? This should probably outperform the

via Echofon in reply to elijahmanor

@argyleink Here’s the full `prefers-reduced-motion` “stack” we collectively came up with: web.dev/prefers-reduce….

via Echofon in reply to argyleink

RickByers It looks like Apple is finally leveling the playing field between web and native apps on iOS when it comes to privacy. This is perhaps the most important thing to happen to the web this year! developer.apple.com/app-store/user… pic.twitter.com/Ukc3YIvY8Q

via Twitter Web App (retweeted on 9:18 AM, Jul 16th, 2020 via Echofon)

@stefanjudis I would just make each metric a boolean attribute. I’d love to also have the Paint Timing API metrics included, since WebKit supports it now: techblog.wikimedia.org/2020/06/24/how….

via Twitter for iPhone in reply to stefanjudis

@stefanjudis Yes, please. I use custom-rolled code on my blog’s blog.tomayac.com footer. Would love to replace it.

via Echofon in reply to stefanjudis

👏 @estark37 debunks the “people will always click ‘yes’ when asked” myth—especially interesting in the context of Project Fugu 🐡 is the part on permission prompts:emilymstark.com/2020/07/14/deb…F. Hopefully we can expose more data on prompts in th@ChromeUXReport@rick_viscomitwitter.com/estark37/statu…

via Echofon

stroughtonsmith Highlights:

• Mandatory 30 days notice before app can be removed from the App Store by Apple
• Apple needs to disclose any preferential treatment it gives to big developers & publishers
• Apple must have an external mediator for disputes that can’t be resolved by App Review twitter.com/rebellionjason…

via Twitter for Mac (retweeted on 3:44 PM, Jul 15th, 2020 via Echofon)

@stoyanstefanov All the best with doing what you truly love! 🎼

via Echofon in reply to stoyanstefanov

ChromiumDev Chrome 84 is rolling out now! It adds support for app icon shortcuts, improves compatibility with the Web Animations API, adds the Wake Lock and Content Indexing API and plenty more. @petele has all the details at developers.google.com/web/updates/20… pic.twitter.com/CQLw7LWeG7

via TweetDeck (retweeted on 12:54 PM, Jul 15th, 2020 via Echofon)

Wow, vibrating once the opening credits have been seeked over is such a cool idea. I’ll add this to web.dev/app-like-pwas/ (after my vacation 🌴). The Vibration API put to great use. twitter.com/mahemoff/statu…

via Echofon

@gauntface Just wait until your extension gets seemingly out of the blue rejected. It’s not fun, especially during coronavirus with reduced virtual operating hours.

via Echofon in reply to gauntface

@kristoferbaxter The one time where it’s great we mostly run our distributed version control software called git on a centralized service called @github. They could probably come up with a smart way of changing the default branch on all repos and making

via Echofon in reply to kristoferbaxter

@gsnedders @yoavweiss @fractorious Personally I also think permission bundles (github.com/w3c/permission…) can help fight permission fatigue. None of this is easy, and getting it “right” requires iterating. I see huge potential for UAs to come up with in

via Echofon in reply to tomayac

@gsnedders @yoavweiss @fractorious Fully agreed. IMHO we need temporary permissions (e.g., grant for a day), we need re-prompting (like iOS background geolocation reminders), and probably also ephemeral permissions (for unused [definition tbd.] apps).

via Echofon in reply to gsnedders

@yoavweiss @gsnedders @fractorious It’s indeed a little more complex than that. We do a lot of UI research on how to word these prompts and how they can potentially be grouped (like mic & cam). A great recent example is Idle Detection (web.dev/idle-detection…github.com/WICG/idle-dete…

via Echofon in reply to yoavweiss

@KnisterPeter If in the new profile you indeed start fresh, without the potentially over the years accumulated and forgotten extension cruft, then it will help. If you have few or no extensions installed, you probably won’t notice a difference. Extensio

via Twitter for iPhone in reply to KnisterPeter

@ChromeDevTools Is this feature dubbed WebKit mode? 😂 twitter.com/othermaciej/st…. For the record, I think it’s a positive change, here’s why: trac.webkit.org/wiki/Fingerpri….

We (all vendors ☮️) should iterate on properly granted local fonts access: github.com/WICG/local-fon…

via Echofon in reply to ChromeDevTools

@briankardell @yoavweiss The written FAQ could probably include this question and the answer that you currently only provide in the video (that I skipped initially, since I’m more of a reading person).
- How did this list come to life?
- Is everything o

via Echofon in reply to tomayac

igalia Igalia is pleased to announce Open Prioritization: An experiment in crowd-funding prioritization of the web commons

open-prioritization.igalia.com

youtu.be/xCRxNVbUqhk

via Twitter Web App (retweeted on 4:27 PM, Jul 13th, 2020 via Echofon)

@briankardell @yoavweiss Are all the things on this list agreed to land once implemented? Say the list contained “implementation of the Push API for Safari”?

via Echofon in reply to briankardell

@gsnedders @othermaciej @Apple Congratulations, that’s great news for Safari and the Web. 👏

via Echofon in reply to gsnedders

@marcosc Thanks for all the hard work, Marcos!

via Echofon in reply to marcosc

@WorId_Languages With less extensions installed they can. Edge have made some (I think not-upstreamed) changes to memory management, too: blogs.windows.com/msedgedev/2020….

via Twitter for iPhone in reply to WorId_Languages

@HenrikJoreteg I reckon this isn’t a universal solution to avoid breakage, it only works when you have a 1:1 trust connection w/ the customer (I think you do).
We should make our docs clearer and set full expectations—and see if breakage can be avoide

via Twitter for iPhone in reply to tomayac

@HenrikJoreteg As others have said, a short period of breakage is to be expected, but I agree this seems unnecessary when the API shape ultimately remains stable. For _your_ concrete situation, you can always ask your clients to flip the #​enable-exper

via Twitter for iPhone in reply to HenrikJoreteg

My favorite pet peeve with “ditch Chrome” articles is when you can see from the screenshots that they have a ton of extensions installed on their organically aged Chrome profile, but compare performance, RAM usage, and battery life to a fresh Firefox/

via Echofon

@rmondello I appreciate how Safari uses the canonical (typically non-AMP) URL when sharing links via the browser’s share sheet.

via Echofon in reply to rmondello

@reillyeon My favorite pet peeve with these articles is when you can see from the screenshots that they have a ton of extensions installed on their organically aged Chrome profile, but compare to a fresh Firefox/Safari/Edge/Brave/… profile.

via Echofon in reply to reillyeon

@littledan (Originally published on Medium [medium.com/dev-channel/en…], the markup conversion on my blog isn’t perfect.)

via Echofon in reply to tomayac

@LeonieWatson Judging from the fact that all “screen reader” issues were closed _with_ commits and mentions of relevant terms like ARIA live region etc. in the comments makes me very positive: github.com/thelounge/thel….

via Twitter for iPhone in reply to LeonieWatson

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