Thomas Steiner (@tomayac)

Hamburg, Germany

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

June 2021

@ebidel @DasSurma @rauschma The sample app uses a service worker, too. Can you share your `”display_override”` setup? One theory may be that the browser you tested on doesn’t know `”display_override”` yet. It should be supported as of Chromium 89 (web.dev/display-overri…

via Twitter Web App in reply to ebidel

@henrylim96 @agektmr It is an annoying site for sure. 😂

via Echofon in reply to henrylim96

feross I added some improvements to The Annoying Site

- Change theme-color in a loop (Safari 15)
- Picture-in-picture in all browsers
- Block close window better
- Animate URL with emojis
- Pointer lock
- Request MIDI, bluetooth, USB, serial, HID

⚠️ Warning ⚠️

theannoyingsite.com pic.twitter.com/XRkpWYjBm3

via Twitter Web App (retweeted on 8:03 AM, Jun 21st, 2021 via Echofon)

@ldenoue For such a task I would recommend you play with insertable streams: web.dev/mediastreamtra….

via Twitter Web App in reply to ldenoue

@rauschma Correct, that’s `”display: minimal-ui”` at its best: music.youtube.com/manifest.webma….

via Echofon in reply to rauschma

@Paul_Kinlan Next offsite at the Drovers Arms (goo.gl/maps/vKzqNf6ye…)? Rhewl Looks lovely according to Google Maps. Welcome home then!

via Echofon in reply to Paul_Kinlan

@Paul_Kinlan Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch?

via Echofon in reply to Paul_Kinlan

passle_ Stoked to finally be able to announce: Custom Elements Manifest 1.0.0

I’m really looking forward to see what kind of new tooling this will unlock. Read all about it here:

dev.to/open-wc/introd…

via Twitter Web App (retweeted on 9:22 PM, Jun 18th, 2021 via Echofon)

bramus 🚨🚨🚨

There are some changes being proposed regarding viewport units, finally solving that “100vh in Safari on iOS” issue (cfr. css-tricks.com/the-trick-to-v…)

Let’s take a look … pic.twitter.com/ektVwlhI7O7O

via ThreadStart.io (retweeted on 9:17 PM, Jun 18th, 2021 via Echofon)

Just imagine we could bring these ideas to a real Chrome browser running the Blink engine. twitter.com/firt/status/14…

via Echofon

@piccalilli_ At least for macOS there’s now a Safari Technology Preview that just dropped: webkit.org/blog/11727/rel….

via Twitter Web App in reply to piccalilli_

jaffathecake Here’s a little library to work around the latest Safari IndexedDB bug.

It gives you a promise, and when it resolves, IndexedDB will respond to open requests.

npmjs.com/package/safari…

via Twitter Web App (retweeted on 10:35 PM, Jun 17th, 2021 via Echofon)

argyleink Virtual Keyboard API 😍

“developers can use [virtual keyboards] to enable better customization of their webpage’s content and experiences.”

“`js
navigator.virtualKeyboard.overlaysContent = true
“`

“`css
env(keyboard-inset-height)
“`

learn more 🔎 github.com/MicrosoftEdge/… pic.twitter.com/uRTX76QQfH

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

PixelAmbacht Variable fonts have a hidden superpower nobody is talking about! 🙀

Optical sizing (the power to change a font’s appearance depending on the size it’s shown at) will make your content SO MUCH nicer to read.

How it works & how to use it yourself: pixelambacht.nl/2021/optical-s… pic.twitter.com/3zVQBjAUdd

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

@piccalilli_ It works. And it’s been around for a couple of years and Apple hasn’t cracked down on it yet.

via Twitter for iPhone in reply to piccalilli_

jaffathecake Demo: static-misc-3.glitch.me/leaky-resize-o…

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

Why this isn’t a problem with event listeners (and shouldn’t be a problem with the observers): jakearchibald.com/2020/events-an…

via Twitter Web App (retweeted on 9:59 PM, Jun 17th, 2021 via Echofon)

jaffathecake TIL ResizeObserver & IntersectionObserver need to be manually disconnected, else they leak memory through their callback.

This happens in all browsers.

MutationObserver and event listeners don’t have this issue.

Make sure you manually disconnect resize/intersection observers! pic.twitter.com/KVRgbCEgFF

via Twitter Web App (retweeted on 9:59 PM, Jun 17th, 2021 via Echofon)

ChromeDevTools 🌟 New in Canary - Improved properties inspection for the Custom Elements.

No more long scrolling to look for the properties. Like it?

Try it in Chrome Canary. twitter.com/techytacos/sta… pic.twitter.com/uTwaxiHu3A

via Twitter Web App (retweeted on 9:55 PM, Jun 17th, 2021 via Echofon)

stefanjudis I definitely have to get better at making myself replaceable. 🙈

Great post from @jmmv explaining why it’s important to be replaceable and how to do so. 👇

jmmv.dev/2021/04/always… pic.twitter.com/3zhUFycx5o

via Twitter Web App (retweeted on 9:45 PM, Jun 17th, 2021 via Echofon)

@mtomweb @ChromiumDev Yes, use cases like this is what the API is thought for.

via Twitter Web App in reply to mtomweb

tomayac @robwormald @ChromiumDev There are plans on merging the File System Access API and the Storage Foundation API. The proposal includes streams: docs.google.com/document/d/121…. For the ongoing origin trial, the API shape is as described in the article, though.

via Echofon (retweeted on 8:49 AM, Jun 17th, 2021 via Echofon)

@robwormald @ChromiumDev There are plans on merging the File System Access API and the Storage Foundation API. The proposal includes streams: docs.google.com/document/d/121…. For the ongoing origin trial, the API shape is as described in the article, though.

via Echofon in reply to robwormald

@henrylim96 @b1tr0t The Nokia 2.3 is a representative example: amazon.de/Nokia-Smartpho… (German Amazon link). It retails for <100€ if you choose a 😕 color. It’s one of those phones @slightlylate would carry around and test on: gsmarena.com/nokia_2_3-9988…

via Twitter Web App in reply to henrylim96

dalmaer “Productivity or creativity apps that operate on large amounts of video, audio, or image data. Such apps can offload segments to disk instead of holding them in memory.”

web.dev/storage-founda…

via Twitter for iPhone (retweeted on 8:19 AM, Jun 17th, 2021 via Echofon)

@henrylim96 @b1tr0t Many kids in the developed world use their parents’ old phones, which are commonly one to a few generations behind. Sure, many have the latest iPhones, too, but definitely not all. My kids use my old phones… And many of their frien

via Twitter for iPhone in reply to henrylim96

@henrylim96 @b1tr0t 65M for the Android app vs. almost nothing for the PWA could make a difference for some people on constrained memory devices.

via Echofon in reply to henrylim96

MylesBorins Seems like folks are still going back and forth about ESM in Node.js… so I wanna get some ideas out there since tbh so much of it seems like FUD to me.

It seems to me like a big part of the valid criticism is that not being able to require ESM is a shitty DX

via Twitter Web App (retweeted on 7:56 AM, Jun 17th, 2021 via Echofon)

ChromiumDev High performance storage for your app: the Storage Foundation API 🏎

web.dev/storage-founda… by @tomayac

—An API that gives developers flexibility by providing generic, simple, and performant primitives on which they can build higher-level components.

via TweetDeck (retweeted on 11:56 AM, Jun 16th, 2021 via Twitter Web App)

@rauschma IANA says “Media Types (formerly known as MIME types)”-iana.org/assignments/me…n.

via Echofon in reply to rauschma

I’m working on extracting Project Fugu 🐡 API (web.dev/fugu-status/) usage at scale from the @HTTPArchive for the 2021 edition of the Web Almanac (almanac.httparchive.org), and, wow 🤩, does @excalidraw look good: github.com/HTTPArchive/le….

via Twitter Web App

@dfabu @Rumyra I think I would love to read this. We can try to land it on web.dev, and in the worst case you can still just publish on your own blog (and/or cross-post, we are open to that, too). Want to reach out? tomac @ google . com.

via Echofon in reply to dfabu

addyosmani Chrome has been collaborating with web frameworks to improve performance out of the box. Announcements from @shubhie & our team: web.dev/aurora && web.dev/conformance at pic.twitter.com/FOyHHrPmxm

via Twitter Web App (retweeted on 9:05 AM, Jun 16th, 2021 via Echofon)

@slightlylate @phae Looks like they were serious when they defined the approved temperature range for the battery. Death Valley is deadly.

via Echofon in reply to slightlylate

@AndyDavies @SpeedCurve Wow, great fit. Congratulations, Andy! 🎈

via Echofon in reply to AndyDavies

v8js 📨 You can now import JSON directly from JavaScript. This works via a new import assertions feature - already in Chrome 91!

Learn how to use it from this feature explainer by @dandclark1 from Microsoft: v8.dev/features/impor…

via TweetDeck (retweeted on 4:13 PM, Jun 15th, 2021 via Twitter Web App)

ChromiumDev Web Audio 🔈 (w3.org/TR/webaudio/) is a
@w3c Proposed Recommendation as of May 6, 2021.

This means it’s been sent to the W3C Advisory Committee for final endorsement before turning a Web Standard 🎉—Usable on all modern browsers:caniuse.com/audio-apit ✅!

(via@hochsayss)

via TweetDeck (retweeted on 3:48 PM, Jun 15th, 2021 via Twitter Web App)

@dfabu As promised here’s a PR that aims to clarify the main source of confusion: github.com/GoogleChrome/w…. For MDN, it’s a different story. Maybe @Rumyra can help and has an idea how to do this properly, since she’s doc’ed the new File System Access API o

via Twitter Web App in reply to tomayac

@mikemaccana @ChromiumDev There might be more things we want to handle at application launch time in the future than files. See this explainer for some ideas: github.com/WICG/sw-launch….

via Echofon in reply to mikemaccana

@davrous No better use for a PS5 (or Switch) than playing Chrome dino: blog.tomayac.com/2020/11/04/pla….

via Echofon in reply to davrous

webrtcHacks New Post: FaceTime finally faces - @HCornflower does a deep dive analysis of the new FaceTime for web and its use of WebRTC buff.ly/35ghW1q pic.twitter.com/bk2jI9zsjN

via Buffer (retweeted on 8:51 AM, Jun 15th, 2021 via Echofon)

quicksave2k Currently working on adding “media” attribute support for meta[name=theme-color] elements in Chromium. In other words, installed PWAs will be able to adjust the status bar color on dark/light mode changes with just HTML - no JS involved.

See groups.google.com/a/chromium.org… pic.twitter.com/P9S0VA8IKD

via Twitter Web App (retweeted on 8:35 AM, Jun 15th, 2021 via Echofon)

piccalilli_ I’ve made Learn Eleventy From Scratch *completely free for everyone*

This course has helped thousands of people learn how to build great websites with @eleven_ty and I want it to help thousands more!

Get started here: piccalil.li/course/learn-e… pic.twitter.com/8OV2bmLEx1

via Twitter Web App (retweeted on 8:23 AM, Jun 15th, 2021 via Echofon)

addyosmani Have low-resolution images? ojoy.zaps.dev can now enlarge both photos & illustrations (with better detail) using TensorFlow.js and waifu2x. All client-side in the browser using ML. pic.twitter.com/VrRsNqIIis

via Twitter Media Studio (retweeted on 11:10 PM, Jun 14th, 2021 via Echofon)

@dfabu I’ll digest your and Hacker News’ feedback tomorrow and see what actionable steps we can take from it. Thanks for bringing this to my attention.

via Twitter Web App in reply to dfabu

@HeyJonR @slightlylate @inexorabletash @Shivani1sharma1 Found a bug you can track: bugs.chromium.org/p/chromium/iss…. It’s something we’re considering, but can’t commit to anything more concrete at the moment.

via Twitter Web App in reply to HeyJonR

@Paul_Kinlan Yeah, Sheets is awesome. I let you fix it, then I’ll deploy my dashboard.

via Twitter for iPhone in reply to Paul_Kinlan

@Paul_Kinlan `=IMPORTXML(“npmjs.com/~kinlan”, “//main//ul//h3”)` ✌️

It breaks somewhere, though..pic.twitter.com/K5oegDLMD6D6

via Twitter Web App in reply to Paul_Kinlan

@justboriss @noseratio @rauschma Probably it wasn’t clear from the link: you can opt out _your_ website as a webmaster _and_ disable the feature as a user.

via Twitter Web App in reply to justboriss

@noseratio @rauschma The feature indeed only works for non-same page navigation: web.dev/text-fragments…. The spec goes in more details: wicg.github.io/scroll-to-text….

via Twitter Web App in reply to noseratio

@jen4web That’s correct, highly dynamic content is hard to link to. You could combine text fragment URLs with Memento (datatracker.ietf.org/doc/html/rfc70…, en.wikipedia.org/wiki/Memento_P…), so you have the temporal aspect of the link encoded, too.

via Twitter Web App in reply to jen4web

rauschma With text fragments in URLs, we can link to (and highlight) parts of an HTML page, even if they have no IDs.

Example (requires a Chromium-based browser): exploringjs.com/#:~:text=Essen…

More information (by @tomayac): web.dev/text-fragments/

via Twitter Web App (retweeted on 8:40 PM, Jun 13th, 2021 via Twitter Web App)

@simevidas Mostly unrelated, but fun (my kind of definition of the concept “fun” at least): Always fascinated by CSS optimizers dynamically switching between named colors like `red`, and hex colors like `#000` to always pick the shortest option.

via Echofon in reply to simevidas

@cadars @webkit On mobile now, haven’t tested yet. Thanks for the bug link, CC:’ed myself.

via Twitter Web App in reply to cadars

Mostly like where @webkit is going with the default unstyled form controls. Dislike the buttons, though. The color input is very opinionated. Here’s a demo page that shows all controls in dark and light mode: color-scheme-demo.glitch.me. Demo via web.dev/color-scheme/twitter.com/kevgski/status…

via Echofon

trevormkay Today I’m launching screensizes.app

A complete guide for Apple displays. With information like Display Properties, Safe Areas, Widget sizes, Notch sizes and more. Go ahead and add it to your Dock! pic.twitter.com/1XFWOIgdpp

via Twitter Web App (retweeted on 12:08 PM, Jun 12th, 2021 via Echofon)

@steveruizok Oh, wow. Happy it’s useful. Super curious to see the finished app, you sure know how to tease it… 😂

via Echofon in reply to steveruizok

@rajarshim Oh, thanks for letting me know. The link is web.dev/mini-app-examp…. I’ll fix the broken link in the conclusions.

via Twitter Web App in reply to rajarshim

@HeyJonR @slightlylate @inexorabletash Hmm, sounds a bit like something in between fenced iframes (github.com/shivanigithub/…) by @Shivani1sharma1 and portals (github.com/WICG/portals) by Jeremy Roman and Lucas Gadani.

via Twitter Web App in reply to HeyJonR

@SimmerVigor Go get it 😃! Hope it works for your use case. Happy to answer questions or listen to your feedback.

via Echofon in reply to SimmerVigor

@jamesedmonston @TheRealNooshu The Fn key seems to work more reliably than the complex key combination, but it’s also gotten in the “stuck” state for me: twitter.com/tomayac/status….

via Echofon in reply to jamesedmonston

📢 PSA: If you want to add support to your Web app and you need to support browsers that don’t support the new File System Access API yet: I maintain the browser-fs-access lib that makes this a breeze: github.com/GoogleChromeLa….
(Not s@steveruizoktwitter.com/steveruizok/st…

via Echofon

justinfagnani JS and CSS modules with no build in sight!

With upcoming CSS modules, we’ll soon have:

✅ JS modules
✅ Bare specifiers
✅ CSS modules
✅ Components
✅ Scoped styles

all built into the platform, no builds required, usable with `python -m SimpleHTTPServer 8000` 😎 pic.twitter.com/Q9zw1Pn1pF

via Twitter Web App (retweeted on 1:50 AM, Jun 12th, 2021 via Echofon)

Great talk, @jensimmons! 👏 At about 19:23, the icon for @adactio’s site still needs to come from the proprietary `<link rel=”apple-touch-icon”>`, despite Keith having a perfect We App Manifest: resilientwebdesign.com/manifest.json. Can @webkit please fix bugs.webkit.org/show_bug.cgi?i…twitter.com/jensimmons/sta…

via Echofon

👀 The Intent to Ship for CSS module scripts was sent earlier today: groups.google.com/a/chromium.org…. This means soon you can import styles like so:

“`js
import styles from “./styles.css” assert { type: “css” };
“`

No more `textContent`ing or `innerHTML`ing

via Twitter Web App

ekr____ Martin Thomson and I have a new paper draft up analyzing Google’s FLoC. mozilla.github.io/ppa-docs/floc_…, blog post at: blog.mozilla.org/en/mozilla/pri…

via Twitter Web App (retweeted on 2:07 PM, Jun 11th, 2021 via Twitter Web App)

PwaSummit We are excited to announce PWA Summit 2021, Oct 6-7 - a free, online conference focused on helping everyone succeed with Progressive Web Apps. Join us:

🎤Submit a talk on pwasummit.org by Jul 12
📅Book your calendar
👉Follow @PwaSummit for updates

pic.twitter.com/ixyQeK0gKE

via TweetDeck (retweeted on 10:35 AM, Jun 11th, 2021 via Twitter Web App)

@PurpleMarsAlien @jeffposnick @Vincent_Scheib is the hiring manager and will be able to tell you the location constraints.

via Echofon in reply to PurpleMarsAlien

@slightlylate To be honest, my CS degree has helped me 👌 (as in “zero”) with my JavaScript. My university (@KITKarlsruhe) has a very theoretical approach to CS, so we would learn concepts like Gödel numbering (en.wikipedia.org/wiki/G%C3%B6de…) or Kleene’en.wikipedia.org/wiki/Kleene%27…

via Echofon in reply to slightlylate

@mischmerz The answer _might_ be in this article: web.dev/declarative-li…. Origin trial for Chrome OS only at the moment. I’m not sure about Android; maybe @mgiuca can add more background?

via Echofon in reply to mischmerz

Have you ever inspected an FAQ page to be able to search it with @ChromeDevTools because all the answers were hidden behind closed `<details>`? 🙋‍♂️ I have. There soon might be a better way: auto-expanding them for find in page, element fragmentstwitter.com/intenttoship/s…

via Echofon

We’re hiring software engineers for Google’s Chrome browser who want to work on Project Fugu 🐡, that is, on making the Web a highly capable platform. Get in contact with Vince ⤵️ to learn more! twitter.com/Vincent_Scheib…

via Echofon

@dfabu @webkit @jensimmons @jonathandavis I’d prefer if they implemented the non-proprietary notifications universally on all platforms. But I do get how even having the proprietary ones would be a step forward for many developers with their apps and pr

via Twitter Web App in reply to dfabu

@firt @webkit Service Worker Detector 👷 can help a bit with the cache inspection and the manifest (apart from showing the service worker code with basic event navigation): apps.apple.com/de/app/service…. Also @jefbinomed just shared this gist earlier: twitter.com/jefbinomed/sta…

via Echofon in reply to firt

@jimniels Thanks for the kind mention of my post in yours 😊. Love the design of your blog! In practice I found the system colors to not work universally—Firefox had trouble in flipping them in dark mode, albeit they worked well in light mode. It also

via Echofon in reply to jimniels

Develop advanced Web content, or, as I call it, WebKit’s Fugu-ish 🐠 session. Really happy about file sharing in Web Share and modules in workers, plus the core JS additions. 👏 developer.apple.com/videos/play/ww…

via Twitter for iPhone

@brucel @yoavweiss @phae Well played. 👏

(Alex and Frances, happy road trippin’!)

via Twitter Web App in reply to brucel

Counted 94 flips from `false` to `”15”` in this PR by @jonathandavis that updates the @MozDevNet compatibility data for Safari 15: github.com/mdn/browser-co… 🎉. It’s 95 even, since Ecmascript module support for Web Workers on mobile Safari was missed. Was

via Twitter Web App

What’s in email tracking links and pixels? Interesting analysis with no too big surprises if you’re watching the space. It’s as bad as you would think. (via ⁦@kdzwinel⁩) bengtan.com/blog/whats-in-…

via Twitter for iPhone

@mspoweruser Note that you’re incorrectly crediting @muratcorlu’s images from his tweet twitter.com/muratcorlu/sta… to me. My images are here: twitter.com/tomayac/status… (you link to this tweet).

via Twitter Web App in reply to mspoweruser

marcosc I feel we are getting close to a solution for expressing “prefers color scheme” in Web Manifest (e.g., for dark/light icons, theme-color, etc.).

If you build PWAs (and use a manifest), we’d love your input on Github before we settle on something!

github.com/w3c/manifest/i…

via Twitter Web App (retweeted on 12:20 PM, Jun 10th, 2021 via Twitter Web App)

Hey @github ✌️! I hate it when you _know_ that your information is stale after a commit and you just display the Refresh button. Just refresh yourself, I don’t mind the reload, but I do mind my time having to comment again because my proposals were mapic.twitter.com/hpx4zjEAKj

via Twitter Web App

@yoavweiss I failed to find the person behind the post. Do you know them?

via Twitter Web App in reply to yoavweiss

Interesting post on the <webkit-dev@lists.webkit.org> mailing list: lists.webkit.org/pipermail/webk….

via Twitter Web App

@RickByers @johnwilander @frgx @FiloSottile For Project Fugu 🐡 APIs, we have progressive enhancement as part of our DNA. Happy to see a lot more APIs work on the present @webkit than on the version at the time this post was written: web.dev/progressively-…

via Echofon in reply to RickByers

@okdistribute @alexainslie (I don’t really know you or your work, but saw your tweet via RT.) I’d be interested in hearing what added capabilities made it possible for you to ditch Electron in favor of the web? I work on Project Fugu 🐡 and a bit onweb.dev/deprecating-ex…

via Echofon in reply to okdistribute

@samthor Please hand in your CSS license at the next police office no later than June 9, 2021. That’s yesterday!

via Echofon in reply to samthor

@denladeside Great blog post 👏. Is there a video recording of you operating the device and the movement being reflected on the screen? This would be a nice addition to the article and reduce my temptation to go on eBay and hunt for this Logitech legacy

via Echofon in reply to denladeside

denladeside is fun and easy and can be used to revive old hardware with surprisingly little effort 🥳 Here is a blog post that might help folks get started: dev.to/denladeside/re… twitter.com/denladeside/st…

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

@johnwilander @RickByers @FiloSottile The state of the art may well have advanced. As I wrote, I don’t know where we are with this now. Maybe the original author, @FiloSottile, does?!

via Twitter Web App in reply to johnwilander

Cf. article: “I asked Mozilla whether [they wished] just being allowed to use the Gecko engine instead of WebKit, which is a requirement for browsers in Apple’s App Store. ‘Yes, the most obvious is to be able to leverage GeckoView in our Firefox iOStechradar.com/news/can-firef…

via Twitter for iPhone

argyleink 🆕 on Color Schemes
⚙️ auto
☀️ light
🌙 dark
💡 dim

Learn how I use CSS custom properties for multiple color schemes. How do you?!

Watch youtube.com/watch?v=oHcTn8…
Read along web.dev/building-a-col…
Try a demo gui-challenges.web.app/color-schemes/…
Code github.com/argyleink/gui-… pic.twitter.com/BGAhLRLBlM

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

@johnwilander @RickByers See this article blog.filippo.io/how-the-new-gm… by @FiloSottile for how it worked in 2013 when this feature was introduced. I don’t know the current state of the feature.

via Echofon in reply to johnwilander

argyleink 🆕 post on web.dev
CSS `size-adjust` for `@\font-face` declarations
👉🏻 web.dev/css-size-adjus…
✅ mitigate CLS
✅ normalize font sizing

covers friends too!
1️⃣ ascent-override
2️⃣ descent-override
3️⃣ line-gap-override

[video alt: 64px font-size consistent!!!] pic.twitter.com/3E7YN3gLW6

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

agektmr So by using a URL starting with `otpauth://` scheme which is also widely used, you can register a new TOTP. Simply making it a link would allow the browser (or OS) to capture and register the new secret. Existing TOTP user devs can easily adopt.
developer.apple.com/videos/play/ww…

via Twitter for Android (retweeted on 10:40 PM, Jun 9th, 2021 via Echofon)

ChromiumDev 📢 Introducing: libSquoosh

libSquoosh is an experimental Node library on top of which the Squoosh CLI is built, giving you all the capabilities for the Squoosh CLI with a JavaScript-idiomatic interface.

Read more here👇
web.dev/introducing-li…

via TweetDeck (retweeted on 5:52 PM, Jun 9th, 2021 via Twitter Web App)

@mischmerz I don’t know yet. Time will tell.

via Twitter Web App in reply to mischmerz

yoavweiss Ooh, missed the fact that Apple’s proposals around their IP anonymization service also include a GeoHash Client Hint: tfpauly.github.io/privacy-proxy/…

Definitely interesting!

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

@Rumyra @MozDevNet That’s awesome, congratulations! 🎈

via Echofon in reply to Rumyra

@henrylim96 I’m still getting used to it. But I think I could like it.

via Twitter Web App in reply to henrylim96

@sergiomdgomes It’s definitely early days. For me, the service has not worked reliably yet. It gets stuck too often and the device thinks it’s offline. They are probably still working on scaling this up.

via Twitter for iPhone in reply to sergiomdgomes

Testing Apple’s new Private Relay service:
- Choose “Preserve Approximate Location” and “Use Broader Location” in iCloud settings and turn it on/off.
- Choose “Trackers and Websites”, “Trackers Only”, “Off” in Safari settings.
- Not pic.twitter.com/TVyq21cHbt

via Twitter Web App

@TheRealNooshu @lorenzoraffio The service is still very shaky. It works fine most of the times, and then your device thinks it’s entirely offline the next moment. Cycling through airplane mode to force a new relay connection seems to fix it sometimes, b

via Twitter for iPhone in reply to tomayac

@TheRealNooshu @lorenzoraffio You can choose between hiding your IP from just trackers, or websites in general.

via Twitter Web App in reply to TheRealNooshu

@TheRealNooshu Actually, one more thought: Frankfurt might be it, since I upgraded to iCloud+ with Private Relay, and it defaults to keeping the approximate location. It wasn’t working yesterday, but is working now. Be prepared to trust your Safari loca

via Twitter Web App in reply to TheRealNooshu

@TheRealNooshu Woohoo 🎉. Frankfurt is pretty off though. Should be Hamburg. But if the visited pages match, it definitely was me.

via Twitter Web App in reply to TheRealNooshu

@ZMYaro The way I do it is to set a CSS variable:

“`css
:root {
—accent-color: red;
accent-color: var(—accent-color);
}
button {
background-color: var(—accent-color);
}
“`

via Twitter Web App in reply to ZMYaro

@TheRealNooshu Ah, the Pi-hole. The tracking request was interrupted on the network I was playing from.

via Twitter Web App in reply to TheRealNooshu

The `accent-color` CSS property is shipping (if the intent goes through) and it will make form controls look dope. I’m using it in an upcoming app, and I am staying with the unstyled controls, apart from the accent color. 🎨🎚 twitter.com/intenttoship/s…

via Echofon

xeenon The Web Extensions on iOS Safari session is now available. developer.apple.com/wwdc21/10104 pic.twitter.com/6svpRJYvoV

via Tweetbot for iΟS (retweeted on 11:01 PM, Jun 8th, 2021 via Echofon)

@xeenon @mhartington The tooling around the Xcode project wrapping is great! It’s the submission process I had the most trouble with as a web developer: blog.tomayac.com/2020/11/09/sub….

via Echofon in reply to xeenon

ChromiumDev 🗜 You know GZIP right? It’s everywhere on the web to reduce the number of bytes going over the wire. In this brand new HTTP203, @DasSurma gives @jaffathecake and you a quickstart on how it works.

Watch more here 👇
youtube.com/watch?v=PZryHH…

via TweetDeck (retweeted on 10:45 PM, Jun 8th, 2021 via Echofon)

@agektmr It works flawlessly on GitHub! It’s a bit hidden to set up (in the Passwords section of Settings), but once you have done that, it’s actual magic.

via Echofon in reply to agektmr

@jaffathecake @chris_dumez The fix seems to have rolled out with iOS/iPadOS 15 beta 1.

via Echofon in reply to jaffathecake

tomwarren how fucked is the internet right now? The Verge is now a Google Doc docs.google.com/document/d/1NP…

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

@TheRealNooshu If you cross-reference by country, it may get identifying really quickly. It was me 🙋‍♂️. I mean, one of them.

via Echofon in reply to TheRealNooshu

More details on @webkit’s Media Session Coordinator proposal: github.com/WebKit/explain… (unmerged commit preview). The idea is to allow two or more clients to interact with the media controls and have those interactions reflected in the playback state of

via Twitter Web App

bramus It’s what allows Chromium and Safari to support Dark Mode out of the box.

Add this one CSS declaration and you’re all set:

“`css
:root {
color-scheme: dark light;
}
“`

🔗 Demo: codepen.io/bramus/pen/vYx…
🔗 More info: web.dev/color-scheme/ (by @tomayac) twitter.com/stefanjudis/st…

via Tweetbot for Mac (retweeted on 12:04 PM, Jun 8th, 2021 via Twitter Web App)

Seems like Quick Notes, announced at (deep-link: youtu.be/0TD96VTf0Xs?t=…), implements (at least) the behavior of Text Fragments, including the highlighting part and the disambiguation of duplicate texts (see screencast youtu.be/4MzxJGZvt1Y). @webkit

via Twitter Web App

TimoTijhof 🧵 Wikipedia.org and sister projects, May 2021:
* 49% Chrome
* 24.7% Safari
* 5.2% Firefox
* 2.8% Edge
* 2.5% Samsung
* 2.0% Chrome iOS
* 1.6% Google app
* 0.8% Opera
* 0.7% IE
100% = 16.4B views (no apps/bots)

Thread special: Browser adoption rates.

1/9 pic.twitter.com/ijxr3SoL3D

via Twitter Web App (retweeted on 11:28 AM, Jun 8th, 2021 via Echofon)

@martinflodin No, this information is not exposed to the web.

via Twitter Web App in reply to martinflodin

@ikol8989x @webkit Performance needs to be guaranteed and the review process adapted. Looking forward to seeing what Apple mobile developers do with this and what limitations Apple enforces when it comes to approvals.

via Twitter Web App in reply to ikol8989x

@GNUmanth It says “crawl allowed”, so it’s not a `robots.txt` problem. Must be something at the CDN level then. They have some tips to debug: support.cloudflare.com/hc/en-us/artic….

via Echofon in reply to GNUmanth

@GNUmanth Use the URL inspection tool: support.google.com/webmasters/ans…. This runs a live inspection of the URL and will tell you the reason when Googlebot can’t access the page or not render it correctly.

via Echofon in reply to GNUmanth

@ebidel @jeffposnick @ChromiumDev Unfortunately our efforts to have `<link rel=”manifest”>` honor the `media` attribute were not successful: github.com/whatwg/html/pu….
(CC: @quicksave2k)

via Twitter Web App in reply to ebidel

@jensimmons @yesiwebto That’s great news, good to hear `theme_color` is supported!
@yesiwebto, the overruling is defined in w3c.github.io/manifest/#them….
@jensimmons, any updates on supporting `icons` defined in the manifest? It seems like an obvious thing tios-a2hs-demo.glitch.me

via Echofon in reply to jensimmons

@yesiwebto As far as I can tell it doesn’t consider this data from the manifest.

via Echofon in reply to yesiwebto

firt I can confirm PWAs are still there on iOS 15, same install experience as before, and they use the theme color for the status bar! Finally! 👏

Also, PWAs work with the new iPadOS 15 multitasking system pic.twitter.com/FgkeOD4PFQ

via Twitter Web App (retweeted on 1:49 AM, Jun 8th, 2021 via Echofon)

@ebidel @ChromiumDev For desktop, if you don’t want to roll your own UI navigation controls, give `”display: minimal-ui”` a shot: developer.mozilla.org/en-US/docs/Web….

via Echofon in reply to ebidel

Safari 15 Beta Release Notes: “Added support for the `media` attribute to specify theme-color `meta` tags”:

<meta name=”theme-color”
content=”
media=”(prefers-color-scheme: light)”>

File support for the API

More..developer.apple.com/documentation/…

via Twitter for iPhone

sleevi_ Apple: What if we took the “line of death” and… killed it.textslashplain.com/2017/01/14/the…bpic.twitter.com/3jnj2VNOVcVc

via Twitter Web App (retweeted on 1:11 AM, Jun 8th, 2021 via Echofon)

verge FaceTime is coming to Android and Windows via the web theverge.com/2021/6/7/22522… pic.twitter.com/ESvieKkLqn

via Chorus publishing platform (retweeted on 1:04 AM, Jun 8th, 2021 via Echofon)

intenttoship Blink: Intent to ship: Sec-CH-Prefers-Color-Scheme client hint header groups.google.com/a/chromium.org…

via Feeds for @intenttoship (retweeted on 12:58 AM, Jun 8th, 2021 via Echofon)

@ikol8989x @webkit I don’t know the answer. A Chromium-based browser that supports extensions is Kiwi Browser: kiwibrowser.com.

via Twitter for iPad in reply to ikol8989x

@ThibB @firt @webkit I didn’t expect to see this to be honest.

via Twitter for iPad in reply to ThibB

All the web content the Apple ⁦@webkit⁩ team will share over the coming days. Excited about iOS/iPadOS extensions and the new Safari design options around theming. developer.apple.com/news/?id=kffgj…

via Twitter for iPad

iOS 15 Includes Built-In Password Authenticator With Autofill, Replacing Google Authenticator and Authy. This. Is. Massive. It’ll make logging in so much easier. macrumors.com/2021/06/07/ios…

via Twitter for iPad

In case you missed it, @quicksave2k has implemented this behind a flag in Chromium a while ago. See it in action by checking out François’ demo: github.com/WICG/user-pref….

via Twitter Web App in reply to tomayac

@jeffposnick @davrous @pierlag Yeah, I also noticed this. For now, 92 seems to be the only version this is workable with.

via Echofon in reply to jeffposnick

@davrous @jeffposnick @pierlag Looks like the Origin Trial information is outdated. It slipped last minute from 91 to 92. See the bug bugs.chromium.org/p/chromium/iss… (the label `OriginTrial-92`). It works for sure in 92.

via Echofon in reply to davrous

@rauschma @simevidas The original intent to ship email contains the signal correctly as a clickable verifiable link: groups.google.com/a/chromium.org….

via Echofon in reply to tomayac

eladsc Positions got the ‘inset’ property, a shorthand to describe all the directions combined.

Now has full support in all the updatable browsers. pic.twitter.com/zk31WzdGwo

via Twitter Web App (retweeted on 7:48 AM, Jun 7th, 2021 via Echofon)

@rauschma @simevidas This vagueness is something that’s bothered me for a long time, so I’ve defined it: goo.gle/developer-sign…. The definition as is is now part of the Blink launch process, and obtaining developer signals is obligatory.

via Echofon in reply to rauschma

@OliverW71190512 Looks like an oversight. I’ll look into it. Thanks for flagging!

via Echofon in reply to OliverW71190512

@firt I don’t care enough to bother trying to be honest.

via Echofon in reply to firt

threejs IconVG is a compact, binary format for simple vector graphics: icons, logos, glyphs and emoji.
github.com/google/iconvg pic.twitter.com/Nh78d8XmnE

via Twitter Web App (retweeted on 3:48 PM, Jun 5th, 2021 via Echofon)

Triggered by @firt, I looked at HarmonyOS docs (the JS part, not the Java part): developer.harmonyos.com/en/docs/docume…. It looks like another mini app platform, just that the OS acts as the super app—similar to QuickApp, which Huawei is part of. All else feels familiweb.dev/mini-apps/twitter.com/firt/status/14…

via Echofon

@firt These are full components, not just aliases for <p> and <img>: <image> supports lazy-loading, <text> supports adaptive text-sizing, etc.

via Echofon in reply to firt

ChromiumDev There are many HTTP headers to consider when securing your website. CSP, X-Frame-Options, CORP, COOP, CORS… What are they useful for? Which one should you use?
Check out our Security Headers Quick Reference to learn about them: web.dev/security-heade… ^@agektmr

via TweetDeck (retweeted on 12:37 PM, Jun 5th, 2021 via Echofon)

As someone who has the same extensions in different stores, the biggest pain point is no longer the development, but the store submission and update process: assets need to be customized per platform with different requirements regarding icon sizes and sctwitter.com/jensimmons/sta…

via Echofon

Oh, interesting. There’s now a WebExtensions 🧩 Community Group, chaired by ⁦@DotProto⁩ (Google) and ⁦@xeenon⁩ (Apple). Nice to see collaboration in this field, while leaving each vendor freedom to innovate. w3.org/community/webe…

via Twitter for iPhone

If you love documenting technical things and if you love ⁦@ChromeDevTools⁩, then this Chrome Developer Tools may be of interest. The team’s location requires the position to be in Munich, Germany 🇩🇪. careers.google.com/jobs/results/1…

via Twitter for iPhone

jeffposnick The Compute Pressure API (currently in origin trial, Chrome 91+) allows web apps to react to changes in CPU utilization to, e.g., dynamically enable/disable optional “expensive” features.

Learn more: web.dev/compute-pressu…

via TweetDeck (retweeted on 12:09 PM, Jun 5th, 2021 via Echofon)

The PWA system integration on Windows 10 is ace! ⤵️ twitter.com/pwabuilder/sta…

via Echofon

@eva_trostlos Belated happy birthday! Hope you had a great day! 🎂

via Echofon in reply to eva_trostlos

Can I :has(), by ⁦@briankardell⁩. Not only does this post win the Internet for the smartest title, it also wins the Internet because they’re actually building this: github.com/Igalia/explain…. More in the article: bkardell.com/blog/canihas.h…

via Twitter for iPhone

Apart from Google Search, we just got interest in our set of User Preference Media Features Client Hints Headers proposal from Facebook 🎉: github.com/WICG/proposals…. Yay!

via Twitter Web App

@pwabuilder @MSEdgeDev If your caching doesn’t depend on the query string, it might be a good idea to make use of the `ignoreSearch` option: developer.mozilla.org/en-US/docs/Web….

via Twitter Web App in reply to pwabuilder

@WhHartmann @longgermanwords @michele_norris Weil Vergangenheit nicht „bewältigt” – also endgültig erledigt – werden kann, wird inzwischen mehrheitlich der Begriff Vergangenheitsaufarbeitung oder Aufarbeitung der Vergangenheit vorgezogen.

via Twitter Web App in reply to WhHartmann

When The Washington Post teaches you German, it’s for a good reason:

What is the word for “Vergangenheitsaufarbeitung” in English?

We must find it.

(By ⁦@michele_norris⁩) washingtonpost.com/opinions/2021/…

via Twitter for iPhone

@Mysticle_ @ChromiumDev Sounds like a perfect use case for the API. It’s early days for this feature, but once it enters origin trial it should be more widely testable with real users.

via Twitter Web App in reply to Mysticle_

____lighthouse The Lighthouse Treemap lets you see what’s in the JavaScript you ship and find where you can trim based on module size and execution coverage.

With Lighthouse 8 it’s now in PSI, Canary DevTools, and the CLI if it can see your source maps 🌳🗺️

Try it out: googlechrome.github.io/lighthouse/tre… pic.twitter.com/VbMErHuLW8

via Twitter Web App (retweeted on 11:53 PM, Jun 3rd, 2021 via Echofon)

@adamdbradley @builderio @mhevery Congratulations on the new role! 🎈 Sounds like fun!

via Echofon in reply to adamdbradley

Redeclaration of `const` in the Console: developer.chrome.com/blog/new-in-de… 🎉. Sometimes it’s the seemingly small things that matter the most. A lot of cool other additions on top: twitter.com/ChromeDevTools…

via Echofon

Chrome 92: Web Apps as File Handlers, new JavaScript features, and more. I’ve just in time updated the article earlier today: web.dev/file-handling/. Read about all updates in the blog post: blog.chromium.org/2021/06/chrome…

via Twitter for iPhone

ChromiumDev 1️⃣ Send a friend an instant message 💬 w/ a link to a playlist on a music streaming service.
2️⃣ Your pal clicks 🖱 the URL in their messenger.
3️⃣ It opens in the standalone window 🖥 of the streaming service’s PWA!

🎉 Let PWAs be —by@tomayacc:web.dev/pwa-url-handle…o

via TweetDeck (retweeted on 12:17 PM, Jun 3rd, 2021 via Twitter Web App)

@denladeside @slightlylate Aww, that’s nice of you to say this, but it’s like calling someone who just puts a Shakespeare quote on their website a poet…

via Echofon in reply to denladeside

Fond memories of `if (document.all)` and feature-detecting Netscape’s `document.layers`. The era was a fun mess. ⤵️ twitter.com/ricmac/status/…

via Echofon

@alexainslie @gregwhitworth +1 to contextual prompts, but also -1 to one-by-one prompting. I’m for a long time advocating for semantic permission bundles (github.com/w3c/permission…), but somehow the spec work seems to have stalled a little.

via Echofon in reply to alexainslie

amit_sheen Word
morphing
with
pure

is
great!

Full code @CodePen: codepen.io/amit_sheen/pen… pic.twitter.com/RaatWlBzY1

via Twitter Web App (retweeted on 10:48 PM, Jun 2nd, 2021 via Echofon)

@programmingart Congratulations! Wishing you all the best! 🍼

via Echofon in reply to programmingart

alexainslie Annoyed by sites that ask to send notifications? 😖

We’re trying something new in @googlechrome to help! pic.twitter.com/oagniXuBOn

via Twitter Web App (retweeted on 10:39 PM, Jun 2nd, 2021 via Echofon)

One of the engineers at Google who has had a big influence on me is leaving the mothership: @slightlylate. “I’m team web to the end—of the web or me, whichever is first.” Classic Alex Russell quote. All the best, Alex! ✌️twitter.com/stshank/status…v

via Echofon

@danbri Wow, still feels like yesterday. Time flies. Congratulations! 🎈

via Echofon in reply to danbri

Building multiple Progressive Web Apps on the same domain: web.dev/building-multi…, by @drenzulli. Some architectural choices to ideally make _before_ you start building your apps.

via Echofon

philwalton 📢 we just released v2 of the web-vitals JS library with support for the new definition of CLS: web.dev/evolving-cls/

If you’re using the library, I recommend updating ASAP:

Lighthouse, PSI, CrUX, and Search Console will all start reporting the new definition this week 👍

via Twitter Web App (retweeted on 10:23 PM, Jun 2nd, 2021 via Echofon)

sulco Ever tried debugging an element that keeps disappearing when it loses focus once you start using devtools?

Well dang me to heck there is an “Emulate a focused page” option in @ChromeDevTools just for that 🤯

(you can get it from the [⌘]+[P] Command Menu, or Global Preferences) pic.twitter.com/O17CW4KAZm

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

@slightlylate Enjoy the road trip, have some unforgettable moments, and keep rooting for the Web!

Fond memories of one of my first in-person encounters with you at a conference where I asked you a perf question and you dug in with a WPT/easy on the spot

via Echofon in reply to slightlylate

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