Thomas Steiner (@tomayac)

Hamburg, Germany

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

April 2020

“So we picked up the cheapest phone they had […]. A $20 device running Android 9, with no contract commitment has been one of the most useful and effective tools in our effort to be accessible.@CAdotGovGov.

Great performance success story during ttwitter.com/slightlylate/s…

via Echofon

addyosmani Automate WebPerf tests with Puppeteer: bit.ly/puppeteer-perf - a collection of JavaScript snippets I use.

- Get a performance trace with screenshots
- Measure user interactions
- Simulate a slow network and CPU
- Generate a Lighthouse report
- Block third-party domains & more pic.twitter.com/hAIvdlbbAP

via Twitter for Advertisers (retweeted on 11:11 PM, Apr 30th, 2020 via Echofon)

patrickbrosset One of the last features I helped build on @FirefoxDevTools is making its way to all Firefox versions:

🔥A new Compatibility panel 🔥

It tells you what CSS might not work in certain browser versions (based on data from MDN).

Take it for a spin in Firefox Nightly or DevEdition. pic.twitter.com/HqgnD0h1MC

via TweetDeck (retweeted on 11:05 PM, Apr 30th, 2020 via Echofon)

@vitimus1 @ChromiumDev Fingerprinting is likely to come up in a later stage of the process once there’s spec work and a TAG review happening. Watch the repo github.com/dalecurtis/ima… for more.

via Twitter for iPhone in reply to vitimus1

ChromiumDev @tomayac If you don’t feel like setting command line flags (which in general you shouldn’t, unless you know what you’re doing), here’s a recorded screencast: youtu.be/i1Ab7GIaW_o.

via TweetDeck (retweeted on 6:01 PM, Apr 30th, 2020 via Twitter for iPhone)

ChromiumDev @tomayac Try the demo on Chrome Canary ≥v84.0.4130.0, with the 🚩 `—enable-blink-features=WebCodecs` command line flag set.

via TweetDeck (retweeted on 6:01 PM, Apr 30th, 2020 via Twitter for iPhone)

ChromiumDev The Web platform doesn’t grant low-level access to 🔧 built-in media codecs such as image, audio, and video encoders/decoders. It should!

The `ImageDecoder` API—part of Project Fugu 🐡—is a first step to fix this.

Here’@tomayacac’s bleeding-edge demoimagedecoder.glitch.me2u.

via TweetDeck (retweeted on 6:01 PM, Apr 30th, 2020 via Twitter for iPhone)

New exciting Project Fugu 🐡 API in experimentation: the Idle Detection API. I’ll have an article up on web.dev soon. Meanwhile you can check out the Explainer already. ⤵️ twitter.com/intenttoship/s…

via Echofon

@adamdbradley The second origin trial will run until September 30, 2020; that is, Chrome 85. It’s definitely making very good and steady progress: developers.chrome.com/origintrials/#…. The current plan is to then ship in 86: docs.google.com/spreadsheets/u….

via Twitter for iPhone in reply to adamdbradley

ChromiumDev There are many different options for storing data in the browser. Which one is best for your needs? How much can you store? Hint - it’s a lot more than you’d expect! How does eviction work? @petele dug into the details in web.dev/storage-for-th…

via TweetDeck (retweeted on 9:55 PM, Apr 29th, 2020 via Echofon)

@adamdbradley We’re offering a library that makes onboarding your app to native files as smooth as possible on all current browsers: github.com/GoogleChromeLa… 💾. Try it on excalidraw.com.

via Echofon in reply to adamdbradley

OnelyCom 💥The Onely Map is here!💥

Our brand new tool aggregates data from the @ChromeUXReport database to show which device and connection types are most commonly used by Google Chrome users in different countries.

Check it out at onely.com/map! Any stats that surprised you?

via Twitter Web App (retweeted on 9:40 PM, Apr 29th, 2020 via Echofon)

ChromeDevTools The DevTools colorpicker now produces modern CSS color syntax, as opposed to the legacy comma-based syntax. twitter.com/mathias/status… pic.twitter.com/zeU60PXfLn

via Twitter Web App (retweeted on 9:37 PM, Apr 29th, 2020 via Echofon)

stefanjudis Today I learned that the `content` CSS property allows to define alternative text. 😲

🔗 CSS “content” accepts alternative text stefanjudis.com/today-i-learne…

(browser support is not great yet though 😢) pic.twitter.com/JI7ShUkRg6

via Twitter Web App (retweeted on 9:37 PM, Apr 29th, 2020 via Echofon)

@fantasai @DavidDarnes @AllThingsSmitty @nhoizey @HenriHelvetica @jonathandavis @webkit @tabatkins Thanks for the reply; and sorry, it was hard to get the context. We were discussing whether the first screenshot with the footer _not_ at the bottom in Chrotwitter.com/tomayac/status…

via Twitter for iPhone in reply to fantasai

@DavidDarnes @AllThingsSmitty @nhoizey @HenriHelvetica @jonathandavis @webkit Maybe @fantasai or @tabatkins as the spec editors can clarify what’s the correct behavior here.

via Twitter for iPhone in reply to DavidDarnes

@AllThingsSmitty @nhoizey @HenriHelvetica @DavidDarnes @jonathandavis @webkit Chrome 83 and Chrome 84 render it broken as in my screenshot. I’m not an expert, but it seems it’s not really in the spec anymore: drafts.csswg.org/css-sizing-3/#… (search for ‘stret

via Twitter for iPhone in reply to AllThingsSmitty

“The lack of Service Workers support in third-party browsers on iOS is hurting Chrome’s AppCache removal efforts [bugs.chromium.org/p/chromium/iss…].”-bugs.webkit.org/show_bug.cgi?i…G.
According to@othermaciejj, team@webkitt are “looking into ways to enable this”:bugs.webkit.org/show_bug.cgi?i…

via Twitter Web App

@nhoizey @HenriHelvetica @AllThingsSmitty @DavidDarnes @jonathandavis @webkit Ugh, while this works on iOS Safari and in-app browsers like the one in Google Hangouts, it breaks in Chrome, since Chrome honors `-webkit-fill-available` (and consequently does100vh.glitch.mepic.twitter.com/z3MKEcgUAz

via Twitter Web App in reply to nhoizey

@rowan_m @RReverser Make that `<dalí-clock>`. It’s a @mathias approved name (ignore the warning, YOLO): mothereff.in/custom-element…. He took the time to convert html.spec.whatwg.org/multipage/cust… into a usable tool.

via Echofon in reply to rowan_m

argyleink TIL a crazy rad devtools design trick!
😍 realtime contrast ratio feedback 😍

Steps (and what’s shown in the video):
1. set keyboard focus in a color in the Styles panel
2. activate the inspect element tool (cmd+shift+c)
3. hover over target
4. press up/down on the keyboard pic.twitter.com/E9rVkJoCAY

via Twitter Web App (retweeted on 9:31 AM, Apr 29th, 2020 via Echofon)

MichaelSolati Hey web.dev fam 👋, like reading posts by (s) like @addyosmani or about ? Authors and tags now have RSS feeds that you can subscribe to!

Find an author or topic and add their URL to your favorite RSS app:
web.dev/authors/
web.dev/tags/ pic.twitter.com/oerarq6S6f

via Twitter Web App (retweeted on 9:29 AM, Apr 29th, 2020 via Echofon)

@marvinhagemeist You’ll be interested in following along bugs.chromium.org/p/chromium/iss…. It’s fun to try the demo web.dev/color-scheme/#… in latest builds of Chromium (download-chromium.appspot.com) and to see progress each time.

via Echofon in reply to marvinhagemeist

A compelling use case for the Web Share Target API: uploading your images straight to @unsplash ⤵️. This is Project Fugu 🐡 at its best again. You can do this, too: web.dev/web-share-targ…. twitter.com/OliverJAsh/sta…

via Echofon

@quat1024 The fact that you can doesn’t mean you should ;-) As mentioned in the blog post: blog.tomayac.com/2019/12/01/ani…

via Twitter Web App in reply to quat1024

zachleat Been getting some mileage out of this tiny no-theme tabs component in the last couple weeks, might be useful to some of you:

github.com/zachleat/seven…

via Twitter Web App (retweeted on 10:09 AM, Apr 28th, 2020 via Twitter for iPhone)

The @MSEdgeDev team are working on honoring `color-scheme` (read more in my article web.dev/color-scheme/), so things like the scrollbars get darkened. Nice! 👍 twitter.com/gregwhitworth/…

via Echofon

shadeed9 ✍️ New Article: Selection in CSS

I went through everything about selection in CSS, which includes the pseudo-class ::selection, and user-select property. I included some use-cases, and examples from real-life projects. Happy reading!

🔗 ishadeed.com/article/select… pic.twitter.com/K1ash9hXUB

via Twitter Web App (retweeted on 9:48 AM, Apr 28th, 2020 via Echofon)

viditb Wrote about how I designed LookUp’s Dark Theme for OLED iPhones.

LookUp uses a very dark grey colour as its background, which is nearly indistinguishable from black when using, but is dark grey enough to eliminate black smearing.

medium.com/lookup-design/…

via Tweetbot for Mac (retweeted on 9:33 AM, Apr 28th, 2020 via Twitter for iPhone)

Gravit Designer: designer.gravit.io. Powerful new Progressive Web App. twitter.com/kennethrohde/s…

via Echofon

v8js What’s in that .wasm? 🔍

Introducing: wasm-decompile! v8.dev/blog/wasm-deco…

Read the contents of WebAssembly modules in a more friendly and familiar way.

via TweetDeck (retweeted on 9:23 AM, Apr 28th, 2020 via Echofon)

@gregwhitworth I wrote about it in web.dev/color-scheme/ and it’s on a number of pages I contributed to, for example, v8.dev (and of course my blog).

via Echofon in reply to gregwhitworth

benadida 1/ Who’s ready for another Apple/Google contact tracing thread? I know I am!

To me, the most interesting piece of the puzzle is how much trust we place in the phone operating system vs. the app, and the role of the phone’s operating system in protecting your privacy *from apps*.

via Twitter Web App (retweeted on 9:08 AM, Apr 28th, 2020 via Echofon)

@DanShappir @Wix 451: Unavailable due to legal reasons

We recognize you are attempting to access this website from a country belonging to the European Economic Area including the EU which enforces the General Data Protection Regulation (GDPR) and therefo

via Echofon in reply to DanShappir

argyleink 🎉 flex that gap in the latest release of Chrome Canary 🎉

“`css
display: flex; 🦾
gap: 1ch; 🔥
“`

early adopters:
help us test it out won’t ya!?

note:
requires web experiments enabled, visit chrome://flags/-experimental-web-platform-features in Canary to enable pic.twitter.com/lG3WusFA4X

via Twitter Web App (retweeted on 9:01 AM, Apr 28th, 2020 via Echofon)

@JarSyr @ChromiumDev This is exclusively about related native applications, though: w3c.github.io/manifest/#rela….

via Twitter for iPhone in reply to JarSyr

@JarSyr @ChromiumDev That’s the pattern to follow. The event won’t fire again when the app is already installed. 👍

via Twitter for iPhone in reply to JarSyr

@JarSyr Oh, “it’s” should be “its”. Where’s the edit button when you need it?

via Echofon in reply to tomayac

@JarSyr @ChromiumDev If the question is purely about finding out if the PWA is installed (vs. running in a browser tab), then you can check via
`if (window.matchMedia(‘(display-mode: standalone)’).matches) { // installed }`

via Twitter Web App in reply to tomayac

@JarSyr @ChromiumDev It is possible today to find out from a PWA if it’s corresponding native Android app is installed: web.dev/get-installed-….

via Twitter Web App in reply to JarSyr

⏰ RemindMe remindme.lamplightdev.com by @lamplightdev is a neat little app that showcases the power of Notification Triggers (web.dev/notification-t…): locally scheduled notifications that don’t need a network connection. Try it in Chrome on desktop or Antwitter.com/lamplightdev/s…

via Twitter Web App

@kennethrohde @esviji @slightlylate @andreban The rejection message at least is pretty clear about this. Do we have this limitation in our docs, @andreban? The article web.dev/using-a-pwa-in… points to play.google.com/about/develope…, when I search the print versplay.google.com/about/develope…

via Twitter for iPhone in reply to kennethrohde

cyrildiagne ⚡New open source AI+AR demo ⚡

Doodle face masks right from the browser with and

Demo: cyrildiagne.github.io/ar-facedoodle
Code: github.com/cyrildiagne/ar…

pic.twitter.com/wJRpLkjJHx

via Twitter Web App (retweeted on 8:21 PM, Apr 26th, 2020 via Echofon)

@crafty @Mustafa_x @Google Congratulations! 🎉

Side note: I still think it’s hilarious that these don’t come framed (for the uninitiated: you get instructions how to expense a frame). Mine’s still in the container under my desk.

via Echofon in reply to crafty

@lamplightdev @ChromiumDev Thanks for sharing! Reminders are a great use case for this API indeed. Please share any feedback on the developer experience you may have: web.dev/notification-t…. Thanks!

via Twitter for iPhone in reply to lamplightdev

AllThingsSmitty 🔥 TIL a trick to handle that annoying mobile viewport bug with `100vh` in WebKit (iOS Safari)! pic.twitter.com/lefD0Klqzd

via Twitter Web App (retweeted on 1:39 PM, Apr 26th, 2020 via Echofon)

@justinfagnani @slightlylate My mid-2000 brain immediately thinks XMLHttpRequest actually requesting XML or, dare I say, RDF/XML (w3.org/TR/rdf-syntax-…) that gets transformed with XSLT (w3.org/TR/2017/REC-xs…). Not endorsing any of these now, but remin

via Echofon in reply to justinfagnani

Coronavirus Genome: xkcd.com/2298/ 🦠 Little did I know that they discover mutations through spellcheck. 😂

via Echofon

tomayac Our @TheWebConf Demo Paper 📄 titled “From Fugu With Love: New Capabilities for the Web” has now been published on the Google Research portal: research.google/pubs/pub48955/.
Project Fugu 🐡 met / , unfortunately only virtually, which works sub-optimally for demos.

via Twitter Web App (retweeted on 11:35 PM, Apr 24th, 2020 via Twitter for iPhone)

SVG, Favicons, and All the Fun Things We Can Do With Them: css-tricks.com/svg-favicons-a…. Well worth a read, and, woohoo, my article blog.tomayac.com/2019/09/21/pre… is mentioned (but there’re way more things you can do with SVG favicons). 👍

via Echofon

Chrome + System Fonts Snafu: css-tricks.com/chrome-system-…. I wouldn’t quite call it a “snafu”, but an unfortunate bug that needs fixing, which has already started. It’s good to be aware of it, though, especially for sites that depend on a system font s

via Echofon

@rowan_m If overly applied, we call it Akzentsetzungskorrekturwahnsinn.

via Twitter for iPhone in reply to rowan_m

How to Make a CSS-Only Carousel: css-tricks.com/how-to-make-a-…. It’s pretty great what CSS can do today. 🎠

via Echofon

What’s your take on the “two spaces” question, @code? twitter.com/Microsoft/stat…

via Echofon

@rowan_m My wife’s first reaction was: “But it’s Dalí, not Dali”. Not a big deal; it’s acute mistake a lot of foreigners make.
en.wikipedia.org/wiki/Acute_acc…

via Twitter for iPhone in reply to rowan_m

@ericlaw @reillyeon @mgiuca I’ve had Google Assistant “Stories to Read” pitch me a ton of Forbes clickbait stories. You won’t believe what I did next.
OK, I’ll spoil it: I clicked “🚫 Don’t show stories from Forbes”.

via Echofon in reply to ericlaw

@rowan_m The seconds clock hand probably should have the highest z-index.

On iOS, you need to ask for permission now; off the top of my head it’s something like…

“`js
const permission = await DeviceMotionEvent.requestPermission();
if (permission ==

via Echofon in reply to rowan_m

@DanShappir @jaffathecake As long as the statement doesn’t apply to Kimi 🐈 the Internet is fine.

via Echofon in reply to DanShappir

@SporksAreGood4U @wescpy It’s a brilliant video. I mostly shared it so you know why I recommended Wesley :-) Have a great weekend!

via Twitter Web App in reply to SporksAreGood4U

@SporksAreGood4U Heya, it’s been a while :-) Probably ping twitter.com/wescpy. He might be able to help.

via Twitter Web App in reply to SporksAreGood4U

Our @TheWebConf Demo Paper 📄 titled “From Fugu With Love: New Capabilities for the Web” has now been published on the Google Research portal: research.google/pubs/pub48955/.
Project Fugu 🐡 met / , unfortunately only virtually, which wor

via Twitter Web App

yoavweiss Right now, bundling JS is required for loading performance, but practically kills caching…

WebBundles will enable us to have both!! 🤯

But, how can the server know what’s already in the cache?

I’m glad you asked!!
docs.google.com/document/d/11t…

via Twitter Web App (retweeted on 9:02 AM, Apr 24th, 2020 via Echofon)

@CharlieCroom @AaronGustafson Oh, it’s indeed not happening in 84. I am on 83 regularly. Must have been us then, sorry… :-D Thanks for the reply still.

via Twitter Web App in reply to CharlieCroom

@CharlieCroom There’s probably a better way to report bugs than mentioning you (but I don’t know it), so here it goes: on the DM route (twitter.com/messages), the “Message requests” span doesn’t get the horizontal space it deserves. pic.twitter.com/NlUAuI3tDB

via Twitter Web App

@Paul_Kinlan We have enough time to make it a truly amazing remote experience, at least this year. Even for the unlikely event that there will be a vaccine, probably not every potential attendee will have had a chance to get it.

via Echofon in reply to Paul_Kinlan

dalmaer Do you charge your Macbook on the left or right side? Turns out right is better!

apple.stackexchange.com/questions/3633…

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

@DanShappir The second example. The `else` just adds an unnecessary level of indentation. The `if` should be the exit conditions.

via Echofon in reply to DanShappir

@mrdoob @luruke That’s how I read it.

processingDuration, of type double

The elapsed duration in seconds from submission of the encoded packet with the same presentation timestamp (PTS) as this frame (e.g. same as the mediaTime) to the decoder until t

via Twitter for iPhone in reply to mrdoob

sulco tip for today is: ❤️

Did you know you can use the `<datalist>` element to provide suggestions for inputs?

And not only for `[type=text]` ones:

🧮number,
📏range,
✉️email,
🟩color even, work too!

demo: datalists.stackblitz.io pic.twitter.com/lLlPYNTesN

via Twitter Web App (retweeted on 10:09 PM, Apr 22nd, 2020 via Twitter for iPhone)

Limiting `<input type=”color”> to a certain palette (from an image): christianheilmann.com/2020/04/22/lim… 🎨 that the color picker works with a `<datalist>`. Thanks, @codepo8!

via Echofon

jdan 🎨✨ 98.css is a design system for building faithful recreations of Windows 98 UIs

jdan.github.io/98.css/ pic.twitter.com/QRTfIWT4M2

via Twitter Web App (retweeted on 2:19 PM, Apr 22nd, 2020 via Echofon)

@kennethrohde It is a way better name, albeit the API shape and usage does resemble rAF, it is not the same.

via Twitter Web App in reply to kennethrohde

WhatWebCanDo 🖼️ Shape Detection API – using the Web platform to identify text, barcodes or faces in the image, no external libraries needed.whatwebcando.today/shape-detectio…hpic.twitter.com/QEZN5zZaVRVR

via TweetDeck (retweeted on 1:56 PM, Apr 22nd, 2020 via Echofon)

@jaffathecake That’s the happiest story on the Internet today. 😻
What happened to the trap, though?

via Echofon in reply to jaffathecake

📢 New Web API: `Video.requestVideoFrameCallback()`—Be notified when a video frame has been presented for composition.

📄 Spec:wicg.github.io/video-rvfc/7
🎞 Demo:requestvideoframecallback.glitch.me7 (Try it on Chrome Canary 84)

via Twitter Web App

@Dieulot @webkit True indeed. Hopefully statements like Walmart’s can help toggle the toggle. 😃

via Twitter for iPhone in reply to Dieulot

mathias The @ChromeDevTools color picker now supports pasting color values into any of its inputs! 🔥

For example, you can now copy an hsl() color with alpha and paste it into the hex color picker UI. DevTools automatically converts the format and applies the new color. pic.twitter.com/OQxWTqRavc

via Twitter Web App (retweeted on 8:53 PM, Apr 21st, 2020 via Echofon)

andreban My sample implementation of WebUSB + ADB has been now been published on GitHub: github.com/GoogleChromeLa…. See it in action at twitter.com/andreban/statu… and try it out yourself at bandarra.me/projects/webus….

via Twitter Web App (retweeted on 8:46 PM, Apr 21st, 2020 via Echofon)

@_jayphelps @samthor Yes, can reproduce this. You’re stuck on a white page.

via Echofon in reply to _jayphelps

@samthor Nice trick, but yeah, probably should only try this at home… 😆
(Love the Chrome theme, I still use it myself after all the years.)

via Echofon in reply to samthor

@espadrine @mathias @LeaVerou @ChromeDevTools We plan on evaluating the feature with a browser extension, and then decide on our next steps. The extension will add a right-click menu, so the flow will be the same.
twitter.com/tomayac/status…

via Twitter Web App in reply to espadrine

@AndreJaenisch @LeaVerou I have a Chrome extension ready-ish that will be released properly on the Chrome Web Store in the not too distant future (some things need to get sorted first). Meanwhile, you can test it in developer mode: github.com/tomayac/link-t…

via Twitter for iPhone in reply to AndreJaenisch

📢 @webkit, did you see this? bugs.webkit.org/show_bug.cgi?i…:

“This is V[.] from Walmart.com. We implemented `<link rel=prefetch/>` to prefetch scripts in our customer journey and saw some pretty good TTI improvement across pages.”

This is a gre

via Twitter Web App

@jaffathecake 🌳 🐈 🔜 💪🏻🐱
Really happy for you!

via Echofon in reply to jaffathecake

@rmondello Parsing HTML? Yes, please. 🍿

via Echofon in reply to rmondello

DasSurma The premiere is over (and it was freakin’ great!), but the video persists!

If you missed my Supercharged Reunion with @aerotwist, you can watch the video at any time. I’ll periodically check the comments for questions you might have :)

youtube.com/watch?v=TWqFbK…

via TweetDeck (retweeted on 11:18 PM, Apr 20th, 2020 via Echofon)

ChromeDevTools We added some accessibility information to the element pop-over. Check it out in Chrome DevTools on the Canary channel! pic.twitter.com/EWqYVQUggK

via TweetDeck (retweeted on 11:07 PM, Apr 20th, 2020 via Echofon)

WhatWebCanDo What Web Can Do now includes few more new/future Web capabilities:
🏪 Store Distribution whatwebcando.today/distribution.h…
🎬 Run On Startup whatwebcando.today/startup.html
❄️ Freeze/Resume Detection whatwebcando.today/freeze-resume.…
🌙 User Idle Detection whatwebcando.today/idle.html
pic.twitter.com/6z3uKzNKum

via TweetDeck (retweeted on 2:51 PM, Apr 20th, 2020 via Echofon)

@justmarkup Small typo: s/Use the build-in search/Use the built-in search/

Good luck with the launch!

via Echofon in reply to justmarkup

@jaffathecake @LeonieWatson @Paul_Kinlan I just saw weird ghost pictures that looked night-visiony, never tried it myself. Good luck with the regular torch then, hope you find it!

via Twitter for iPhone in reply to jaffathecake

@jaffathecake @LeonieWatson I have absolutely no idea if this is helpful for finding a cat at night (sorry if it’s not), but I recall @Paul_Kinlan playing with the Pixel 4 infrared camera: paul.kinlan.me/pixel-4xl-infr….

via Echofon in reply to jaffathecake

shadeed9 ✍️ New Article: Spacing In CSS

I wrote about everything I know about spacing which includes when to use padding vs margin, CSS grid, flexbox, spacer components, and some use-cases/common issues. Happy reading!

🔗 ishadeed.com/article/spacin… pic.twitter.com/AHL8mT9b46

via Twitter Web App (retweeted on 8:42 PM, Apr 19th, 2020 via Echofon)

addyosmani @gauntface Key sizes for performant HTML docs…

(1) What’s my budget for critical-path resources?
In theory, 14.25KB for the initial round-trip, but lots of recent nuance given streaming/TCP/H2: bit.ly/3bmsYn5

(2) What DOM node budget I should aim to stay under?
~ < 1500 nodes

via Twitter Web App (retweeted on 11:18 AM, Apr 19th, 2020 via Echofon)

Good thread on the limits of automatic testing: twitter.com/sundress/statu…. This was started by the attached @____lighthouse test results for google.com. pic.twitter.com/v9iSXCUZWN

via Echofon

@mathias @yoavweiss Say ‘revert’ again. Say ‘revert’ again, I dare you, I double dare you motherfucker, say ‘revert’ one more Goddamn time! pic.twitter.com/rgXpSmIMT1

via Twitter for iPhone in reply to mathias

feross [Proposal] Full Network Access in Progressive Web Apps

discourse.wicg.io/t/filling-the-…

Please chime in if you have use cases this would enable!

via Twitter Web App (retweeted on 8:17 PM, Apr 18th, 2020 via Echofon)

FilipStanis Interesting take on usability:

Can you tell how many windows there are in this screenshot?

pic.twitter.com/c7QE7hwOX7

via Twitter for Android (retweeted on 8:11 PM, Apr 18th, 2020 via Echofon)

@gavindoughtie @excalidraw Check out the blog: blog.excalidraw.com/building-excal…. It was all started by @Vjeux and others. (I have only contributed a tiny piece.)

via Twitter for iPhone in reply to gavindoughtie

@LostInBrittany @fsznajderman You can use the API as progressive enhancement, see this pattern in browser-nativefs: github.com/GoogleChromeLa…. Native API where possible, fallback everywhere else.

via Echofon in reply to LostInBrittany

sergicontre Adobe Spectrum design system based on web components, ES-Modules, and modern browser standards using LitElement and open-wc. @polymer @OpenWc

opensource.adobe.com/spectrum-web-c…

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

@LostInBrittany @polymer @OpenWc Have you seen that the Barcode Detection API has _finally_ launched in Chrome 83: web.dev/shape-detectio…. It’s available on devices with Google Play Services installed (but not on uncertified devices).

via Echofon in reply to LostInBrittany

othermaciej Traditionally, use of the `delete` operator has made JavaScript slow. Now in WebKit, it’s super fast. Learn about all the details in this insightful post: webkit.org/blog/10298/inl… pic.twitter.com/ffCmq1nCgu

via Twitter Web App (retweeted on 10:09 PM, Apr 17th, 2020 via Echofon)

passle_ 🎉 I blogged!

👉 Lessons Learned Building a COVID-19 PWA

I recently contributed to a COVID-19 related app, and here are some of my learnings, I hope it finds you, maybe gives you some ideas, or helps you in any way ❤️

Stay safe and healthy!

dev.to/thepassle/less…

via Twitter Web App (retweeted on 9:04 PM, Apr 17th, 2020 via Echofon)

@nhoizey @bdc In a production app, you’d probably only load the full-resolution images in the lightbox view. Lazy-loading is quite aggressive, test it with a (simulated) JioPhone 2 (kicks in at the selected image). The bigger problem are the missing dimenpic.twitter.com/uuLHGqGSip

via Twitter Web App in reply to nhoizey

@sergeybedritsky @ChromiumDev @nuxt_js Respectfully, no. This is not the same. See the screenshots. All it took was adding `<meta name=”color-scheme” content=”dark light”>`. pic.twitter.com/k8Wo1MNPkE

via Twitter Web App in reply to sergeybedritsky

📢 Chrome 83 is out! From a Project Fugu 🐡 side, v83 comes with a new origin trial for the Native File System API, and finally the Barcode Detection API: blog.chromium.org/2020/04/chrome…. It also brings CSS `contain-intrinsic-size` support and the `color-sche

via Twitter Web App

@firt The only reason may be legacy devices that are stuck on old iOS versions. Like iPhone 5 or something (which my parents still use).

via Twitter for iPhone in reply to firt

@nhoizey @bdc It has `loading=”lazy” (github.com/bendc/gallery/…), so once your gallery grows big, it kicks in.

via Twitter Web App in reply to nhoizey

@TatianaTMac Yes we do. I should have started with “I, too, think…”.

via Twitter for iPhone in reply to TatianaTMac

@firt Hehe, talking of Web App Manifests: music.apple.com/manifest.json. Also worthwhile checking out the `<head>` section of the page. I can’t find a way to use the app in Safari (even deleting the native Music app doesn’t help). Works OK on desktop Chrome.

via Twitter Web App in reply to firt

@firt If the manifest can’t be loaded, you are in trouble anyway. iOS has less of a version fragmentation problem than other OSs *cough*, so (apart from really old devices) there’s an OK high chance the behavior is consistent. Your post raises good points

via Twitter Web App in reply to firt

Creating responsive CSS motion paths: css-tricks.com/create-a-respo…. Pretty neat!

via Twitter Web App

@TatianaTMac I think it makes sense to initially respect `prefers-color-scheme`, but to also allow people to opt-out: web.dev/prefers-color-….

via Twitter Web App in reply to TatianaTMac

agektmr I love glitch.com that lets me write frontend + node server code on the browser, but TIL glitch plugin allows me to work from local VSCode in realtime. Amazing 😍
marketplace.visualstudio.com/items?itemName… pic.twitter.com/MRvqvo1Mwb

via Twitter Web App (retweeted on 9:24 AM, Apr 17th, 2020 via Echofon)

@firt The manifest values take precedence. Honestly the only issue we ran into is the status bar translucent color; I’ve opened bugs.webkit.org/show_bug.cgi?i… for this.

via Echofon in reply to firt

bdc Little weekend project: a simple touch-friendly JS gallery!

Download:
github.com/bendc/gallery

Demo:
cldup.com/NYhJaV-jGy.html pic.twitter.com/yhVRPGOgVU

via Twitter Web App (retweeted on 9:15 AM, Apr 17th, 2020 via Echofon)

ChromeDevTools In the latest Canary, you can emulate locale in addition to geolocation. Both have been combined into the Location option, which can be found in the Sensors Pane. pic.twitter.com/ehBwute3PM

via TweetDeck (retweeted on 12:51 AM, Apr 17th, 2020 via Echofon)

excalidraw Instead of using internalization libraries, we rolled our own and thanks to @crowdin the whole process of translating Excalidraw has been very low maintenance.

Read more on how we did it.
blog.excalidraw.com/enabling-trans…

via Twitter Web App (retweeted on 12:37 AM, Apr 17th, 2020 via Echofon)

If you’re in the business of building Web apps—maybe even Progressive Web Apps—for iOS, give PWACompat a try (quoted tweet ⤵️). We now use it i@excalidrawaw, and it’s great! twitter.com/samthor/status…S0

via Echofon

@samthor Judging from the docs, a lot of developers fell into this trap: developer.mozilla.org/en-US/docs/Web…. There’s even a good example vs. bad example section. But why have angle brackets? I *think* the reason for `<…>` are extension relation types that can cotools.ietf.org/html/rfc8288#s…

via Echofon in reply to samthor

@CharlieCroom @MSEdgeDev No. Microsoft are pioneering this for the time being.

via Twitter for iPhone in reply to CharlieCroom

Vysor is brilliant software for demoing Android devices on a big screen. But the best feature is that now it’s fully built on Web technologies, to a big part proudly powered by Project Fugu 🐡. twitter.com/vysorapp/statu…

via Echofon

The @MSEdgeDev folks are on fire 🔥 recently: an Intent to Prototype for app icon shortcuts menus (for Windows). ⤵️ twitter.com/intenttoship/s…

via Echofon

ChromeDevTools In addition to metrics like FCP or LCP, the Performance Panel in the latest Canary also highlights long-running tasks that prevent the page from being responsive, and potentially annoying layout shifts.

Check out web.dev/tbt and web.dev/cls for details! pic.twitter.com/O4A3ly1uCd

via TweetDeck (retweeted on 9:45 PM, Apr 15th, 2020 via Echofon)

mrdoob Now that we’re all staying home, I thought it would be a good idea to rescue multiuser sketchpad so we can all draw together ✏️✏️✏️

multiuser-sketchpad.glitch.me pic.twitter.com/V0CuZuzcXl

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

ChromeUXReport 🆕 The 202003 (March 2020) release is live on BigQuery!

In this release:

- 6.7% drop in # of distinct origins since Feb
- CLS histogram changes
- easy access to 75th percentile stats

Subscribe to chrome-ux-report-announce for updates 👇🏽
groups.google.com/a/chromium.org…

via Twitter Web App (retweeted on 9:42 PM, Apr 15th, 2020 via Echofon)

@simevidas @ChromiumDev “If you look at drafts.csswg.org/css-color-adju…, it’s because we use ‘light’ as the preferred color scheme. We can only end up w/ a used dark scheme when the preferred color scheme is ‘dark’, or ‘no-preference’ with ‘dark’ appearing before

via Twitter Web App in reply to simevidas

@simevidas @ChromiumDev Yes, the other files count, too. I just wanted to link somewhere concrete.

via Twitter Web App in reply to simevidas

JRRaphael I’m really, really curious to see how this all plays out. It sure seems like it could be significant — for Chrome OS, of course, but maybe also for Android (eventually).
computerworld.com/article/353763…3

via Twitter Web App (retweeted on 9:32 AM, Apr 15th, 2020 via Echofon)

@nhoizey @simevidas @github All that being said, what’s the proper way for nice looking (and accessible) figure markup on GitHub? I tried using CSS, but most of it is being ignored.

via Echofon in reply to nhoizey

@slightlylate @koush @samccone @Paul_Kinlan @vysorapp @b1tr0t Oh, the good old `Window.open()` API. It looks like the popup condition (developer.mozilla.org/en-US/docs/Web…) could be a single point of failure: “The condition is implementation-depepdent an

via Echofon in reply to slightlylate

JudahGabriel Announcing pwa-auth: a new sign-in component for the modern web. ✨🎉

It uses new web APIs to speed through sign-ins, it’s lightweight, open source, and built with ❤ by the @pwabuilder team. 😎

Check it out: medium.com/pwabuilder/pwa… pic.twitter.com/pHZlcqLr5u

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

I’ve been hacking on a Text Fragments polyfill: github.com/tomayac/text-f…. The absolute baseline cases work, but still loads of issues ahead until it is compliant.

via Twitter for iPhone

@midzer @ChromiumDev Linux unfortunately doesn’t have a common badging infrastructure. It’s dependent on the window manager. It’s coming for Chrome OS, though…

via Twitter Web App in reply to midzer

stefanjudis Safari now supports `enterkeyhint`. 👏

I always like it when the enter key gives me more context. 👇

🔗 Spec: html.spec.whatwg.org/multipage/inte…

pic.twitter.com/7HHX77Jow7

via TweetDeck (retweeted on 9:27 AM, Apr 14th, 2020 via Echofon)

@Vjeux @philip_harmse @excalidraw What browser do you use? On Chrome/Edge, we can use the Native File System API through browser-nativefs (github.com/GoogleChromeLa…). Once you create a file (by opening an existing or creating a new file) the changes are sav

via Echofon in reply to Vjeux

EdgeDevTools Remote debugging, UI and navigation improvements, and more!

Check out what’s new for DevTools in Microsoft Edge 83: docs.microsoft.com/en-us/microsof… pic.twitter.com/OpkLpMTfvB

via TweetDeck (retweeted on 5:57 PM, Apr 13th, 2020 via Echofon)

@excalidraw I work for the @googlechrome DevRel team, but in the end my job is Web DevRel, not Chrome DevRel. 😊 At least that’s how I see it. And PWAs are a core piece of Web technology. Made for all.

via Twitter for iPhone in reply to excalidraw

`s/Chrome/Web/` (just added it to the home screen of my iPhone), but apart from that I fully approve of the quoted tweet… 😃 Having Excalidraw as a Progressive Web App unlocks so many great features, I’ll soon get cracking on some Pull Requests. ⤵twitter.com/excalidraw/sta…

via Echofon

@robertnyman Congratulations, Robert and Karin! 🥂

via Echofon in reply to robertnyman

@cwilso “Get stoned”. Oh, *the other* kind of stoned. I had to read this twice. 😂

via Echofon in reply to cwilso

@playbox21 Not that I’m aware of. But you can open a new Issue: github.com/beverloo/notif….

via Twitter for iPhone in reply to playbox21

@samthor What’s this logo? I have set up a cron job that via Puppeteer gets a daily screenshot of your page, diffs it in a cloud function, and if there’s enough of a difference, sends the image off to another cloud function that OCRs it and sends me t

via Twitter for iPhone in reply to samthor

mattcutts This makes me so happy: apple.com/newsroom/2020/…

Technical details here: apple.com/covid19/contac…

Kudos to Apple and Google for their leadership and partnership on this.

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

csswizardry I feel like `counter-increment` never got enough airtime. Using it right now to automatically number the FIGUREs in some documentation I’m writing/designing. pic.twitter.com/X3BfupE1he

via Twitter Web Client (retweeted on 11:30 AM, Apr 11th, 2020 via Echofon)

@KevinKelchen Yeah, given these constraints it might be easier. Maybe Andre has another idea, let’s see.

via Twitter for iPhone in reply to KevinKelchen

@KevinKelchen Because WebViews can be any size, it’s perfectly valid to have a small “stripe” of Web content in an otherwise native app UI. It would be confusing if the API were exposed in such situations. Chrome Custom Tabs is full screen by force research.google/pubs/pub46739/

via Twitter for iPhone in reply to KevinKelchen

Please update straight to v0.6.0, v0.5.0 had a stupid error: github.com/GoogleChromeLa…. It was a bad CORVID-19 day y’day w/ the kids interrupting every 2 min. I didn’t catch the incomplete auto-complete, and it worked on the latest Chrome but I failed t

via Twitter for iPhone in reply to tomayac

ChromiumDev @tomayac You can test this on lite.cnn.com/en by pasting `document.head.innerHTML += ‘<meta name=”color-scheme” content=”dark”>’;` into the @ChromeDevTools console. 🌒
(The too low link color contrast is a known issue: github.com/whatwg/html/is….)
twitter.com/tomayac/status…

via TweetDeck (retweeted on 8:37 PM, Apr 9th, 2020 via Twitter for iPhone)

ChromiumDev Improved 🌒 Dark Mode default styling with the `color-scheme` CSS property and the corresponding meta tag: They allow developers to opt in their pages to the theme-specific defaults of the user agent stylesheet. 👉 Read more in @tomayac’s article: web.dev/color-scheme/

via TweetDeck (retweeted on 8:21 PM, Apr 9th, 2020 via Twitter for iPhone)

We finally have full clarity on @webkit’s “7-Day Cap on All Script-Writeable Storage” announcement: the Service Worker Cache is affected, too: webkit.org/blog/10218/ful…. I’ve confirmed this with @jonathandavis. (Hat tip to ionicframework.com/blog/is-apple-… ag

via Twitter for iPhone

🗣 Heads up for Native File System API users: `handle.createWriter()` is now `handle.createWritable()` and returns a `FileSystemWritableFileStream` (wicg.github.io/native-file-sy…).

✅ I’ve taken care of this change in 💾 browser-nativefs v0.5.0: github.com/GoogleChromeLa…

via Twitter Web App

@TheCelavi @rowan_m @googlechrome @ChromeDevTools @ChromiumDev Does your page by any chance contain `<meta http-equiv=”Content-Security-Policy” content=”upgrade-insecure-requests”>`, or is your dev server sending a `Content-Security-Policy: upgrade-insecu

via Twitter Web App in reply to tomayac

@SamyDindane …ce que tu viens de faire :-) Bonne chance!

via Twitter Web App in reply to tomayac

@SamyDindane Salut! Je ne sais pas, mais en tout cas souscris-toi sur bugs.webkit.org/show_bug.cgi?i…, où je demande l’API.

via Twitter Web App in reply to SamyDindane

@marcenglund @vaadin @arduino @ChromiumDev Brilliant, thanks for the feedback and the bug report! And for playing with the API in an early stage of course!

via Twitter for iPhone in reply to marcenglund

@marcenglund @vaadin @arduino @ChromiumDev This is super cool! I could reproduce the crash with the installed PWA. Did you file a crbug.com/new for this?

via Twitter Web App in reply to marcenglund

marcenglund Check out this experiment at @vaadin Labs;
Plotser is similar to the @arduino Serial Plotter, but a – nothing to installvaadin.com/labs/serial-apiUA

What uses do you see for the Serial API?

Shoutout t@ChromiumDevev 🐡 web capabilities effortspic.twitter.com/SJ2dEtF0bHbH

via Twitter Web App (retweeted on 2:50 PM, Apr 9th, 2020 via Echofon)

mathias 🎉 AVIF support is coming to browsers soon! 🎉

➡️ Firefox: groups.google.com/g/mozilla.dev.…
➡️ Chrome: bugs.chromium.org/p/chromium/iss…

AVIF is a new image format based on the AV1 video codec:

➡️ smaller file size (~50% JPEG size)
➡️ HDR support

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

FilipStanis If your go-to activity is gaming, here’s some good news: free @GoogleStadia for the next two months 🎮🎉

blog.google/products/stadi…

via Twitter for Android (retweeted on 11:16 AM, Apr 9th, 2020 via Echofon)

rowan_m As a sneaky way of feeling more productive, I thought I’d document some of my old Glitch experiments. Et voila, here’s the first one. Learn how to use the Zine Machine template for a zine to read 🌐 online or 🖨️ print ✂️ cut 🙏 fold for your own 📖
dev.to/rowan_m/create…

via Twitter Web App (retweeted on 11:15 AM, Apr 9th, 2020 via Echofon)

n2vi Through sometimes painful experience, Googlers have learned a lot about building safe and reliable systems at scale. Save yourself some pain and study landing.google.com/sre/books/ pic.twitter.com/0UfqqO4JH8

via Twitter Web App (retweeted on 11:06 AM, Apr 9th, 2020 via Echofon)

webkit Get an in-depth overview of how to use the new Web Animations API, available in Safari 13.1, to create and control animations with JavaScript. webkit.org/blog/10266/web…

via Twitter Web App (retweeted on 11:02 AM, Apr 9th, 2020 via Echofon)

@nic_o_martin @jeffposnick My related article (twitter.com/chromiumdev/st…) was up for a while on web.dev, but I forgot to tweet about it—until yesterday. Sorry if this coincided with your (awesome 👏) article going up on CSS Tricks. I was

via Echofon in reply to nic_o_martin

Falsisign: simulation of the “first print, then sign, finally scan again” flow that some bureaucracies require. This is brilliant: gitlab.com/edouardklein/f…. 🖊 twitter.com/somebitsLinks/…

via Echofon

andreasbovens Firefox 75 is out & it has a slew of new features, including:
🥱Image lazy loading
🗜️CSS min(), max() & clamp()
⏯Web Animations additions
📏Easier area measuring
🆗Instant evaluation for console expressions
🔍DOM querying with XPath
🎛️Better network panel
hacks.mozilla.org/2020/04/firefo…

via Twitter Web App (retweeted on 10:38 AM, Apr 9th, 2020 via Echofon)

ChromiumDev 🚿 WebSocketStream—Integrating streams with the WebSocket API:

Prevent your app from getting drowned in WebSocket messages or flooding a WebSocket server with messages by applying backpressure:
web.dev/websocketstrea…R

Another great Project Fugu 🐡 API, explained by@tomayacc.

via TweetDeck (retweeted on 10:11 AM, Apr 9th, 2020 via Twitter for iPhone)

Progressive Web Apps and Project Fugu 🐡 are a title story in the latest @entwickler magazine: kiosk.entwickler.de/entwickler-mag…. With a great article by @christianliebel, and I had the honor of being interviewed. (🇩🇪 content) twitter.com/entwickler/sta…

via Twitter for iPhone

Windows 10 Insider Preview Build 19603 brings File Explorer Integration in the Windows Subsystem for Linux (WSL): blogs.windows.com/windowsexperie…. Tux right there in the File Explorer. Wow. 🤩

via Echofon

From the web.dev engineering blog: How we build the site and use Web Components: web.dev/how-we-build-w…. One example component is for sparklines: github.com/GoogleChrome/w…. 📈

via Echofon

@canofsleep @ChromiumDev Chrome 82 will be skipped (chromereleases.googleblog.com/2020/03/chrome…), so probably it’ll be included in Chrome 83.

via Twitter for iPhone in reply to canofsleep

ChromiumDev 🧐 What is the Privacy Sandbox?

web.dev/digging-into-t…

(The Privacy Sandbox is a series of proposals to satisfy third-party use cases without third-party cookies or other tracking mechanisms. The proposals need your feedback!) pic.twitter.com/dEG5RDHve2

via TweetDeck (retweeted on 8:50 PM, Apr 8th, 2020 via Twitter Web App)

@JakeDChampion @ChromiumDev In this case we have an Explainer (github.com/beverloo/notif…), but no specification draft yet.

via Twitter for iPhone in reply to JakeDChampion

@dfabu @kennethrohde @petele @slightlylate Paging @andreban, our authoritative source when it comes to TWA. 👍

via Twitter for iPhone in reply to dfabu

ChromiumDev 📢 Exciting Project Fugu 🐡 API announcement:

Notification Triggers allows you to schedule local notifications that don’t require a network connection, which makes them ideal for use cases like 🗓 calendar apps.

Read all about the API in @tomayac’s post:
web.dev/notification-t…

via TweetDeck (retweeted on 4:22 PM, Apr 8th, 2020 via Twitter for iPhone)

Really informative HTTP203 episode on cross-origin fetches now and then with @DasSurma and @jaffathecake ⤵️. Recommended background reading: wicg.github.io/cross-origin-e… by @mikewest. twitter.com/ChromiumDev/st…

via Echofon

@jonalvarezz Woohoo, happy it works. 🎉
Next challenge: add a toggle: github.com/GoogleChromeLa….

via Twitter for iPhone in reply to jonalvarezz

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