othermaciej Bumping this. It’s a lot of insight into Apple’s thinking about the web platform. twitter.com/othermaciej/st…
@DasSurma @argyleink @_developit @jaffathecake @kosamari @Una This dark mode. 🤩
@imran_ku07 @webkit Please subscribe to this bug: bugs.chromium.org/p/chromium/iss….
Massive thanks to @romboutv for the new Link to Text Fragment extension icon. ⤵️ twitter.com/romboutv/statu…
🧑💻 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.
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 🎉
@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….
📢 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…
adamdehaven Great write up on CSS “prefers-color-scheme” and how to/why you might choose to use it by @tomayac 🎉 #css #design #webdevelopment web.dev/prefers-color-…
@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
@othermaciej @nekrtemplar “Bonus capabilities” 👀?!?
The Async Clipboard API in @webkit: webkit.org/blog/10855/asy…. 📋
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…
@iandevlin @SaraSoueidan Try this invite code: lkrzwlz
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…
@mhartington Love how many of the UI best practices of web.dev/app-like-pwas/… this implements. Great work. 👏
@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…
@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.
@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.
@rowan_m It’s like inbox: zero. youtu.be/gFBLiHpkcOk
If you want to test-drive this yourself, here’s the new branch: github.com/google/service….
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
@campuscodi @ZDNet The article lacks the source. This is the missing link for where you write “Apple said”: webkit.org/tracking-preve….
@xeenon 🎉 Thank you so much for the help! Greatly appreciated! It all worked fine now. pic.twitter.com/rqgFvQb2NC
@xeenon It’s probably the same thing with the missing references. I need to recreate the project. Be right back.
@xeenon Just did. The ID is FB7822308.
@xeenon Ah, I see. That’s the kind of thing I meant. Xcode n00b here, sorry. Let me try to fix my project then.
@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.
@xeenon Race condition :-) Just sent you this: twitter.com/tomayac/status… twitter.com/tomayac/status…
@xeenon This is from my `popup.html` file, note the highlighted parts. pic.twitter.com/Q0HKPGhlEQ
@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
@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
@xeenon I’ll give it a try as soon as I can. Unfortunately can’t install a beta build myself on my corp. MacBook.
@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.
@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…
🗣 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/…
@nomsternom @webkit @ChromiumDev Agreed. What comes to mind are things like github.com/WebKit/explain… and web.dev/trust-tokens/.
@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
“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
“@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…
@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….
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
@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!
@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.
@firt Yes, I was more focusing on what this entitlement entitles you to do. Service workers, caching,… maybe even something else?
Improving HTTP with structured header fields, by @mnot: fastly.com/blog/improve-h….
@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.
@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
@_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/…
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.
@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…
ChromeDevTools Yup. And of course this live preview also works with named capture groups! twitter.com/HenrikJoreteg/… pic.twitter.com/KUy8TJ00aI
HenrikJoreteg #protip 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
@othermaciej @firt @bradeeoh No worries, if it doesn’t happen in the context of #WWDC2020, looking forward to reading/seeing the announcement elsewhere then. This is going to be big. 😆
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…
@pwabuilder Yuck. It’s Fugu, and the emoji is 🐡. Apart from that: congratulations on the release! 🎈
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…
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
@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.
How we contributed Paint Timing API to WebKit techblog.wikimedia.org/2020/06/24/how… pic.twitter.com/GXgnxF7xBc
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!
Old Days 2: xkcd.com/2324/ 😂 #xkcd
@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.
@MSEdgeMissy FYI :-)
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/.
@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 🤩!
@romboutv English isn’t my first language, but to me it sounded concise and understandable. No one complained during the code review.
@romboutv Thanks so much for getting back! If you could produce SVGs, that would work for me. 😊
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
@jensimmons For most images I just run ImageOptim.com. For rare custom tweaks I use squoosh.app.
@firt It’s definitely a practice thing, but it’s also an equipment 🎙🎥💡💻 thing. Actually more so than I thought it was.
@othermaciej @pes10k @johnwilander Intrigued! Any pointers as to what browsers I should install now to test it?
@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.
@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?
@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…
@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/
@firt The person you probably wanted to mention is (@)jonathandavis.
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…
@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
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…
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…
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
@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….
@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.
@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
@cemper @martinibuster @CyrusShepard @Marie_Haynes It might end up in the browser if user uptake is satisfactory.
@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
@ChromiumDev For people reading this without the extension installed, the second “for” can be linked to with this link: example.com/#:~:text=askin….
@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
@othermaciej @dhh @basecamp My first guess for where to look would be the scope of the Web App Manifest. Need to get debugging.
@othermaciej @googlechrome @firefox @webkit Looking forward to learning more.
@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
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…
@hashseed @DasSurma @kosamari @addyosmani It was probably one of his asks that you do that.
This is super exciting: Temporal, a proposal to fix date and time calculations in JavaScript: blogs.igalia.com/compilers/2020…. 🗓 ⏰ twitter.com/therealptomato…
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…
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…
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…
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…
@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
argyleink `@Media (prefers-reduced-data)` is now available to prototype with 🎉
Find it in Chrome Canary behind chrome://flags/#enable-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
@HenrikJoreteg @slightlylate @n8Schloss As I wrote, needs localization 😆.
Inget illa menat.
@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).
@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.
Neat, the @EdgeDevTools now can remotely start a screencast on a connected device: docs.microsoft.com/en-us/microsof…. 🎥 📱
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
@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.
@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
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
@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?
Coming to an @HTTPArchive near you: a Project Fugu 🐡 report..pic.twitter.com/3O7MFppuOQOQ
@kennethrohde Not Share Target, just the other way round.
🎉 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
@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…
@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…
@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
@Dieulot @Mark_Harrell @GregWildSmith @othermaciej I think you misread this. It’s _Navigation_ Preload: developers.google.com/web/updates/20….
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…
@jordaust @firefox I came here to say exactly this. @firefox, don’t fool people, this isn’t Gecko 🦎.
mnot iOS and macOS Big Sur will support @ietf CAPPORT for captive network detection - developer.apple.com/news/?id=q78sq…
xeenon Safari 14 compatibility info for Web Extensions has been added to @MozDevNet. developer.mozilla.org/en-US/docs/Moz…
#WWDC20 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
Safari 14 Beta Release Notes: developer.apple.com/documentation/…. 👏
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…
@lukejagodzinski @ChromiumDev You can comment on the Issue and outline your use case to re-trigger the discussion.
@pazguille @samuelgoto Fixed ✅. Thanks again.
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
@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.
@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….
@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
@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!
@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
@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…
@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…
@pes10k You @brave folks should probably hide or remove the brave://flags/#enable-text-fragment-anchor flag 🚩. Some folks tried toggling it, but it seems to be a no-op. Context: twitter.com/ChromiumDev/st…
@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.)
@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! 👍
@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…
@ZehEcks @jeffposnick @passle_ @HenrikJoreteg Ah, this is strictly meant to show the states. Gotcha.
@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…
@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?
@KiwiAlec If you find something, please post it on the bug. 😉 Like, honestly.
@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…. 🤦♂️
@SimoAhava @defaced @KiwiAlec And a pretty cool proof to be quite honest. Let’s see what happens on the bug.
@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.
@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
@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….
@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
@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
@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
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
@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…
@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
@johnwilander @othermaciej I wish I could use Purple Safari on iOS, and iPadOS, or—rumor mill—even iPhoneOS#WWDC202020 “one more thing” moment#WWDC202121 can then be all about other browser engines… 🤣
arstechnica Google pushes “text fragment links” with new Chrome extension arstechnica.com/gadgets/2020/0… by @RonAmadeo
Refactoring optional chaining into a large codebase: lessons learned, by @LeaVerou: lea.verou.me/2020/06/refact…
@AaronGustafson It might be just me, but the link leads to an error page on your site.
@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.
@IrishEagle I’ll have a look, if there’re additional details, please let me know. Thanks!
@khan_sikki @ChromiumDev `getUserMedia()` works for apps installed to the home screen, but not yet in WKWebViews.
@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.
@senthil_hi @ChromiumDev Element fragments are set by the website author. Text fragments can be set by anyone. That’s the difference.
@FWeinb Thank you! 😊
@JonPorty I’ll have a look later.
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…
@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…
@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!
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
@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
@TypeSong Not a bug, but a known limitation. twitter.com/tomayac/status…
@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.
“How to file a good browser bug”, by @robertnyman and @petele. 🧑💻 web.dev/how-to-file-a-…
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…
@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
@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….
@jensimmons @jonathandavis @samthor We’d also love you to (re-)consider some of the Project Fugu 🐡 APIs: web.dev/fugu-status/.
ChromiumDev Times are tough, but we’re still here for you.
Join us for #webdevLIVE, 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
@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.
@mrdoob Took a little longer than anticipated, but here we are: twitter.com/chromiumdev/st….
@Paul_Kinlan @domenic @stefanjudis We’re finally live with the official extension: twitter.com/chromiumdev/st…
@mathias If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@rauschma If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@hanbzu If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@joseph_silber @github If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@ThijsNiks If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@aleyda @SaijoGeorge If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@lobsters If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@aro_mdz If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@ArtemR @david_bokan @rustybrick @dannysullivan @vishal1247 @searchliaison @JohnMu If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@Aussermayr @googlechrome If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@golem If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@FreieWeltEu If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@KPalmvik If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@Mobilfunkcenter If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@sorawee_p If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@MAXOUSLLC If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@borekb If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….
@anthony_ricaud @nhoizey If you want to create these Text Fragments URLs easily, we’ve got you covered: twitter.com/ChromiumDev/st….