Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

June 2020

othermaciej Bumping this. It’s a lot of insight into Apple’s thinking about the web platform. twitter.com/othermaciej/st…

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

Massive thanks to @romboutv for the new Link to Text Fragment extension icon. ⤵️ twitter.com/romboutv/statu…

via Twitter for iPhone

🧑‍💻 How good IDEs help you do the right thing, by @codepo8: christianheilmann.com/2020/06/30/how…. VS Code and its plugin ecosystem really have been changing the way I develop.

via Echofon

jaffathecake bundlers.tooling.report

We put the most popular build tools through their paces to find out what they’re good at, and what could be improved.

We’ve been talking to tool maintainers about this for a while now, so some of the issues are almost fixed 🎉

via Twitter Web App (retweeted on 1:56 PM, Jun 30th, 2020 via Echofon)

@othermaciej @reillyeon @firt @jensimmons Fair remark. In this context it was simply an observation, though. FWIW, I’ve just put the feature request in here: bugs.webkit.org/show_bug.cgi?i….

via Twitter for iPhone in reply to othermaciej

📢 Quick reminder that web.dev/live/ is happening the next 3 days. A free online event, each day friendly for another time zone 🌎 🌍 🌏, featuring talks on PWA, site speed, tooling,… I’ll present on Project Fugu 🐡 and Progressiveweb.dev/live/#progress…

via Echofon

adamdehaven Great write up on CSS “prefers-color-scheme” and how to/why you might choose to use it by @tomayac 🎉 web.dev/prefers-color-…

via Twitter for Android (retweeted on 9:04 AM, Jun 30th, 2020 via Echofon)

@othermaciej @reillyeon @firt Another API that’s fortunately missing from the “naughty list” (Is that the official name now?) is the 💾 Native File System API. It enables apps à la excalidraw.com. I hope it’s not an oversight. If it wa

via Echofon in reply to othermaciej

The Async Clipboard API in @webkit: webkit.org/blog/10855/asy…. 📋

via Echofon

Sign-in form best practices, by ⁦@sw12⁩. Favorites: Be sure to make your password rules transparent and add a “show password” feature.💡 web.dev/sign-in-form-b…

via Twitter for iPhone

ChromiumDev 🧪 Start experimenting with a new way to access browser and device data with User-Agent Client Hints. Available in Chrome 84 beta now!
web.dev/user-agent-cli…

via TweetDeck (retweeted on 11:59 PM, Jun 29th, 2020 via Echofon)

@mhartington Love how many of the UI best practices of web.dev/app-like-pwas/… this implements. Great work. 👏

via Echofon in reply to mhartington

@wesbos @SaraSoueidan The marketing is great and they’ve definitely created a hype. Will I pay $99 for it to start fresh, tell everyone about my new email, and set up tons of backup emails again? Probably no. It’s a cool tech demo, though. For anothermedium.com/elemefe/upgrad…

via Echofon in reply to wesbos

@html5test @voxpelli @firt They emphasized *in part* in the blog post, so yeah, fingerprinting was an argument in not implementing, but not the only one.

via Echofon in reply to html5test

@rowan_m I could also page your manager and mention that some of their reportees reports spare cycles. But you wouldn’t want me to do that, would you? /me pets cat.

via Twitter for iPhone in reply to rowan_m

If you want to test-drive this yourself, here’s the new branch: github.com/google/service….

via Twitter Web App in reply to tomayac

Sneak preview of the 👷‍♀️ Service Worker Detector extension (github.com/google/service…) working in Safari Technology Preview 109.

(Thanks, @xeenon, for the handholding in getting this up and running). pic.twitter.com/eg3sLkldTq

via Twitter Web App

@campuscodi @ZDNet The article lacks the source. This is the missing link for where you write “Apple said”: webkit.org/tracking-preve….

via Twitter Web App in reply to campuscodi

@xeenon 🎉 Thank you so much for the help! Greatly appreciated! It all worked fine now. pic.twitter.com/rqgFvQb2NC

via Twitter Web App in reply to xeenon

@xeenon It’s probably the same thing with the missing references. I need to recreate the project. Be right back.

via Twitter for iPhone in reply to xeenon

@xeenon Ah, I see. That’s the kind of thing I meant. Xcode n00b here, sorry. Let me try to fix my project then.

via Twitter for iPhone in reply to xeenon

@xeenon Another small thing I ran into: inspecting a popup window only works if you set Web Inspector to open in a new separate window. It shows a white screen when run docked.

via Twitter for iPhone in reply to xeenon

@xeenon This is from my `popup.html` file, note the highlighted parts. pic.twitter.com/Q0HKPGhlEQ

via Twitter Web App in reply to xeenon

@xeenon Awesome, this was it. It seems there’re some issues with resolving relative paths. If I load everything from `/` it works. pic.twitter.com/RGCTpX1ebj

via Twitter Web App in reply to xeenon

@xeenon Woohoo, managed to build an extension by creating a fresh extension via the wizard and then replacing the Resources.
Now I get `[Error] Failed to load resource: The operation couldn’t be completed. (Cocoa error -1000.)` in my popup.js. How do I

via Twitter Web App in reply to xeenon

@xeenon I’ll give it a try as soon as I can. Unfortunately can’t install a beta build myself on my corp. MacBook.

via Twitter for iPhone in reply to xeenon

@xeenon My suggestion would be to have the documentation be cross-read by someone who never touched Xcode and any of the App Store publication process.

via Twitter for iPhone in reply to tomayac

@xeenon Thanks for the clarification. As many developers, I won’t start from scratch, but try to convert an existing extension. But good to know starting fresh is supported now on Catalina.
FWIW, I hope not to run into native issues like with the old Edblog.tomayac.com/2018/07/19/sub…

via Twitter for iPhone in reply to xeenon

🗣 PSA: If you want to play with Safari Web extensions (developer.apple.com/documentation/…), you need(!) to be on macOS Big Sur. I tried installing Xcode 12 beta on Catalina, switched to it, installed STP 109, and it still wouldn’t work. Confirmed by @xeenon: developer.apple.com/forums/thread/…

via Twitter Web App

@nomsternom @webkit @ChromiumDev Yes, prompting isn’t the universal answer. I still think a mix of granting _some_ permissions on install and ad-hoc _grouped_ prompting for others could work, all while “forgetting” granted permissions after a certai

via Twitter for iPhone in reply to nomsternom

“They [@npmjs] realized it after the fact [of firing five engineers] that they let all the black people go”.-@nomadtechiee
I don’t have details, follow Amal instead. ⤵️twitter.com/nomadtechie/st…O

via Echofon

@webkit’s first line of defense against fingerprinting is to not implement web features which increase fingerprintability and offer no safe way to protect the user. Here are some examples of features we have decided to not implement […]:webkit.org/tracking-preve…

via Twitter Web App

@kennethrohde Was literally about to suggest that. He uses a third party library for the emoji metadata. Also, he’s active on Mastodon: toot.cafe/@nolan/1044224….

via Twitter for iPhone in reply to kennethrohde

Wow 🤩, a brilliant emoji picker custom element by Nolan Lawson:

Blog post: nolanlawson.com/2020/06/28/int…

Code: github.com/nolanlawson/em…

Demo: nolanlawson.github.io/emoji-picker-e…

Bonus points for native dark mode support and all the thinking that went into making sure

via Echofon

@jho_crypto Your demo seems to work fine here on my Android Chrome 83, but if you encounter an issue, feel free to file a new.crbug.com. Thanks!

via Twitter Web App in reply to jho_crypto

@jho_crypto Yepp, happy this tip helped. 😃 If you want to (or can) share what you’re working on, I’d be curious to have a look.

via Twitter for iPhone in reply to jho_crypto

@firt Yes, I was more focusing on what this entitlement entitles you to do. Service workers, caching,… maybe even something else?

via Twitter for iPhone in reply to firt

Improving HTTP with structured header fields, by @mnot: fastly.com/blog/improve-h….

via Echofon

@nekrtemplar @firt FWIW, I looked into Facebook’s Android WebView, which is marked as debuggable now: blog.tomayac.com/2019/12/09/ins…. It seemed clean when I tested, at least when it comes to injected JavaScript.

via Echofon in reply to nekrtemplar

@firt Great digging, thanks. Only catching up now. Weird that the blog post wouldn’t mention service workers. Also still no details on the com.apple.developer.web-browser entitlement. Altogether sounds like a promising step in the right di

via Echofon in reply to firt

@_alastair @firt @othermaciej The big question mark are still the entitlement details: nothing much to be found right now apart from the @webkit blog post and @firt’s thread: google.com/search?q=%22en…. The entitlements documentation still doesn’t mentiodeveloper.apple.com/documentation/…

via Echofon in reply to _alastair

johnwilander App-bound domains – a new way to restrict potentially privacy-invasive WebView APIs to web content from a specific set of domains while protecting the rest of the webwebkit.org/blog/10882/app…qX This post also provides details for how to enable the new ITP setting in WKWebView.

via Twitter Web App (retweeted on 11:34 AM, Jun 27th, 2020 via Echofon)

@jho_crypto The API was renamed: github.com/WICG/video-rvf…. You can’t really get frame-accuracy, but check the presentationTime in the metadata: wicg.github.io/video-rvfc/#do…

via Twitter for iPhone in reply to jho_crypto

ChromeDevTools Yup. And of course this live preview also works with named capture groups! twitter.com/HenrikJoreteg/… pic.twitter.com/KUy8TJ00aI

via Twitter Web App (retweeted on 5:42 PM, Jun 26th, 2020 via Echofon)

HenrikJoreteg stub out an empty regex and tack on the `.exec()` with a string you’re parsing and *then* start working on creating your regex in @ChromeDevTools.

The as-you-type auto evaluation is so much nicer than manually running it each time. pic.twitter.com/6m8icgmG7Z

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

@othermaciej @firt @bradeeoh No worries, if it doesn’t happen in the context of , looking forward to reading/seeing the announcement elsewhere then. This is going to be big. 😆

via Echofon in reply to othermaciej

Justinwillis96 HUGE release today for @pwabuilder . So much goodness in this release that I think yall are really going to enjoy. Make sure you check out the blog post medium.com/pwabuilder/hel… to learn more and get some updates on our future work! twitter.com/pwabuilder/sta…

via Twitter Web App (retweeted on 2:06 AM, Jun 26th, 2020 via Echofon)

@pwabuilder Yuck. It’s Fugu, and the emoji is 🐡. Apart from that: congratulations on the release! 🎈

via Echofon in reply to pwabuilder

ChromiumDev 📲 New quality criteria for PWAs using Trusted Web Activity

In a native app, a render blocking error would be an exception. Chrome 86 will integrate critical web application errors into native app exceptions and Android Vitals.

Learn more → blog.chromium.org/2020/06/change…

via TweetDeck (retweeted on 1:59 AM, Jun 26th, 2020 via Echofon)

rmondello There’s a new STP out with the new features from Safari 14! It includes Privacy Report, PIN entry and account selection on external FIDO2 security keys, and a lot more! (New icon for macOS Big Sur, too.)

These release notes are super worth reading: webkit.org/blog/10875/rel… pic.twitter.com/PfYAwlrHOG

via Twitter for Mac (retweeted on 1:59 AM, Jun 26th, 2020 via Echofon)

@othermaciej Did I miss the service worker entitlement bit in @bradeeoh’s talk? It is late here and I therefore watched at 1.5×, but I don’t think I saw it get mentioned.

via Echofon in reply to othermaciej

What’s New In DevTools (Chrome 85): developers.google.com/web/updates/20…. Especially happy about the consistent display of the Computed tab in the Elements panel. I always got confused by this. Thanks for the fix!

via Twitter Web App

@iandevlin @SaraSoueidan @Not_Woods As a (maybe semantically cleaner alternative) I’d use the `oncuechange` event (developer.mozilla.org/en-US/docs/Web…) together with `<audio>` and render the captions manually.

via Twitter Web App in reply to iandevlin

Hi @MSEdgeDev users 👋! You can now install the Link to Text Fragments extension directly from the @MicrosoftStore: microsoftedge.microsoft.com/addons/detail/…. For more background on 🔗 Text Fragments, check out my article web.dev/text-fragments/.

via Twitter Web App

@romboutv Fantastic! If you don’t mind, could you send all four icons? There’s the extension icon per se, but then also the context menu icon. They don’t have to be the same. Thanks 🤩!

via Twitter for iPhone in reply to romboutv

@romboutv English isn’t my first language, but to me it sounded concise and understandable. No one complained during the code review.

via Twitter for iPhone in reply to romboutv

@romboutv Thanks so much for getting back! If you could produce SVGs, that would work for me. 😊

via Twitter for iPhone in reply to romboutv

jeremyburge iOS 14 beta has a banner to confirm when you paste from another device (eg copy on a Mac and paste on iPhone)

Seems to be bugging out and showing with every keystroke in TikTok pic.twitter.com/aFKNfZnpyb

via Twitter for iPhone (retweeted on 12:50 AM, Jun 25th, 2020 via Echofon)

@jensimmons For most images I just run ImageOptim.com. For rare custom tweaks I use squoosh.app.

via Echofon in reply to jensimmons

@firt It’s definitely a practice thing, but it’s also an equipment 🎙🎥💡💻 thing. Actually more so than I thought it was.

via Twitter for iPhone in reply to firt

@othermaciej @pes10k @johnwilander Intrigued! Any pointers as to what browsers I should install now to test it?

via Twitter for iPhone in reply to othermaciej

@othermaciej @mikewest @yoavweiss Hehe, yeah, future lies… Chrome is heavily GREASE’ing already. It broke (and still breaks) a couple of pages I’ve been told.

via Twitter for iPhone in reply to othermaciej

@othermaciej @pes10k @johnwilander Just to be sure, the browser selection setting isn’t contained in Beta 1 yet, is it? Will it be launched for iOS apart from iPadOS?

via Echofon in reply to othermaciej

@othermaciej I assume you have seen `sec-ch-ua` wicg.github.io/ua-client-hint… by @mikewest and @yoavweiss. But then alternatively, maybe we should just keep current UA strings around for the LOLs…

via Echofon in reply to othermaciej

@firt I assure you as a speaker it’s way harder to record these teleprompter videos without any audience reaction than it is to speak to a room full of people. Probably we all want to go back to regular conference talks. We all did our best for web.dev/live/

via Echofon in reply to firt

@firt The person you probably wanted to mention is (@)jonathandavis.

via Echofon in reply to firt

If Feature Policy were to include an integration for the Async Clipboard API, the iframe’d demo in my blog post blog.tomayac.com/2020/03/20/mul… would finally work. 🤞 Prototyping is hopefully starting soon: ⤵️ twitter.com/intenttoship/s…

via Echofon

@jonathandavis Great talk and great additions! 👏
Quick question: as a media feature, should it be `window.matchMedia(“(dynamic-range: high)”).matches` maybe (that is , added parentheses and `.matches`? Not 100% sure, but I think the parentheses are neepic.twitter.com/oWt4B1mLr7

via Twitter for iPhone in reply to jonathandavis

rmondello You know how your banking app re-signs you in with Face ID or Touch ID, instead of making you repeatedly sign in with a password and 2FA? You can now build that experience into your websites using Apple’s new Web Authentication platform authenticator. developer.apple.com/videos/play/ww…

via Twitter for Mac (retweeted on 11:55 PM, Jun 24th, 2020 via Echofon)

othermaciej Are you a web developer? Want to learn what’s new in Safari 14 (and in some of the Safari 13.x updates)? Check out this WWDC session, appropriately titled “What’s new for web developers”.

Small spoiler: WebP. But lots of other stuff too!

developer.apple.com/videos/play/ww…

via Twittimer (retweeted on 11:47 PM, Jun 24th, 2020 via Echofon)

jaffathecake Chrome is putting together an experimental implementation of upload streams, so you can start sending data to the server before you have the whole request body.

I’ll get some docs and demos together, but in the meantime, is this useful to you? What would you use it for? pic.twitter.com/iNZzY1qiFd

via Twitter Web App (retweeted on 10:41 PM, Jun 24th, 2020 via Echofon)

@nomsternom @slightlylate Nit: this is not about extending the “Text Fragment directive”, but would introduce a new “UI State Fragment directive”. Fragment directive is a general concept: web.dev/text-fragments….

via Twitter Web App in reply to nomsternom

@HCornflower @robertnyman @petele I have commented on the bug: bugs.chromium.org/p/chromium/iss….
For the second part of your tweet, please keep it professional.

via Twitter Web App in reply to HCornflower

@cemper @martinibuster @CyrusShepard @Marie_Haynes Chrome Web Store is blocked for any Chrome extensions for security reasons. Else, an extension could change the store listings and, for example, fake paid extensions or modify a competitor’s rating, etc

via Twitter for iPhone in reply to cemper

@cemper @martinibuster @CyrusShepard @Marie_Haynes It might end up in the browser if user uptake is satisfactory.

via Twitter for iPhone in reply to cemper

@VorticonCmdr @SimoAhava @defaced @KiwiAlec “It is meant to avoid direct interaction with author script, so that future user agent instructions can be added without fear of introducing breaking changes to existing content.”-web.dev/text-fragments…V

via Twitter for iPhone in reply to VorticonCmdr

@ChromiumDev For people reading this without the extension installed, the second “for” can be linked to with this link: example.com/#:~:text=askin….

via Twitter Web App in reply to tomayac

@othermaciej @dhh @basecamp 🤔 Hmm, looking at the code, it’s neither using a service worker nor a web app manifest. Home (app.hey.com) loads properly, but every navigation to an email (like app.hey.com/topics/123456) opens in the in-app brows

via Twitter Web App in reply to tomayac

@othermaciej @dhh @basecamp My first guess for where to look would be the scope of the Web App Manifest. Need to get debugging.

via Echofon in reply to othermaciej

@SaraSoueidan @Not_Woods Absolutely: “The HTML <track> element is used as a child of the media elements <audio> and <video>.”-developer.mozilla.org/en-US/docs/Web…V

via Echofon in reply to SaraSoueidan

On iOS 14, `WKWebView` will get service worker support. 🎉 This means all third-party browsers like @googlechrome for iOS or @firefox for iOS will have access to this powerful API! It’s still the @webkit engine under the hood, not Blink or Gecko. twitter.com/othermaciej/st…

via Echofon

@hashseed @DasSurma @kosamari @addyosmani It was probably one of his asks that you do that.

via Echofon in reply to hashseed

This is super exciting: Temporal, a proposal to fix date and time calculations in JavaScript: blogs.igalia.com/compilers/2020…. 🗓 ⏰ twitter.com/therealptomato…

via Echofon

slightlylate Do you maintain a client-side router? Would love your thoughts on some early ideas to improve history and navigation APIs:

github.com/slightlyoff/hi…

via TweetDeck (retweeted on 12:27 AM, Jun 24th, 2020 via Echofon)

bradeeoh The video for “One-tap account security upgrades” is live!

Watch, come up with questions, and ask us in labs or the developer forums!

developer.apple.com/videos/play/ww…

via Twitter Web App (retweeted on 12:23 AM, Jun 24th, 2020 via Echofon)

bradeeoh The video for “Meet Safari Web Extensions” is live!

Watch, come up with questions, and ask us in labs or the developer forums!

developer.apple.com/videos/play/ww…

via Twitter Web App (retweeted on 12:23 AM, Jun 24th, 2020 via Echofon)

Ironically the previous ReTweet (twitter.com/argyleink/stat…) talked about setting a flag, but a little more mature but still bleeding edge features (think Project Fugu 🐡 features) are available as an Origin Trial. Read @sw12’s article if you’re new totwitter.com/ChromiumDev/st…

via Echofon

@RobinatRibit @mattgsouthern No double-coding required. Open this link example.com/#:~:text=for in a non-Chrome browser and compare with this one example.com. Now try in Chrome. Both work, just the one is a “more precise” link than the othe

via Twitter for iPhone in reply to RobinatRibit

argyleink `@Media (prefers-reduced-data)` is now available to prototype with 🎉

Find it in Chrome Canary behind chrome://flags/-experimental-web-platform-features

For now it only works with Chrome Lite mode, but the plan is to sync with all OS’s: bugs.chromium.org/p/chromium/iss… pic.twitter.com/07GOGTX2QJ

via Twitter Web App (retweeted on 12:14 AM, Jun 24th, 2020 via Echofon)

@HenrikJoreteg @slightlylate @n8Schloss As I wrote, needs localization 😆.
Inget illa menat.

via Twitter for iPhone in reply to HenrikJoreteg

@slightlylate @n8Schloss @HenrikJoreteg The engine analogy works perfectly fine: you’re getting a Ferrari chassis with a Volvo engine (or whatever local equivalent of an “all solid but not great” car brand).

via Echofon in reply to slightlylate

@n8Schloss @slightlylate @HenrikJoreteg Did anyone testing the Beta actually find out how to change this on the device? I tried on iPhone and iPad, but there’s nothing obvious in Settings.

via Echofon in reply to n8Schloss

Neat, the @EdgeDevTools now can remotely start a screencast on a connected device: docs.microsoft.com/en-us/microsof…. 🎥 📱

via Twitter for iPhone

jaffathecake I’d love to see eased gradients in CSS, but in the meantime, this editor is great larsenwork.com/easing-gradien… pic.twitter.com/BOQWC7XX7y

via Twitter Web App (retweeted on 11:32 PM, Jun 23rd, 2020 via Echofon)

@html5test All our Hue devices show as not-responding in Control Center and in Apple Home, when the Google Home app on the same phone can flawlessly control them. Also, likewise no idea how to setup what shows up and what doesn’t.

via Echofon in reply to html5test

@romboutv Hi 🙋‍♂️. Regarding your design proposals (ibb.co/3mn59j4, ibb.co/ThJZs0B, ibb.co/wNC6F6R, ibb.co/g9DdxKm), I’d be interested in using one of them as the official icon. Would you be open? If so, plea

via Twitter for iPhone

The HEY email PWA is as snappy as it gets and as everyone says it is. The only issue on iOS 14 Beta 1 is that in standalone mode when installed to the home screen each email opens in the in-app browser.
(CC: @dhh @basecamp @othermaciej) pic.twitter.com/LA4mVR64Xl

via Twitter for iPhone

@nic_o_martin @ChromiumDev Better late than never… Sorry! 🙈 Seems like you have figured it outtwitter.com/nic_o_martin/s…QV). In retrospect, was there information missing we could have provided?

via Twitter Web App in reply to nic_o_martin

Coming to an @HTTPArchive near you: a Project Fugu 🐡 report..pic.twitter.com/3O7MFppuOQOQ

via Twitter Web App

@kennethrohde Not Share Target, just the other way round.

via Twitter for iPhone in reply to kennethrohde

🎉 The Web Share (Level 2) API is supported by default in Safari 14 that ships with iOS 14 Beta 1.
Test: tomayac.github.io/pwa-feature-de…
Demo: w3c.github.io/web-share/demo…
Article: web.dev/web-share/ pic.twitter.com/SjQgqvZZWW

via Twitter for iPhone

@xeenon @dethbakin @charlietuna @wensonhsieh Bit of a long shot but I wanted to unearth this specific tweet… We (Google) hear user complaints from users ophotopea.comxu, that start when the app tries to consume 1GB of RAM according to its devtwitter.com/photopeacom/st…

via Twitter Web App in reply to xeenon

@cemper @martinibuster @CyrusShepard @Marie_Haynes ✌️ Buggy as hell extension dev here. Happy to report that v1.1.11 works flawlessly w/ your example: smart.linkresearchtools.com/docs/01-introd…. If you distrust the extension, don’t use it. If you wanna roll your own, ougithub.com/GoogleChromeLa…

via Twitter Web App in reply to cemper

@RobinatRibit @mattgsouthern It’s on a standards track: wicg.github.io/ScrollToTextFr…. Note that Text Fragments links do work in other browsers, simply, the highlighting bit isn’t supported. The extension always also links to the closest element fragment ap

via Echofon in reply to RobinatRibit

slightlylate 1000% better:

“Choice & control over your experience online is important. We’re glad Apple is taking a step toward real user choice & look forward to bringing the best web engine to iOS when allowed.

Until then, make Firefox your default browser on your iPhone/iPad.” twitter.com/slightlylate/s…

via Twitter Web App (retweeted on 9:14 AM, Jun 23rd, 2020 via Echofon)

@jordaust @firefox I came here to say exactly this. @firefox, don’t fool people, this isn’t Gecko 🦎.

via Echofon in reply to jordaust

mnot iOS and macOS Big Sur will support @ietf CAPPORT for captive network detection - developer.apple.com/news/?id=q78sq…

via Twitter Web App (retweeted on 9:08 AM, Jun 23rd, 2020 via Echofon)

xeenon Safari 14 compatibility info for Web Extensions has been added to @MozDevNet. developer.mozilla.org/en-US/docs/Moz…

session about Safari Web Extensions is this week.

Be sure to let us know if there is anything you need that you find missing for your extension. feedbackassistant.apple.com

via Tweetbot for iΟS (retweeted on 10:51 PM, Jun 22nd, 2020 via Echofon)

bradeeoh The Safari and Webkit team has been at work on way more than just those headlining Web Extensions!

Take a look at these sessions of ours throughout the week, including mine on Thursday about some new WKWebView APIs!

developer.apple.com/news/?id=e4u1m…

via Twitter Web App (retweeted on 10:43 PM, Jun 22nd, 2020 via Echofon)

@lukejagodzinski @ChromiumDev You can comment on the Issue and outline your use case to re-trigger the discussion.

via Twitter for iPhone in reply to lukejagodzinski

diegohaz You can keep track of which element has focus on the page using Chrome DevTools. No need to manually log `document.activeElement` all the time. pic.twitter.com/yw8u6VZa6l

via Twitter Web App (retweeted on 6:29 PM, Jun 21st, 2020 via Echofon)

@pazguille @samuelgoto Thanks, it’s on my radar. The fix you sent is collaboration enough… :-) Unlike the article that is on GitHubgithub.com/GoogleChrome/w…S3), the demo is stored on Glitch.

via Twitter for iPhone in reply to pazguille

@lukejagodzinski @ChromiumDev Absolutely! Some discussion about this has started already, subscribe to or comment on github.com/WICG/native-fi… and github.com/WICG/native-fi….

via Twitter Web App in reply to lukejagodzinski

@simevidas They’re called hero images because only true heroes scroll below the fold. On a more serious note, the size requirements are 3200px × 960px: web.dev/handbook/marku…. Maybe missing an art direction media query in between really large and real@rob_dodson

via Echofon in reply to simevidas

@DataChaz @verge If by “app” you mean “extension”, then the answer is yes. The specification is the œuvre of these editors: wicg.github.io/scroll-to-text…. Hope you find it useful!

via Echofon in reply to DataChaz

@Justinwillis96 For inspiration: We just landed github.com/excalidraw/exc… in @excalidraw. The core new feature is “save as” apart from regular “save”, and dialog-less hotkey saving. We could even add auto-save. Still need to make the file handle par

via Echofon in reply to Justinwillis96

@Errioxa @berengueremilio “`js
const selectedText = getSelection().toString();
const newUrl = new URL(location);
newUrl.hash = `:~:text=${encodeURIComponent(selectedText)}`;
“`

⬆️ This code simply takes the currently selected text for the URL, w/o twitter.com/tomayac/status…

via Twitter for iPhone in reply to Errioxa

@Errioxa @berengueremilio ¡Hola! We took a little longer to implement the present extension because we didn’t go with the naive approach (which, to be fair, works perfectly fine in a lot of cases), but always get a unique link. More context: twitter.com/tomayac/status…

via Twitter for iPhone in reply to Errioxa

@pes10k You @brave folks should probably hide or remove the brave://flags/-text-fragment-anchor flag 🚩. Some folks tried toggling it, but it seems to be a no-op. Context: twitter.com/ChromiumDev/st…

via Twitter Web App

@CharlieCroom Here’s the Issue: github.com/twitter/twitte….

(Recall that t.co links don’t work with text fragments due to crbug.com/1055455.)

via Twitter Web App in reply to CharlieCroom

@CharlieCroom Yeah, URL parsing is incredibly hard. Thanks for the pointer to the repo, I’ll just open an Issue there then. Helpful as always, thanks again, Charlie! 👍

via Twitter Web App in reply to CharlieCroom

@CharlieCroom Looks like Twitter’s URL parser needs updating now that Text Fragments URLs are a thing.
The text fragment I meant to share was: `:~:text=Use%20this%20method%20with%20Clients.claim()%20to,client%20and%20all%20other%20active%20clients.`
Issuetwitter.com/tomayac/status…

via Twitter Web App

@ZehEcks @jeffposnick @passle_ @HenrikJoreteg Ah, this is strictly meant to show the states. Gotcha.

via Twitter Web App in reply to ZehEcks

@passle_ @ZehEcks @HenrikJoreteg @slightlylate @jeffposnick (The jovial-davinci-20c5fc.netlify.app/lifecycle link doesn’t seem to work.)

Not sure if you also want to add the `Clients.claim()` step, since it’s are usually meant to be used together with `skipWaiting()`: developer.mozilla.org/en-US/docs/Web…

via Twitter Web App in reply to passle_

@tomcritchlow There were some refinements for Text Fragments in Chrome 84, the version I’m testing on and where your links work reliably every time. Maybe you’re on an earlier version?

via Twitter Web App in reply to tomcritchlow

@KiwiAlec If you find something, please post it on the bug. 😉 Like, honestly.

via Twitter Web App in reply to KiwiAlec

@IrishEagle Thanks for recording this video, very helpful. Good news, I have identified the issue. I’ll have a new version published soon. If you’re interested, this was the problem: github.com/GoogleChromeLa…. 🤦‍♂️

via Twitter Web App in reply to tomayac

@SimoAhava @defaced @KiwiAlec And a pretty cool proof to be quite honest. Let’s see what happens on the bug.

via Twitter for iPhone in reply to SimoAhava

@SimoAhava @defaced @KiwiAlec Nice find. Unfortunately this is probably not intended to be exposed. Filed crbug.com/1096983. Sorry to (potentially, still needs confirmation from engineering) ruin the party.

via Twitter Web App in reply to SimoAhava

@tomcritchlow As suggested in your post, following up here…

First, it doesn’t work on Twitter (detailstwitter.com/tomayac/status…H5).

Second: there’re some security restrictions in placeweb.dev/text-fragments…Fa.

All your examples in your article work wh

via Twitter Web App in reply to tomcritchlow

@timse7 @verge I was also thinking about the good old days of Media Fragments. For annotating, we can definitely use Text Fragments today. Also of interest: the integration with Web Annotations: github.com/WICG/scroll-to….

via Twitter for iPhone in reply to timse7

@JonPorty If this still repros for you, could I ask you to let me know the exact browser version and operating system version you’re using, please?

[For example, I conducted my tests on macOS Version 10.15.5 with Chrome Version 84.0.4147.45 (Official Bui

via Twitter Web App in reply to tomayac

@JonPorty This is working exactly as it should: It’s a long passage, so the extension takes the first couple of words and frames it by the last couple of words:

textStart: The%20extension%20and%20the%20functionality%20it

textEnd: linking%20to%20that%20c

via Twitter Web App in reply to tomayac

@JonPorty As promised getting back. I can’t reproduce the problem, tho. For the exact same passage, the extension created this link: theverge.com/2020/6/18/2129…. The fragment being # 6yZyrd:~:text=The%20extension%20and%20the%20functionality%20it,linking%20to%pic.twitter.com/Zhx1onpGBQ

via Twitter Web App in reply to tomayac

verge Google’s new Chrome extension lets you link directly to specific text on a page theverge.com/2020/6/18/2129… pic.twitter.com/TeQGmrGFCB

via Vox Media (retweeted on 9:20 AM, Jun 19th, 2020 via Twitter Web App)

@othermaciej @jensimmons @jonathandavis @samthor Absolutely, please don’t gate this at the “PWA feature or not?” question. PWAs are just websites: web.dev/app-like-pwas/…. 😃

(⬆️ Can Safari consider supporting Text Fragments, please? lists.webkit.org/pipermail/webk…

via Twitter for iPhone in reply to othermaciej

@othermaciej @jensimmons @jonathandavis @samthor For the 2 examples specifically, Device Memory & Media Capabilities, they’re used to tailor experiences to the devices they’re being enjoyed on. This can be in a PWA. A PWA starts in a browser tab state

via Twitter for iPhone in reply to othermaciej

@johnwilander @othermaciej I wish I could use Purple Safari on iOS, and iPadOS, or—rumor mill—even iPhoneOS20 “one more thing” moment21 can then be all about other browser engines… 🤣

via Echofon in reply to johnwilander

arstechnica Google pushes “text fragment links” with new Chrome extension arstechnica.com/gadgets/2020/0… by @RonAmadeo

via Ars tweetbot (retweeted on 1:41 AM, Jun 19th, 2020 via Twitter Web App)

Refactoring optional chaining into a large codebase: lessons learned, by @LeaVerou: lea.verou.me/2020/06/refact…

via Echofon

@AaronGustafson It might be just me, but the link leads to an error page on your site.

via Echofon in reply to AaronGustafson

@IrishEagle At first sight (only by watching the video) looks like the site doesn’t handle Ajax state restoration well. I’ll check in more detail tomorrow.

via Twitter for iPhone in reply to IrishEagle

@IrishEagle I’ll have a look, if there’re additional details, please let me know. Thanks!

via Twitter for iPhone in reply to IrishEagle

@khan_sikki @ChromiumDev `getUserMedia()` works for apps installed to the home screen, but not yet in WKWebViews.

via Twitter for iPhone in reply to khan_sikki

@HenrikJoreteg Nice, loading v10 that didn’t have native Wake Lock support yet. In the mid term I hope NoSleep.js moves to lazy-loading. Maybe in v12.

via Twitter for iPhone in reply to HenrikJoreteg

@senthil_hi @ChromiumDev Element fragments are set by the website author. Text fragments can be set by anyone. That’s the difference.

via Twitter for iPhone in reply to senthil_hi

JonPorty This is very cool, especially for other journalists who need to link to specific articles to cite their reporting theverge.com/2020/6/18/2129…

via Vox Media (retweeted on 12:46 PM, Jun 18th, 2020 via Twitter Web App)

@JonPorty Thanks for covering this extension on The @verge 😊. The problems with the highlighting not showing you’re hitting are most probably related to redirects: bugs.chromium.org/p/chromium/iss…. If there’s not enough unique context, the extension can’ttwitter.com/tomayac/status…

via Twitter Web App in reply to JonPorty

@FWeinb Feature request: add the Screen Wake Lock API so the screen stays on: web.dev/wakelock/. This little app is a great use case for the Web Bluetooth Scanning API, thank you!

via Twitter Web App in reply to FWeinb

To “see” the app’s Corona exposure announcements, use @FWeinb’s Web Bluetooth app lmkhh.csb.app (Source code: codesandbox.io/s/covid-19-exp…).
twitter.com/FWeinb/status/… pic.twitter.com/TlcbOoPY6q

via Twitter Web App in reply to tomayac

@TypeSong Twitter’s URL redirector “consumes” the user gesture (crbug.com/1055455).
The extension actually adds the closest element fragment “page-42” in your case as a fallback for non-supporting browsers (or situations like the t.co

via Twitter Web App in reply to TypeSong

@spottedmahn If you dig the GitHub commit history you’ll see how long it took me. So many corner cases… Probably still haven’t covered (or even discovered) them all.

via Echofon in reply to spottedmahn

“How to file a good browser bug”, by ⁦@robertnyman⁩ and ⁦@petele⁩. 🧑‍💻 web.dev/how-to-file-a-…

via Twitter for iPhone

juberti Duo group calling now available on the web! Like all Duo calls, group calls support end-to-end encryption, thanks to the new WebRTC Insertable Streams API added in Chrome 83. twitter.com/sanazahari/sta…

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

@othermaciej @jensimmons @jonathandavis @samthor The main context was Web Views, but nevertheless this paper research.google/pubs/pub46739/ has some answers in its introduction. Happy to answer your questions (here, via DM, or reach out to tomac AT my employer D

via Twitter for iPhone in reply to othermaciej

@kamranahmedse There are a couple of bookmarklets and extensions out there that implement what I call the “naive” approach (no offense). The difference is this: twitter.com/tomayac/status….

via Echofon in reply to kamranahmedse

@jensimmons @jonathandavis @samthor We’d also love you to (re-)consider some of the Project Fugu 🐡 APIs: web.dev/fugu-status/.

via Echofon in reply to tomayac

ChromiumDev Times are tough, but we’re still here for you.

Join us for , a series of talks across multiple time zones exploring new approaches to web development with sessions about performance, PWAs, design, security, and more.

Get ready for 3 days of web.dev/live 👇 pic.twitter.com/vWgmT5494y

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

@jensimmons @jonathandavis Thanks for listening. I’ve made a list: medium.com/dev-channel/pr… (search for the string “if you want”).

Also, please make @samthor’s library PWACompat (github.com/GoogleChromeLa…) obsolete, as good as it is.

via Twitter for iPhone in reply to jensimmons

@mrdoob Took a little longer than anticipated, but here we are: twitter.com/chromiumdev/st….

via Twitter Web App in reply to tomayac

@mathias If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to mathias

@rauschma If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to rauschma

@hanbzu If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to hanbzu

@joseph_silber @github If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to joseph_silber

@ThijsNiks If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to ThijsNiks

@aleyda @SaijoGeorge If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to aleyda

@lobsters If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to lobsters

@aro_mdz If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to aro_mdz

@Aussermayr @googlechrome If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to Aussermayr

@golem If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to golem

@FreieWeltEu If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to FreieWeltEu

@KPalmvik If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to KPalmvik

@Mobilfunkcenter If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to Mobilfunkcenter

@sorawee_p If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to sorawee_p

@MAXOUSLLC If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to MAXOUSLLC

@borekb If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to borekb

@anthony_ricaud @nhoizey If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….

via Twitter for iPhone in reply to anthony_ricaud

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