Thomas Steiner (@tomayac)

Hamburg, Germany

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

June 2021

Good reminder from ⁦@jaffathecake⁩ on encoding data for POST requests: “Similar to `URLSearchParams`, you can use `FormData` directly as a fetch body”. jakearchibald.com/2021/encoding-…

via Twitter for iPhone

steveruizok Live cursors are interesting. You don’t really want to be constantly sending updates but you do want the cursors to move smoothly and naturally like this. What’s the trick? pic.twitter.com/4gfIc7c4kA

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

@TypeSong Oh, absolutely. One of the open questions for this proposal is what is in and what is out of scope. I’ll try adding IP addresses tomorrow.

via Echofon in reply to TypeSong

@jweinraub @TheRealNooshu @davemann1871 Looks like you all could be interested in my `Intl.InputMask` input masking 🎭proposal: twitter.com/tomayac/status….

via Echofon in reply to jweinraub

tomayac I’ve started working on a polyfill for my `Intl.InputMask` 🎭 proposal (github.com/tomayac/js-inp…) so folks—including myself—can get a better feel for it. I’m quite biased, but I like it… 🙂

Try the detomayac.github.io/js-input-maski…zw2C.

See the source cogithub.com/tomayac/js-inp…rFpic.twitter.com/6RaLoqcXYUcXYU

via Twitter Web App (retweeted on 7:54 PM, Jun 30th, 2021 via Twitter Web App)

smashingmag 🔖 The State Of Web Workers In 2021, by @DasSurma.

smashingmagazine.com/2021/06/web-wo… pic.twitter.com/EzU76T2Qxk

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

@rauschma I’m at the _very_ beginning of this, but I hope this proposal would improve upon the status quo eventually by allowing us to separate data representation from data storage.

via Twitter for iPhone in reply to rauschma

Disclaimer: this is not production-ready, there are still many flaws.

via Twitter Web App in reply to tomayac

@mischmerz It’s early stage and definitely not production-ready. Purely for getting a first feel.

via Twitter for iPhone in reply to mischmerz

@html5test Partly implemented. For the most up-to-date version try Edge Canary on Windows.

via Twitter Web App in reply to html5test

@mtomweb Yes, there is quite a lot of standardization prior art that the proposal would build upon (e.g., RFC 3966 datatracker.ietf.org/doc/html/rfc39… and E.123 itu.int/rec/dologin_pu… [PDF]). The joy of `Intl.*` is that as a developer you don’t have to worry about t

via Twitter Web App in reply to mtomweb

I’ve started working on a polyfill for my `Intl.InputMask` 🎭 proposal (github.com/tomayac/js-inp…) so folks—including myself—can get a better feel for it. I’m quite biased, but I like it… 🙂

Try the detomayac.github.io/js-input-maski…zw2C.

See the source github.com/tomayac/js-inp…pic.twitter.com/6RaLoqcXYU

via Twitter Web App

@schweinepriestr One of the super powers of the proposal would be to decouple the representation from the actual `tel:` data, all powered by JS in the background:

🇺🇸 <a href=”tel:+12015550123”>201-555-0123</a>

🇩🇪 <a href=”tel:+494012345678”>

via Twitter Web App in reply to schweinepriestr

@guybedford Just opened github.com/guybedford/es-… which adds feature detection for `link[rel=modulepreload]` to avoid shimming on supporting browsers.

via Twitter Web App in reply to guybedford

@foolip Never seen a Google job ad with a Roman leveling system. Our usual L\d+ leveling system is public: levels.fyi/?compare=Googl…. Fun how it’s not even consistently Roman. Just a random observation…

via Echofon in reply to foolip

@dalmaer @aerotwist @Jack_Franklin Where is the dislike button on this platform?

via Echofon in reply to dalmaer

@mischmerz I want this to be usable on the server as well: github.com/tomayac/js-inp…. Also see the second alternative: github.com/tomayac/js-inp….

via Twitter Web App in reply to mischmerz

ConcreteSciFi Ported @ExpWithGoogle’s Tiny Motion Trainer to our -based motion module, allowing us to both train and upload @TensorFlow Lite models to our modules in the browser via twitter.com/concretescifi/… pic.twitter.com/0a5XgNfa4J

via Twitter for iPhone (retweeted on 7:01 PM, Jun 29th, 2021 via Twitter Web App)

@mischmerz The idea would be to make this isomorphic: github.com/tomayac/js-inp…. But of course, verification is a must.

via Twitter Web App in reply to mischmerz

New to Progressive Web Apps? ⁦@Snugug⁩ has worked on a new set of training materials and codelabs for helping developers get started. 👏 web.dev/new-pwa-traini…

via Twitter for iPhone

@henrylim96 @ChromiumDev Haha, yeah. It’s just in the ideation phase. 💡

via Twitter for iPhone in reply to henrylim96

tomayac Finally wrote down an idea I was sitting on: JS Input Masking 🎭-discourse.wicg.io/t/proposal-inp…6

“`js
new Intl.InputMask(‘phone-number’, {
locale: ‘de-DE’,
countryCode: ‘leadingPlus’,
areaCode: ‘leadingZero’,
groupSize: 2,
}).format(’00494012345678’))
// “+49 (0)40 12 34 56 78”

via Twitter Web App (retweeted on 6:17 PM, Jun 29th, 2021 via Twitter Web App)

@henrylim96 It definitely works on the Web 😂. The app is not installable by default, but the “Create Shortcut” with the “Open as window” way works.

via Twitter for iPhone in reply to henrylim96

@mobilepadawan Good to hear that this could be useful. Just to clarify: this is purely an idea at the moment, it’s not implemented anywhere. Feedback on the proposal (see the end of the post) is welcome, though!

via Twitter Web App in reply to mobilepadawan

@schweinepriestr It’s more of a formatting thing and of course not needed. I’ve definitely seen it used in magazines etc. Phone number formatting is a complex enough but simple enough to understand example to motivate this proposal (I hope).

via Twitter Web App in reply to schweinepriestr

Obligatory syntax error in the tweet. 🤦‍♂️ Fixed on GitHub and WICG Discord, but up forever on Twitter.

via Twitter for iPhone in reply to tomayac

Finally wrote down an idea I was sitting on: JS Input Masking 🎭-discourse.wicg.io/t/proposal-inp…6

“`js
new Intl.InputMask(‘phone-number’, {
locale: ‘de-DE’,
countryCode: ‘leadingPlus’,
areaCode: ‘leadingZero’,
groupSize: 2,
}).format(’00494012345678’

via Twitter Web App

@marcosc You can use all the GitHub search features via the official code mirror: github.com/chromium/chrom….

via Echofon in reply to marcosc

domenic Another app history update! Summary: the core API is implemented behind a flag, and we’re ready for you to start prototyping in your libraries/apps! github.com/WICG/app-histo…

Read the link for a more in-depth dive into implementation/spec status and design discussions.

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

@kennethrohde No word though how to get the experience without going through the Play Store.

via Echofon in reply to kennethrohde

How to Use Zoom on a Chromebook With Our New Progressive Web App (PWA): blog.zoom.us/how-to-use-zoo…

via Twitter for iPhone

@wwweston @rauschma WebNFC (web.dev/nfc/) landed in Chrome Stable a while ago. Not sure it’s the API @rauschma is looking for, but just as a passerby comment.

via Echofon in reply to wwweston

2ality Temporal: getting started with JavaScript’s new date time API
2ality.com/2021/06/tempor…

via TweetDeck (retweeted on 11:33 PM, Jun 28th, 2021 via Echofon)

@aerotwist @briankardell It looks like it was a somewhat hidden feature. Too bad.

via Echofon in reply to aerotwist

@ldenoue OffscreenCanvas is definitely an alternative. Check browser support, though (which obviously holds true for insertable streams, too).

via Echofon in reply to ldenoue

@aerotwist @briankardell What? This looks super useful! Where did it go?

via Echofon in reply to aerotwist

@othermaciej I’d read a blog post, too. 😂

via Echofon in reply to othermaciej

@html5test It’s also not always a problem for me, not sure what’s required to enter this broken state. FWIW, it’s working right now. ¯\_(ツ)_/¯

via Echofon in reply to html5test

AnaestheticsApp Added Window Controls Overlay to the @AnaestheticsApp Logbook. When installed, the top menu is now shown in the title bar of the window, creating an even better app-like experience.

Demo video: youtube.com/watch?v=lbOsqc… pic.twitter.com/UcYdsP8qnV

via Twitter Web App (retweeted on 1:10 PM, Jun 26th, 2021 via Twitter Web App)

@html5test For me, the new URL bar is absolute bonkers on beta 2. It’s completely broken actually and doesn’t let me enter URLs.

via Echofon in reply to html5test

@othermaciej Congratulations, Maciej! 🎈 If I may, what’s the one WebKit feature you’re the most proud of and what’s the one WebKit design decision that you regret? Would be super interested in your responses as someone with 19.5 years of history

via Echofon in reply to othermaciej

ConnorPeet This @code release brings integration of the Edge dev tools into debugging! Just hit the “inspect” icon to see your code and DOM, network, & styles side-by-side: code.visualstudio.com/updates/v1_57#… pic.twitter.com/APFTRS1qmZ

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

@excalidraw And in case you’re familiar with the world of coding, the underlying issue we’re hoping to fix is github.com/GoogleChromeLa….

via Echofon in reply to excalidraw

PowersBenny Let’s build a colour-picker element with , and @buildWithLit reactive controllers…

…but without 🤯

🙃 Curious yet? 😜

dev.to/open-wc/let-s-…

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

firt Edge on Windows 11 will include a *”pop-up” store* feature (that’s its name) that helps install apps from the web. Not sure if it’s a new installation API or the “bip” event when the manifest has the right store metadata for related apps. pic.twitter.com/W2u6yOBqAI

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

@steveruizok If you find a solution and if it requires changes to my library, please let me know. Thanks!

via Echofon in reply to steveruizok

The new Microsoft Store on Windows 11 (blogs.windows.com/windowsexperie…) will allow developers to optionally keep 100% of their revenue if they deal with payments themselves. The store will list Android apps and PWAs, the latter via the new @pwabuilder 3: blog.pwabuilder.com/posts/introduc…

via Twitter for iPhone

DOM Treemap 🌳🗺

A ⁦@ChromeDevTools⁩ extension that helps you explore the distribution of DOM nodes in the document tree. By ⁦@derSchepp⁩. github.com/Schepp/dom-tre…

via Twitter for iPhone

firt Microsoft Store on Windows 11 will accept PWA, UWP, Win32, and Android app. Android apps will be available using the Amazon AppStore library with a bridge that lets Windows execute Android apps. pic.twitter.com/T9JlHiUSNP

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

mmatuzo Can We Use by @meduzen - A collection of websites focused on browsers usage and features. 🔥

canwe.dev

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

Thanks for the replies, I know how to make it work, just wondering if it could/should work as in the tweet above. Someone actually has built an async version of the Array functions: github.com/Bin-Huang/prra….

via Twitter Web App in reply to tomayac

@jaffathecake Yeah, fully agree it could be dangerous. I wonder if asyncSort, asyncMap, asyncFilter,… etc. methods were ever discussed as convenience patterns.

via Twitter for iPhone in reply to jaffathecake

@rauschma It was obviously spec’ed in a synchronous world, but it doesn’t complain either. Engines like @v8js don’t refuse to run the sort function.

via Twitter for iPhone in reply to rauschma

It’s an admittedly very weird corner case, but should this work?

“`js
const promiseArray = [Promise.resolve(3), Promise.resolve(1), Promise.resolve(2)];

promiseArray.sort(async (a, b) => await b - await a);
“`

Spoiler: it doesn’t work, but should it?tc39.es/ecma262/multip…

via Twitter Web App

Google announces a 5G smartphone targeting India that shall be affordable for “all”. I wonder what this means for the smart feature phone form factor. I can also imagine this will make designing for low-RAM, modest-powered CPU devices even more importindia.googleblog.com/2021/06/partne…

via Twitter for iPhone

jaffathecake 📝 In JS functions, which return wins? I’m going to try and convince you it’s the ‘last’ one.

h/t to @littledan for pointing me to this quirk.

jakearchibald.com/2021/last-retu…

via Twitter Web App (retweeted on 2:00 PM, Jun 24th, 2021 via Echofon)

stackblitz 💡 Forms tip!

Use the built-in `.validationMessage` property that allows you to get a native validation message (in your user’s locale!), and display it in the UI the way you like it.

Way less hardcoded logic too!
pic.twitter.com/BlmsF4knPB

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

Really well made virtual Enigma simulator: enigma.virtualcolossus.co.uk. It even uses your phones motion sensors.

via Echofon

@ricmac @alexwilliams Congratulations 🎈! Great publication.

via Echofon in reply to ricmac

@dfabu @jaffathecake Try them in an Apple Store. The noise canceling is fantastic. I sometimes wear mine on the street without any music. And they work with any phone, not just Apple phones.

via Echofon in reply to dfabu

🔒 Securing SPAs with Trusted Types—“The first concrete guideline is to adopt Trusted Types during development. Doing so will trigger errors for every unsafe assignment to a dangerous sink”. Even if not all browsers support this, you can enable itauth0.com/blog/securing-…

via Twitter for iPhone

shadeed9 ✍️ New Article: Custom Scrollbars In CSS

This is a write-up on how to style scrollbars using CSS, including both the old and new syntax. I tried to include the most important aspects of them with a variety of custom examples. Have a great read!

🔗 ishadeed.com/article/custom… pic.twitter.com/yZEdqHAhnV

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

GNUmanth Here it is! h3manth.com/ES2021/ 🥸

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

@SRobTweets Happy belated birthday!

$> 🎂

via Echofon in reply to SRobTweets

quicksave2k The “media” attribute is now supported for meta[name=theme-color] elements in Chrome Canary 🐤. It means installed PWAs can now adjust the status bar color on dark/light mode changes with just HTML.

chromiumdash.appspot.com/commit/4ad19e2…

See it in action in Safari 15 and Chrome 93 ⬇️ pic.twitter.com/dAXuET1TwB

via Twitter Web App (retweeted on 7:55 AM, Jun 23rd, 2021 via Echofon)

sindresorhus Node.js is getting support for WHATWG (Web) Streams! 🎉 github.com/nodejs/node/pu…

via Twitter Web App (retweeted on 7:44 AM, Jun 23rd, 2021 via Echofon)

@passle_ @feross It’s a couple of regular expressions and monitoring of web requests via the Chrome extension API. I’ll release this soon with a quick write-up.

via Twitter Web App in reply to passle_

@AnaestheticsApp Researched this feature request and was led to crbug.com/1190122, which led to source.chromium.org/chromium/chrom…, which in turn led to nvd.nist.gov/vuln/detail/CV…… Looks like on the Internet we can’t have nice things.

via Twitter Web App in reply to AnaestheticsApp

Vjeux david.li/paint/ is really cool. Not sure if it makes sense in excalidraw but that’s making me think! pic.twitter.com/SHFxpVb6UE

via Twitter Web App (retweeted on 10:06 AM, Jun 22nd, 2021 via Twitter Web App)

@ebidel @DasSurma @rauschma Thank you, this was very helpful for understanding the issue. I have now filed crbug.com/1222578 where I was able to reproduce this.

via Twitter Web App in reply to ebidel

@denladeside @feross @Maersk @ChromeDevTools That’s definitely out of scope for this extension. 😃 I agree there would be a use case for this, but it deserves an extension of its own.

via Twitter for iPhone in reply to denladeside

@denladeside @feross @Maersk @ChromeDevTools Unfortunately most APIs are not polyfillable.

via Echofon in reply to denladeside

@slightlylate Massive congratulations, Alex 🎈. If I would have had one guess, the new MSFT would have been it. Glad you are staying close, see you on the Project Fugu 🐡 community meetings then.

via Echofon in reply to slightlylate

@jaffathecake @piccalilli_ I would watch this show. 😂 Best spoof I’ve seen in a long time!

via Echofon in reply to jaffathecake

@denladeside @feross @Maersk It’s focused on APIs. Origin Token debugging support is coming to @ChromeDevTools.

via Twitter Web App in reply to denladeside

@feross @Wormhole_App It doesn’t “see” File System Access since it checks for `showOpenFilePicker()` and you use `showDirectoryPicker()`, but it gets the rest. pic.twitter.com/GQ6LyuFtec

via Twitter Web App in reply to feross

Teasing a new Chrome extension I’m working on:

🎉 Project Fugu 🐡 API Detector 🎉

✅ Runs static code analysis to detect Fugu APIs.
✅ Shows if your browser supports the APIs.
✅ Deep-links to relevant code snippets.
✅ Dark & light mode.

(Ex@ferosspic.twitter.com/BvLtV8Ul1n

via Twitter Web App

@ebidel @DasSurma @rauschma Oh, I was under the impression you weren’t happy (desktop shows no URL, whereas mobile does). Maybe open a new Issue and describe your expectations and where the documentation leaves to be desired. github.com/GoogleChrome/w… (ta

via Twitter for iPhone in reply to ebidel

@ebidel @DasSurma @rauschma Gotcha. Since Android does something (but not what you want) with `”minimal-ui”`, I guess the only way out right now is conditionally swapping the manifest URL. Sorry :-/

via Twitter Web App in reply to ebidel

Una Did you know that the latest version of Chromium (stable) includes a *massive* multi-year re-architecture? 🎉

TablesNG Resolves 72 Chromium Bugs for Better Interoperability

Read more ⤵️
developer.chrome.com/blog/tablesng/ pic.twitter.com/GujMIYz1P6

via Twitter Web App (retweeted on 5:38 PM, Jun 21st, 2021 via Twitter Web App)

@DasSurma It’s on iOS Safari as of Safari 15 (been hoping for it). Only waiting for Firefox right now.

via Echofon in reply to DasSurma

@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)

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