Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

August 2020

@robertnyman That’s the most unergonomic d-pad in history. It’s both-handed, but still. šŸ˜‚
Happy birthday, Robert! šŸŽ‚

via Echofon in reply to robertnyman

searchliaison Google Images now shows “Licensable” badges for images with licensing information. Selecting an image shows any provided details and links about licensing. You can also filter images to include only those with licensing information. Learn more: blog.google/products/searc… pic.twitter.com/81YN732Jl8

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

BryanEBraun I continue to experiment with bundle-free dev workflows.

Latest find: LitElement.

It kinda feels like what React would look like, if it were built on web components.

More here: bryanbraun.com/2020/08/31/how…

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

jeffposnick Help users change passwords easily by adding a well-known URL for changing passwords by @agektmr web.dev/change-passwor…

via Twitter for iPad (retweeted on 11:15 PM, Aug 31st, 2020 via Echofon)

@Paul_Kinlan @yoavweiss Ƈa. But, yay! I wish I could get more insights into someone’s L+1 Perf achievements.

via Echofon in reply to Paul_Kinlan

@MarcoZehe @bertholdb @jwajsberg @codepo8 @electronjs Oh, “automatic” in the sense of after you accept the prompt everything happening automatically (i.e., the icon being added and the separate window being opened).

via Twitter for iPhone in reply to MarcoZehe

@MarcoZehe @bertholdb @jwajsberg @codepo8 @electronjs It should be a little “plus” icon in the URL bar labeled “Install” and then the app’s name (it’s there for a long time, nothing new). I just made sure it’s keyboard-navigable. To test, opairhorner.com

via Twitter for iPhone in reply to MarcoZehe

MarcoInEnglish OK, time for a confession: I tried to use Visual Studio @code as my primary editor on MacOS and Windows, heck I even contributed several pieces of accessibility advice to the project over the past few months. But I keep flipping back to truly platform-native apps.

via Twitter for iPhone (retweeted on 10:13 AM, Aug 31st, 2020 via Twitter for iPhone)

@bertholdb @MarcoZehe @jwajsberg @codepo8 @electronjs For PWAs that trigger Chrome’s install criteria, the window will be alt-tab-able to begin with. For other tabs, you can manually create a shortcut via the three dot menu: “More Tools” > “Create

via Twitter for iPhone in reply to bertholdb

@jwajsberg @codepo8 @electronjs See the 3:58 mark of this talk for an explanation of the name: youtu.be/GSiUzuB-PoI.

via Twitter for iPhone in reply to jwajsberg

@HenrikJoreteg Each Slack workspace lives on a separate subdomain. Maybe this makes the service worker setup too complex for them? You install Slack once, not a separate Slack per workspace. Probably they are not iframe-able on purpose. Just a guess…

via Echofon in reply to HenrikJoreteg

Folks use @electronjs to fill the API gaps that the Web currently doesn’t close yet. These warnings you may have heard about this approach are very much about real threats: hackerone.com/reports/783877. Eliminating this API gap is what Project Fugu 🐔 is aweb.dev/tags/capabilit…twitter.com/dcuthbert/stat…

via Echofon

@briankardell I love them, and the fact that they’re not searchable when closed is hopefully getting addressed with github.com/WICG/display-l…, and I _do_ hope all browsers implement this. Minor annoyances: styling of the triangle and no simple way to add

via Echofon in reply to briankardell

@kristoferbaxter That’s a relief to hear! Welcome home!

via Echofon in reply to kristoferbaxter

slightlylate Chrome 86 is gonna be huge; Native FS, Web Socket backpressure, & camera PTZ all heading to stable…and that’s before you get to any of the new 🐔 Origin Trials! See:

goo.gle/fugu-api-track… twitter.com/tomayac/status…

via TweetDeck (retweeted on 8:31 PM, Aug 28th, 2020 via Twitter for iPhone)

@DasSurma @shailen_naidoo No, it’s the same. Note that you can set the `enableHighAccuracy` mode in the `options` parameter: developer.mozilla.org/en-US/docs/Web….

via Twitter for iPhone in reply to DasSurma

@yoavweiss Thanks, clear now. Am I correct in my understanding that hillbrad.github.io/sri-addressabl… is not a problem either because of origin isolation?

via Twitter Web App in reply to yoavweiss

WebPlatformNews šŸ“ Why CSS ::before doesn’t work on inputs and images

webplatform.news/issues/2020-08… pic.twitter.com/cJGWkEENyR

via Twitter Web App (retweeted on 8:09 AM, Aug 28th, 2020 via Echofon)

cwilso Hey, um, so I was in the middle of IE. (Engineer on IE2-4; standards and PM IE5-6; GPM IE7-early 8). And I’m about to hit ten years at Google, 9 of them on Chrome. Chrome is many things - but I’m in a unique position to state, Chrome is *not* the new IE. (cont) twitter.com/namedgraph/sta…

via Twitter Web App (retweeted on 7:55 AM, Aug 28th, 2020 via Echofon)

@HenrikJoreteg The bug description then contains all links to the repo, explainer, spec draft, ChromeStatus entry, design docs (if available), etc.

via Echofon in reply to tomayac

@HenrikJoreteg You can read up on file handling in github.com/WICG/file-hand…. FWIW, I’ve implemented this feature in @excalidraw, so the moment it lands it should start working.

For finding: from docs.google.com/spreadsheets/u…, find your feature, then click thrbugs.chromium.org/p/chromium/iss…

via Echofon in reply to HenrikJoreteg

@yoavweiss It’s probably a stupid question, but I still ask it: Wouldn’t this have the same problem as cache digest with fingerprinting? tools.ietf.org/html/draft-iet…

via Echofon in reply to yoavweiss

@firt There’s some modest usage: chromestatus.com/metrics/featur…. But yes, doing it with TensorFlow.js is in many cases the more reliably available choice across devices.

via Echofon in reply to firt

mathias šŸ”„ Promise.any is now available in Chrome, Firefox, and Safari!

(This includes the AggregateError constructor.)

v8.dev/features/promi… pic.twitter.com/xPTfQNva7j

via TweetDeck (retweeted on 10:47 PM, Aug 27th, 2020 via Echofon)

MarcoInEnglish Nope, alt text is plain text without linkage. And not all platforms allow copying text out of that alt text. Link into the tweet, please. Thank you for asking! ā¤ļø twitter.com/ddprrt/status/…

via Twitter for iPhone (retweeted on 8:39 PM, Aug 27th, 2020 via Echofon)

@RickByers Congratulations, Rick! šŸŽˆ

via Echofon in reply to RickByers

LeaVerou I’m gonna start blanket adding the following rule to all my stylesheets:

:focus:not(:focus-visible) { outline: none }

Gets rid of the annoying outline for mouse users but preserves it for keyboard users, and is ignored by browsers that don’t support :focus-visible.

via Twitter Web Client (retweeted on 2:08 PM, Aug 27th, 2020 via Twitter Web App)

@wunnle @ChromiumDev Yesterday we talked about it, today there’s the Intent to Prototype for Progressive Web Apps as URL handlers in my Inbox: groups.google.com/a/chromium.org…

via Twitter Web App in reply to wunnle

ChromeDevTools Chrome 85 is here! šŸŽ‰

Be sure to update your Chrome and audit your page with the latest Lighthouse (with Core Web Vitals, web.dev/vitals) in DevTools and more!

Full list of What’s new in DevTools šŸ‘‰šŸ¼ developers.google.com/web/updates/20… pic.twitter.com/lHulmTMf8A

via TweetDeck (retweeted on 9:58 PM, Aug 26th, 2020 via Echofon)

ChromiumDev šŸŽØ squoosh.app now supports AVIF!

āž”ļø Next-generation open image format.
āž”ļø Significantly outperforms JPEG & WebP lossy formats.
āž”ļø Supported natively in Chrome 85

Give it a try with your own images! pic.twitter.com/xFsZyWjghN

via TweetDeck (retweeted on 9:44 PM, Aug 26th, 2020 via Echofon)

justmarkup The difference between aria-label and aria-labelledby by @LeonieWatson

1. Do you need to use ARIA?
2. If yes, does the text already exist elsewhere in the document?
3. If yes, use aria-labelledby; if no, use aria-label.

tink.uk/the-difference…

via Twitter Web App (retweeted on 9:43 PM, Aug 26th, 2020 via Echofon)

mikolajdobrucki In new @ChromeDevTools, you can finally disable local fonts loading! šŸŽ‰ which basically makes your browser behave like it doesn’t have any of the local fonts you’ve installed

Why is it so cool?

[1/4] pic.twitter.com/PDBCXpAMlT

via Twitter Web App (retweeted on 9:38 PM, Aug 26th, 2020 via Echofon)

@mahemoff I used Gmail Loader back in the days: blog.tomayac.com/2006/02/12/gma…. It’s deprecated now, but the author left a couple of recommendations for replacements: marklyon.org/2013/01/gmail-…. Maybe helpful, maybe not.

via Echofon in reply to mahemoff

Wow, the 3d emoji are really cool! šŸ” Fun effect library with accessibility in mind. Love it! twitter.com/bennettfeely/s…

via Echofon

@canofsleep @sayhello @ChromiumDev The only WebAssembly issue I can find is github.com/WICG/native-fi…. Not sure to be honest…

via Twitter Web App in reply to canofsleep

@wunnle @ChromiumDev Oh, I see. I don’t think 85 changes this. It still opens in a regular tab as far as my testing goes.

via Twitter Web App in reply to wunnle

Hopefully needless to say: Full credits to @h0wlu.

via Twitter Web App in reply to tomayac

For anyone following along, this is now tracked as github.com/w3c/web-share/… in the Web Share API repo. As a public trace, I’ve filed @webkit bug bugs.webkit.org/show_bug.cgi?i…, since Apple’s internal Radar—which doubtlessly exists judging fromblog.redteam.pl/2020/08/steali…

via Twitter Web App in reply to tomayac

@html5test @johnwilander I can on both beta 5 and 6. Try sharing to Messages.

via Twitter for iPhone in reply to html5test

@html5test @johnwilander Unfortunately it still repros on iOS 14 beta 6.

via Twitter Web App in reply to html5test

igrigorik Chrome M85 is rolling out to stable, super excited to (finally) see PGO & tab throttling out in the wild! šŸŽ‰

Details for the curious: bit.ly/32sscBI

Now eagerly waiting for M86 to ship back-forward cache: bit.ly/2QlZ4qk — that’ll be another massive perf win šŸ˜Žpic.twitter.com/1MG7qtzFPrr

via Twitter Web App (retweeted on 8:11 AM, Aug 26th, 2020 via Echofon)

@denladeside Hope things turn out well! šŸ¤—

via Echofon in reply to denladeside

@rotexdegba @craigbuckler No, on Android the file:// URL gets shared as a literal string, whereas Safari shares the actual file contents.

via Twitter Web App in reply to rotexdegba

We now have 3 LGTMs for the Native File System API to ship: groups.google.com/a/chromium.org…. This is _super_ exciting šŸ˜† and probably the most popular Project Fugu 🐔 API to date. Here’s how you can use it today: web.dev/browser-native….

via Twitter for iPhone

@kristoferbaxter @RReverser Safari 14 additionally correctly reports image/webp as being supported. āœ…

via Echofon in reply to kristoferbaxter

@firt Absolutely. That’s completely not working as intended. But one step earlier: probably file:// URLs should not have been shareable to begin with and throw an error instead, since your file:// isn’t accessible to me, so (to me) it doesn’t make (

via Twitter for iPhone in reply to firt

@firt That’s my worry, too. If so, it just takes someone with a jailbroken device to figure out interesting files and their paths to share… This is a surprisingly easy attack. I checked the specw3c.github.io/web-share/#dom…x5 url.spec.whatwg.org/#relative-url-…9O), a

via Twitter for iPhone in reply to firt

@srescio @raymondcamden Yes, browsers other than Safari on iOS internally use WKWebView, and the Web Share API is exposed there (research.google/pubs/pub46739/). I just tested this on Chrome for iOS.

via Echofon in reply to srescio

Wow, this Web Share API bug ā¤µļø is concerning.

const pwn = () => {
navigator.share({
text: ‘Check out this cute kitten!’,
url: ‘file:///etc/passwd’,
});
};

Turns out Safari actually shares the _contents_ of /etc/passwords, and allows for twitter.com/firt/status/12…

via Echofon

Fast, personalized, and private by design on all platforms: introducing a new 🦊 @firefox for Android experience. This looks pretty exciting, and it includes access to some popular extensions like uBlock Origin. blog.mozilla.org/blog/2020/08/2…

via Twitter for iPhone

@Rich_Harris @mathias @AMPhtml Oh, tracked as github.com/ampproject/amp… already. Didn’t see all thread responses, sorry.

via Echofon in reply to tomayac

@Rich_Harris @mathias Have you filed an @AMPhtml bug? The team has been really responsive when I filed the infamous āš”ļø issue (github.com/ampproject/amp…).

via Echofon in reply to Rich_Harris

@rustybrick @victorpan Obviously the Chrome extension (chrome.google.com/webstore/detai…) works on Edge, too, but if you prefer staying in the Edge ecosystem, you can install Link to Text Fragment from the Edge Add-on Store: microsoftedge.microsoft.com/addons/detail/…. And, shh 🤫, addons.mozilla.org/en-US/firefox/…

via Twitter for iPhone in reply to rustybrick

taybenlor Just used @samthor’s “Undoer” (github.com/samthor/undoer) to add native cmd+z undoing to a web app. So exceedingly smooth and easy. Web is good.

via Twitter Web App (retweeted on 3:10 PM, Aug 25th, 2020 via Echofon)

@lilyraynyc #:~:text=insert%20your%20words works as long as “insert your words” appears exactly once on a page. Sometimes you want to link to a _specific_ instance of ambiguous text. This is where Link to Text Fragment excels: github.com/GoogleChromeLa….web.dev/text-fragments/

via Twitter Web App in reply to lilyraynyc

@cemper Thanks for the shoutout! 😊

via Echofon in reply to cemper

samthor Hey web Twitter šŸ•øļø, I wrote a post on better understanding `load` and `DOMContentLoaded`, mostly around why they’re not always what you want: whistlr.info/2020/understan…

via Twitter Web App (retweeted on 8:35 AM, Aug 25th, 2020 via Echofon)

Wow, what a great visualization ā¤µļø of the things I said about Project Fugu 🐔 at today for @ATEOnAir!

For those who couldn’t make it, here’s the slide deck: docs.google.com/presentation/d….

Thanks, @jefbinomed for having me! twitter.com/ptibulle/statu…

via Twitter for iPhone

@Paul_Kinlan @fabricedesre @cwilso @johnwilander @denladeside @kennethrohde Huge +1 for one sole place to go for web docs: @MozDevNet.
There’s massive room for UI innovation:
Want an MDN of just multiple-implementation APIs? Check this box.
Want an MDN

via Twitter for iPhone in reply to Paul_Kinlan

@simevidas Wow, this was almost driving me mad, but I found the culprit: github.com/GoogleChrome/w…. Thanks for reporting this!

via Twitter Web App in reply to simevidas

@pbakaus Tweaked it a little for improved browser compatibility: codepen.io/tomayac/pen/KK….

via Twitter Web App in reply to tomayac

@pbakaus (Lacks a `playsinline` attribute for iOS.) Tip: consider using the `requestVideoFrameCallback()` method as a progressive enhancement: web.dev/requestvideofr….

via Echofon in reply to pbakaus

addyosmani AVIF is an image format that compresses to a smaller size than WebP or JPEG bit.ly/avif-pe It’s in Chrome 85, behind a flag in Firefox & can be a progressive enhancement! pic.twitter.com/jqADQK6jTd

via Twitter Web App (retweeted on 11:54 AM, Aug 24th, 2020 via Echofon)

HexEd.it šŸ’» is a browser-based Hex editor. As of v2020.08.21 it now uses the Native File System API! šŸŽ‰

via Twitter Web App

@Xowap It’s meant to be unobservable by the page. Please see web.dev/text-fragments… for details.

via Twitter for iPhone in reply to Xowap

@simonw Please see web.dev/text-fragments… for the privacy implications and web.dev/text-fragments… for web search use in the case of Google. Happy to answer additional questions.

via Twitter for iPhone in reply to simonw

@LeaVerou You can read about the privacy implications and the feature per se in the official article: web.dev/text-fragments…. We offer an extension for Chrome, Edge, and Firefox: github.com/GoogleChromeLa….

via Twitter for iPhone in reply to LeaVerou

@simevidas I hate how this sometimes opens the “compose reply” view and sometimes toggles the conversation thread. I still get it wrong sometimes (I’m on the twttr Test Flight version to be fair, so they may be experimenting with the experience).

via Echofon in reply to simevidas

@ecbos_ Browsing Prezi at least… šŸ˜†

via Echofon in reply to ecbos_

schoraria911 Reminds me of the recent publication by @tomayac that I’d stumbled upon while doing some research for work.

Instantly fell in love with the intro 🤩

static.googleusercontent.com/media/research… twitter.com/williamlohse/s… pic.twitter.com/OZZ0hdajGf

via Twitter for iPhone (retweeted on 9:27 PM, Aug 22nd, 2020 via Twitter for iPhone)

@johnwilander @Paul_Kinlan @denladeside @kennethrohde Sounds like a chicken and egg problem to me, though. I’m more for aggressive warning in the platform docs that something is an experimental feature that might change, go away, or not get implemented

via Twitter for iPhone in reply to johnwilander

@johnwilander @Paul_Kinlan @denladeside @kennethrohde Think, for example, the Web Share API. It started in one browser, but now has multi-engine support: caniuse.com/#feat=web-share (use the “Date relative” view). Maybe it wasn’t a Web Standard in its b

via Echofon in reply to johnwilander

An Update on MDN Web Docs: “The other areas we have had to scale back on staffing and programs include: Mozilla developer programs, developer events and advocacy, and our MDN tech writing.” šŸ˜” hacks.mozilla.org/2020/08/an-upd…

via Twitter for iPhone

@canofsleep @sayhello @ChromiumDev Another user reports a similar performance issue in github.com/WICG/native-fi…, albeit they’re not using the new API, but the legacy method. Maybe the underlying implementation is the same? @sayhello might know more.

via Twitter Web App in reply to canofsleep

@kristoferbaxter @robwormald @nomadtechie Holy… 🄺 Hope this ends well! Al the best!

via Echofon in reply to kristoferbaxter

Vincent_Scheib FranƧois Beaufort created getDevices and watchAdvertisements samples: googlechrome.github.io/samples/web-bl… (these APIs still behind a flag, hopeful to ship soon)

via Twitter Web App (retweeted on 1:16 PM, Aug 21st, 2020 via Echofon)

@SamsungDE Zu spƤt, habe schon bestellt. Bestellnummer DE162604352. Vielleicht kƶnnt ihr da ja noch was machen?

via Twitter for iPhone in reply to SamsungDE

@notameadow If you want to create this magic šŸ”® yourself, there’s a browser extension for doing that: github.com/GoogleChromeLa….

via Twitter for iPhone in reply to notameadow

@LinuxLiaison @notameadow It’s a little more complex when the string isn’t unique. See the article for details: web.dev/text-fragments/.

via Twitter for iPhone in reply to LinuxLiaison

@jieorlin @ChromiumDev As far as I can tell this is out of scope for the moment, since the focus really is on locally installed fonts. You can, of course, always ask: github.com/WICG/local-fon….

via Twitter Web App in reply to jieorlin

@jieorlin @ChromiumDev No, this is only possible for local fonts.

via Twitter Web App in reply to jieorlin

You may have heard of Blink’s launch process, or seen a tweet where I celebrate some API getting “3 LGTMs” (chromium.org/blink/launchin…).

Did you know that asking @webkit & @mozilla for their opinion is an obligatory step of the process? Documented here: docs.google.com/document/d/1xk…

via Twitter Web App

@SamsungDE Ich bestelle den 65” QLED 4K Q70T (2020) (samsung.com/de/tvs/qled-q7…) für 1.279,00 EUR und @Citi meint, die Bestellung sei ein Betrugsversuch und verweigert den Auftrag. Ich sage Citi, alles sei gut und bestelle von Neuem. Überraschung, neuer Prpic.twitter.com/bI3TuJsrUf

via Twitter Web App

If you wonder why @googlechrome’s Project Fugu 🐔 team works on—for many pure Web folks seemingly, but acknowledgedly, weird—APIs like Web Serialwicg.github.io/serial/eA), rea@HenrikJoretegeg’s statement of supportgithub.com/mozilla/standa…cI. This. S

via Twitter Web App

@JecelynYeen @ChromeDevTools - Hey! Get back to work!
- Waiting for Idle Detection to kick in.
- Oh. Carry on.

xkcd.com/303/

via Twitter Web App in reply to JecelynYeen

sayhello Great to see this article come out. We’re still working on this API. Feel free to ping if you have questions! twitter.com/ChromiumDev/st…

via Twitter Web App (retweeted on 12:25 AM, Aug 21st, 2020 via Echofon)

ChromiumDev šŸ“ Use advanced typography with local fonts!

šŸ‘‰ web.dev/local-fonts/

Learn how the experimental Local Font Access API (behind a flag 🚩) allows for accessing the user’s locally installed fonts and obtain low-level data about them.

New article by @tomayac.

via TweetDeck (retweeted on 8:15 PM, Aug 20th, 2020 via Twitter for iPhone)

@othermaciej šŸ˜‚ I do the same, but for the ellipsis (…) character on any other platform than {mac,i,iPad}OS, and I even wrote an article on how to type itblog.tomayac.com/2011/09/07/gen…iDLn.

via Echofon in reply to othermaciej

kornelski AVIF image format is coming to Chrome next week! (and is behind a flag in Firefox)

• compresses much better than WebP, JPEG, J2K, JXR and everything else on the Web,
• royalty-free,
• AVIF supports lossy & lossless, alpha, wide-gamut color, HDR, 12-bit color, and lots more.

via Twitter Web App (retweeted on 8:27 AM, Aug 20th, 2020 via Echofon)

jensimmons You know how leading always felt kind of broken/weird in web typography? Yeah, that’s because it is. The CSSWG is working on fixing it permanently — specifically@fantasaii with the support of Microsoft Design.

Read about how it will work in the future:medium.com/microsoft-desi…W

via Twitter Web App (retweeted on 8:13 AM, Aug 20th, 2020 via Echofon)

@tombonnike @caludio Yes, Text Fragment URLs (web.dev/text-fragments/) are here for exactly this use case. The extension is also available for Firefox and Edge by the way: github.com/GoogleChromeLa….

via Twitter for iPhone in reply to tombonnike

sulco tip for today:

Use `repeating-linear-gradient` to draw a grid. pic.twitter.com/aSJH3Et41r

via Twitter Web App (retweeted on 3:31 PM, Aug 19th, 2020 via Echofon)

It’s getting serious: earlier today we sent out an Intent to Ship 🚢 for the Native File System API: groups.google.com/a/chromium.org….
Happy that my library browser-nativefs šŸ’¾ was explicitly mentioned in the “Interoperability and Compatibility” section: github.com/GoogleChromeLa…

via Twitter Web App

@othermaciej @yoavweiss @marcosc @firt Yepp, it’s definitely _heavily_ dominated by Chrome folks.

via Twitter Web App in reply to othermaciej

Deep link: lifehacker.com/our-12-favorit…. On mobile, it’s all on one page, while on desktop, they have a weird slides view…

via Twitter Web App in reply to tomayac

stefanjudis To scratch my own itch and display web-vitals in my never ending website-redesign I published a quick web-vitals custom element. šŸ™ˆšŸŽ‰

github.com/stefanjudis/we…

Video alt: Example showing that after loading the web-vitals-element.js script a `web-vitals` element is available. pic.twitter.com/cDAKjjymEl

via Twitter Web App (retweeted on 11:36 AM, Aug 19th, 2020 via Twitter Web App)

😃 Life hacker has listed the Link to Text Fragment extension as one of their 12 favorite Chrome extensions: lifehacker.com/our-12-favorit…. If you haven’t tried it yet, give it a shot.

via Echofon

@yoavweiss @marcosc @firt # /etc/hosts
# One day you will thank me, son.

66.29.212.110 developer.mozilla.org

via Echofon in reply to yoavweiss

@mhartington @Ionicframework Don’t leave us hanging in there. What was fixed?

via Echofon in reply to mhartington

seaotta Just a few days left to help us gauge developer interest in any of these submissions around web apps/PWAs from @webwewantfyi by taking this survey:

aka.ms/www-web-apps

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

@jensimmons Art direction with dark mode is one of my favorites. The WebKit docs indeed are a brilliant example! šŸ‘

web.dev/prefers-color-…

via Echofon in reply to jensimmons

@marcosc I’m pretty sure a couple of browser vendors would be very interested in someone like you. I know that’s easily said, and, above all, some/most Mozillans probably also weren’t interested in a change… Hope this all ends well for you and all

via Twitter for iPhone in reply to marcosc

@marcosc I’m currently looking into the mini apps ecosystem for the same reason (legitimate interest). Oh, and sorry, the tweet may have come across as insensitive given recent events. It certainly wasn’t meant that way.

via Twitter for iPhone in reply to marcosc

@marcosc Plan B in case this whole Web thing doesn’t work out? šŸ˜†

via Echofon in reply to marcosc

@hdv Congratulations, Hidde. That’s a nerdy first trace to leave on the Internet :-)

via Echofon in reply to hdv

stefanjudis ā˜• Little morning devsheet: unicode property escapes in JavaScript regular expressions. šŸ™ˆ



šŸ”— Explainer from @mathias: mathiasbynens.be/notes/es-unico…
šŸ”— Explainer from @rauschma: 2ality.com/2017/07/regexp… pic.twitter.com/fdMPCnzrxG

via Twitter Web App (retweeted on 5:38 PM, Aug 18th, 2020 via Echofon)

ChromiumDev Web developers can currently experiment with reading and writing from a serial port.

1ļøāƒ£ Learn more about the Serial API at web.dev/serial/
2ļøāƒ£ Give it a try, enjoy!
3ļøāƒ£ File feedback at github.com/wicg/serial/

web.dev/serial/

via TweetDeck (retweeted on 10:55 AM, Aug 18th, 2020 via Twitter for iPhone)

mbleigh šŸ”„šŸŒŽšŸš€ …now for a fan favorite!

Firebase Hosting now compresses all static content w/ Brotli!

🄦 Processed async post-deploy w/ high settings.
šŸ… We serve smallest available encoding.
šŸ¤ 18% avg. size reduction over gzip!

No docs link this time, just deploy a new version! 😁

via TweetDeck (retweeted on 7:50 AM, Aug 18th, 2020 via Echofon)

ChromiumDev New: “Fast page” labelling highlights great user-experiences on the mobile web using the Core Web Vitals: bit.ly/fast-page pic.twitter.com/6S6OE5lS73

via TweetDeck (retweeted on 10:29 PM, Aug 17th, 2020 via Echofon)

@JohnMu @benmorss @danbri @g33konaut @LilNasX schema.org/BlogPosting has a number of interesting properties like associatedMedia (schema.org/associatedMedia) that might be useful in this context.

via Echofon in reply to JohnMu

andreban Help us shape the future of the Android WebView! If your app uses the WebView, directly or indirectly, the team is interested in your feedback. If you have a few minutes to spare, help us by filling the survey at: docs.google.com/forms/d/e/1FAI….

via Twitter Web App (retweeted on 4:24 PM, Aug 17th, 2020 via Twitter Web App)

@addyosmani @isocroft @mathias Unfortunately not. Here’s Excalidraw’s manifest: excalidraw.com/manifest.json. Add it to the home screen and it works brilliantly. Links to Excalidraw, though, still open as all other links in a browser tab (or webview tab, d

via Echofon in reply to addyosmani

@JavranW It sounds like you want to disable Text Fragment URLs. The sneaky bastards have published a documented way how to do that: web.dev/text-fragments…. Hope this helps!

via Twitter for iPhone in reply to JavranW

@razvancaliman @simevidas Or, at least, can the stores agree on a joint set of acceptable image resolutions? It’s annoying to maintain this: github.com/google/service….

via Echofon in reply to razvancaliman

@canofsleep @sayhello @ChromiumDev This is something that @sayhello might be able to say something about.

via Echofon in reply to canofsleep

@canofsleep @sayhello @ChromiumDev It (and also its successor functions) shows a picker, so by definition it’s blocking.

via Echofon in reply to canofsleep

Periodic Background Sync Explained. Good overview of a powerful Project Fugu 🐔 API. felixgerschau.com/periodic-backg…

via Twitter for iPhone

@canofsleep @sayhello @ChromiumDev This has changed. See github.com/WICG/native-fi… “After (in Chrome M86)” for the difference. Hope this helps!

via Echofon in reply to canofsleep

abraham Unblocking clipboard access by @_developit and @tomayac web.dev/async-clipboar…

via Twitter Web App (retweeted on 10:12 AM, Aug 15th, 2020 via Twitter for iPhone)

@felipehoffa All the best for whatever comes next! I’m curious to see where you end up. Keep posting amazing blog posts, please!

via Echofon in reply to felipehoffa

@SaraSoueidan @Malarkey I’ve mixed feelings about this. As long as it’s just your personal components, whatever works. As soon as you aim for broader adoption, though, cultural background matters. Chemical elements (webcomponents.org/author/Polymer…)? Maybe. Oftwitter.com/matthewovingto…

via Echofon in reply to SaraSoueidan

@rick_viscomi @HTTPArchive I just liked this tweet, which gave it a little hearty icon, but here’s another actual heart ā™„ļø of appreciation! This is so freakin’ cool!

via Twitter for iPhone in reply to rick_viscomi

@HTTPArchive @rick_viscomi No way! Really? We’re creating an actual book šŸ“– from the Almanac contents? Wow, this is going to be the best event (if we ever do them again) swag ever, and a great present for any web developer. šŸ˜†

via Echofon in reply to HTTPArchive

@iandevlin @yatil If only there were a simple tool where professional web developers could paste their HTML code for a validity check…validator.w3.org/nu/#textareaFh
And I say “paste” because professional web developers wouldn’t want to ruin their 50pic.twitter.com/7fiC3kq5u0

via Echofon in reply to iandevlin

keithclarkcouk @partytimeHXLNT @EdgeDevTools @webhintio That’s handy! I’ve created a devtools web extension to help show those problems in a more visual way. It allows devs to simulate how pages render with unsupported CSS features: github.com/keithclark/css…

via Twitter for iPhone (retweeted on 10:55 PM, Aug 14th, 2020 via Echofon)

yoavweiss Fast and efficient brotli recompression using previous compression artifacts: dev.to/riknelix/fast-…

*Amazing* work by @riknelix!! Up to 5.3% smaller files and 38% *faster* compression compared to Brotli 5!

via TweetDeck (retweeted on 2:29 PM, Aug 14th, 2020 via Echofon)

HTTPArchive According to the PWA chapter of the 2019 Web Almanac, @tomayac and @jeffposnick found that 15% of all page loads on the web are controlled by service workers.

šŸ”— almanac.httparchive.org/en/2019/pwa#se… pic.twitter.com/H7T2byc1Co

via Twitter Web App (retweeted on 8:22 AM, Aug 14th, 2020 via Echofon)

streamsstandard Over 5 years since it was first proposed in github.com/whatwg/streams…, transferable stream support has finally landed in the standard! See the explainer github.com/whatwg/streams… for more about why you’d want this.

via TweetDeck (retweeted on 8:15 AM, Aug 14th, 2020 via Echofon)

@stefanjudis +1 for @feedly. Reliably does its job and keeps the read/unread state in sync across Web, Android, and iOS.

via Echofon in reply to stefanjudis

excalidraw In these summer months the heat can be a bit too much. What if we could dial the light down?

Introducing dark mode!

šŸ’• Don’t forget to send some love to @xixixao again!

Try at excalidraw.com pic.twitter.com/H3dOXj1jSv

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

šŸ™‹ Have you ever opened @ChromeDevTools to search the source code of an FAQ page where each answer was hidden in a closed `<details>` tag and “Find in Page” didn’t find your search term?

This is a problem solved by the new `beforematch` event progithub.com/WICG/display-l…twitter.com/intenttoship/s…

via Echofon

@firt @meulemeester Oh, this might need clarification. I tripped over this, too.

via Echofon in reply to firt

@zachleat @digitarald @Netlify @cassidoo @philhawksworth Yeah, straight-forward build config, too. Needs a `<meta name=”generator” content=”vim” />` tag, though.

via Echofon in reply to zachleat

googledevs šŸ›  Building world-class apps starts with the right tools and resources.

Introducing ChromeOS.dev — a fully open-source online destination for the latest news, product updates, insights, and inspiration today’s developers want.

Learn more →goo.gle/3aiae8IDpic.twitter.com/Lw67Tx34DWW

via Sprinklr (retweeted on 12:39 AM, Aug 13th, 2020 via Echofon)

firt Is the Phone Gap closed in 2020? šŸ¤”
firt.dev/phonegap-end/

via Twitter Web App (retweeted on 12:39 AM, Aug 13th, 2020 via Echofon)

ā˜ļø On the future of @MozDevNet: it’s not purely run by Mozilla; there’s actually a Product Advisory Board with members from different industry players (including Google): developer.mozilla.org/en-US/docs/MDN…. @torgo, @w3ctag Co-Chair, has shared reassuring wortwitter.com/torgo/status/1…

via Echofon

@_gsathya Interesting! Is this a recommendation that should go into JavaScript style guides, or something temporary that the team are working on to eventually improve automagically over time, like, say, string concatenation, which originally was faster wh

via Echofon in reply to _gsathya

@ecbos_ Oh, I see. Happy to hear that!Nevertheless, *hug*. It’s going to be a different place with so much talents gone…

via Twitter for iPhone in reply to ecbos_

emilyxxie Urban legend says that Mona Lisa’s eyes follow you as you move around the room. I made an app that actually does that! Here: monalisaeffect.com

Made w/ @TensorFlow + First Order Motion Model pic.twitter.com/qSiKUK45vf

via Twitter Web App (retweeted on 8:03 AM, Aug 12th, 2020 via Echofon)

@digitarald @FirefoxDevTools All the best for whatever comes next! Heartbreaking to hear what’s happening to so many amazing Mozilla people during these tough times.

via Echofon in reply to digitarald

@ecbos_ Hug šŸ¤— and thanks for all the work you have put into Firefox! Hope you end up somewhere else just as meaningful for the Web!

via Echofon in reply to ecbos_

@jensimmons I use it on a regular basis. The annoying thing I run into frequently is that iOS beta devices don’t show up in the menu. I keep a spare iPhone on a stable build around for just this purpose.

via Echofon in reply to jensimmons

@brrian @swrobel @JoannaStern @webkit Looking at mobile.twitter.com/webkit/with_re…, @webkit has been mostly a one way street. Feedback Assistant isn’t known for its responsiveness either. The bug tracker bugs.webkit.org (w/ optional CC:ing of the right pe

via Echofon in reply to brrian

samthor Wherein I stay up late making really average screencast videos—if you’d like to watch me build a tiny notes demo with neat undo/redo features… for seven minutes 😭:youtube.com/watch?v=4nWYR4…8

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

@dewitt @cramforce I never understood some of their, Google lingo, “other bets”. For example, their IoT framework: iot.mozilla.org/framework/.

via Echofon in reply to dewitt

chrisguttandin I wrote an article which shows how the Screen Wake Lock API and scroll events can be used to give your users a little more time to read what’s on the page. media-codings.com/articles/keepi… Many thanks to @tomayac and @niklas_wortmann for reviewing it.

via TweetDeck (retweeted on 6:36 PM, Aug 11th, 2020 via Twitter Web App)

@least_nathan @agl__ Your link is wrong. You just have `#:~:`, but the full syntax is `#:~:text=`. The link works like this: web.dev/text-fragments… (use a service like unshorten.it to unshorten the URL). Instead of creating links manually, juschrome.google.com/webstore/detai…

via Twitter Web App in reply to least_nathan

marcosc The real life impacts of the COVID-19. 250 people are being let go from Mozilla today.

blog.mozilla.org/blog/2020/08/1…

via Twitter for iPhone (retweeted on 4:35 PM, Aug 11th, 2020 via Twitter for iPhone)

Adobe stops the development of PhoneGap and PhoneGap Build, and also stops their investment in Apache Cordova, all citing declined use and grown capabilities of Progressive Web Apps. šŸ‘ blog.phonegap.com/update-for-cus…

via Twitter for iPhone

@hdjirdeh @Google Congratulations, Houssein! So great to have you on the team! šŸŽˆ

via Echofon in reply to hdjirdeh

sw12 Still blows me away what you can do on a web page without plugins. webaudiomodules.org/wamsynths pic.twitter.com/IpnLDIgVaP

via Twitter Web App (retweeted on 11:05 PM, Aug 10th, 2020 via Echofon)

@murmosh If I open your link, it opens at `Other_applications`. If I then select “Pilot”, it creates the link en.wikipedia.org/wiki/Pilot_exp… pointing to this word, with the anchor `Implementation` as the closest anchor. This is a fallback should the text have chweb.dev/text-fragments…pic.twitter.com/eHiyFFyMXD

via Twitter Web App in reply to murmosh

@murmosh I looked into this. A potentially existing element fragment will be overwritten, so it still works: github.com/GoogleChromeLa….

There may be issues with text that changes late, e.g., a Chrome-provided translation.

Extensions can’t run on the Chro

via Twitter Web App in reply to murmosh

@jyasskin Had you taken a statistics class, it might have helped. Maybe. xkcd.com/552/

via Echofon in reply to jyasskin

excalidraw šŸŽ‰ We’ve added arrow binding! šŸŽ‰

We’re still investigating what the best defaults and behavior should be, so let us know below or open a GitHub issue.

Many thanks to @xixixao for the great work! šŸ’•

Try at excalidraw.com pic.twitter.com/cPkEB4szcS

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

@fvsch Not sure how you read that into the post. The example is that you might be interested in the SVG source code in some cases, and in the actual image in others.

via Twitter for iPhone in reply to fvsch

justinschuh @noopkat @KevanMander It’s a Google developed extension, and very minimally permissioned (just activeTab and clipboardWrite—meaning no ambient site permission). So, in this case I think it’s fair to frame it as not really demanding any additional trust.chrome.google.com/webstore/detai…B

via Twitter Web App (retweeted on 10:52 AM, Aug 8th, 2020 via Twitter for iPhone)

@Paul_Kinlan @justinschuh @noopkat @KevanMander (Biased) Apart from minimum permissions, having a non-persistent background page, and only injecting the content script “as needed”, the extension is open-source: github.com/GoogleChromeLa…. Most bookmarkletwitter.com/tomayac/status…

via Echofon in reply to Paul_Kinlan

swyx Wonderful 10min talk from @samthor on building Applike UX on the web:

- Native Undo/Redo that works on mobile
- Customizing Select All
- Controlling app overflow like @excalidraw and Gmail
- Using native Drag & Drop

youtu.be/uuKBqHDnJ2k

via Twitter Web App (retweeted on 10:12 AM, Aug 8th, 2020 via Echofon)

@danbri @aaranged That’s easy:

“`html
<html>
<body>
<div id=”app”></div>
<script type=”module”
src=”main-lol4MB.js”>
</script>
<script type=”module”
src=”vendor-LOL6mb.js”>
</script>
</body>
</html>
“`

via Echofon in reply to danbri

@koreaerok @tiny_wings_ There is a known limitation with JavaScript-based redirects, as used by Twitter. Track bugs.chromium.org/p/chromium/iss… for progress. Also check out web.dev/text-fragments/ for more details.

via Twitter for iPhone in reply to koreaerok

“American teen girls were not exactly an audience Alex and Louis [the founders of musical.ly] really understood.”¹

¹”To be fair, most American parents would argue they don’t understand their teenage daughters either.”

eugenewei.com/blog/2020/8/3/…

via Twitter Web App

bcmerchant This is such a perfect example of modern innovation in action — wireless charging, which saves us like 0.001 seconds every time we plug in our phones, uses up to *50% more energy*.

Nearly imperceptible convenience, at massive social cost
onezero.medium.com/wireless-charg…u

via Twitter Web App (retweeted on 10:31 PM, Aug 6th, 2020 via Echofon)

@jaffathecake Paging @natfriedman. Could you have someone fix the diff viewer for those file types, please? Oh, and pull out of ICE, too. That’d be great.

via Twitter for iPhone in reply to jaffathecake

@halfak @bhecht @jteevan @Wikimedia Congratulations, Aaron, on landing this new gig! All the best!

via Echofon in reply to halfak

@kennethrohde @Una @melaniersumner `content-visibility: hidden-matchable`: github.com/WICG/display-l…. As someone who repeatedly has used DevTools for full text search on pages with hidden sections, I’m very much looking forward to this landing!

via Echofon in reply to kennethrohde

Announcing the Expansion of the Clean Network to Safeguard America’s Assets - United States Department of State state.gov/announcing-the… “PRC apps threaten our privacy, proliferate viruses, and spread propaganda and disinformation.” What a statement.

via Echofon

jeffposnick c-r-a v4 opens the door to customization of your service worker, with the switch to @workboxjs’s InjectManifest web plugin.

There are some preliminary details at github.com/facebook/creat… and starer templates at github.com/cra-template/p…

twitter.com/iansu/status/1…

via Twitter Web App (retweeted on 9:51 PM, Aug 6th, 2020 via Echofon)

@ericwbailey @briankardell It has now :-) You can assign your preferred keyboard shortcut in the chrome://extensions settings.

via Twitter for iPhone in reply to ericwbailey

Exposure Notification: xkcd.com/2342/ Hooray for adding dark mode! 🤣

via Twitter Web App

šŸ’» The Realms proposal provides a new mechanism to execute JavaScript code within the context of a new global object and set of JS built-ins. Realms are a distinct global environment, with its own global object containing its own intrinsics and built-ingithub.com/tc39/proposal-…

via Twitter Web App

@RReverser Just get Authy, it syncs your accounts across different devices and has apps for all platforms. Never depend on one phone! authy.com Here’s some more background: authy.com/blog/authy-vs-….

via Echofon in reply to RReverser

argyleink native EyeDropper API?!
VisBug is down!

šŸ“ƒ read more github.com/MicrosoftEdge/… pic.twitter.com/v0PVCW0alI

via Twitter Web App (retweeted on 12:09 AM, Aug 6th, 2020 via Echofon)

@danbri @martinbean @otherJackson Happy I dug down the thread until the end. This is a great tweet that explains a lot. I was about to suggest schema.org/docs/extension…, but given the new context I just learned I don’t need to. 😃

via Echofon in reply to danbri

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