Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

December 2021

@stoyanstefanov @paulcalvano Train Wi-Fi is the new dialup for me. Old habits like the middle click on newsletter links never die.

via Twitter for iPhone in reply to stoyanstefanov

@stoyanstefanov @paulcalvano Modern optimizations like lazy-loading are actually harmful in such circumstances. Here’s an idea: disabling lazy-loading if the loading process happens in the background.

via Echofon in reply to tomayac

@stoyanstefanov @paulcalvano “[I]f a web page loads in a background tab then does its load time really matter”? Just judging from my personal experiences, I load stuff (e.g., links in a newsletter) in the background when I know my connection is abysma

via Echofon in reply to stoyanstefanov

stoyanstefanov 🪐Web Performance Calendar day #31 with @nicj
📈 Self-Profiling Javascript API
🔗calendar.perfplanet.com/2021/js-self-p…
🥳 Today’s article 1 of 4!

via Twitter Web App (retweeted on 7:49 PM, Dec 31st, 2021 via Echofon)

xkcd Formatting Meeting xkcd.com/2562 pic.twitter.com/bvUbE7AKUz

via Twitter for iPhone (retweeted on 3:46 PM, Dec 31st, 2021 via Echofon)

The Gift of It’s Your Problem Now, by ⁦@apenwarr⁩. Really insightful post on the way open source works and how it doesn’t. apenwarr.ca/log/20211229

via Twitter for iPhone

Flash of Undefined Custom Elements (FOUCE): Interesting pattern to combine `Promise.allSettled()` with `CustomElementRegistry.whenDefined()` (developer.mozilla.org/en-US/docs/Web…) to control page visibility based on the critical custom elements being loaded. abeautifulsite.net/posts/flash-of…

via Twitter for iPhone

finnhvman Moonshot project completed 🚀🎉

In 2021 I committed to create a unique organic pattern or texture each week in pure SVG. Size limit was 560 bytes (2 tweets). This is the 52nd piece:

Moon Surface 🌑 (416 bytes) on @CodePen

codepen.io/finnhvman/pen/… pic.twitter.com/k8SWG2WykC

via Twitter Web App (retweeted on 4:23 PM, Dec 29th, 2021 via Echofon)

simevidas If you have 15 minutes to spare, consider reading the official FAQ of the HTML Standard: github.com/whatwg/html/bl…

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

@AdaRoseCannon To be fair, I suppose Google’s Play Store’s review process to be equally “broken”, where “broken” means enforcing subjective rules using subjective human judgement.

via Echofon in reply to AdaRoseCannon

Building designcember.com: web.dev/how-we-built-d…. Great behind the scenes look at our calendar.

via Twitter for iPhone

@LinkofHyrule89 One could read that into the description. It could also just be to let app developers create _additional_ controls to minimize, maximize, etc. This would be similar to the way full screen works now: you can use the native green window cont

via Twitter for iPhone in reply to LinkofHyrule89

@LinkofHyrule89 The description is pretty clear, but I don’t think there is anything more out there quite yet. I can’t find a bug that would mention the flag description: bugs.chromium.org/p/chromium/iss….

via Twitter for iPhone in reply to LinkofHyrule89

Why Tumblr deals with this review process (see quoted tweet ⤵️) and why they don’t simply move to the Web is probably answered in their privacy policy: tumblr.com/privacy/en. It’s not about features (apart from push notifications maybe), it’s twitter.com/Carnage4Life/s…

via Echofon

stefanjudis If you want to know what the `hwb()` CSS color notation is about. 👇🙈

stefanjudis.com/blog/hwb-a-col…

❗ Disclaimer: to see the demo in action you have to use Safari 15 or Firefox 96 (currently Nightly).

Video alt: Color picker controls (hue, white and black) affecting a hwb color. pic.twitter.com/rcrP2oAwSr

via Twitter Web App (retweeted on 9:22 AM, Dec 28th, 2021 via Echofon)

@bramusblog Curious, what’s your prediction for CSS Module Scripts? web.dev/css-module-scr…

via Twitter Web App in reply to bramusblog

@simevidas @patrickbrosset I think videos and articles can very much complement each other. I would not necessarily say the one is easier to consume as the other. It also depends on the device you watch/read something on and the situation you’re in. Ide

via Echofon in reply to simevidas

@SimmerVigor @ChromiumDev Tracked already as @____lighthouse issue github.com/GoogleChrome/l…. But thanks for bringing this up anyways.

via Echofon in reply to SimmerVigor

tomayac I had fun in creating a “solar-powered” ☀️ calculator with the Ambient Light Sensor and the Window Controls Overlay APIs: designcember.com/#26th 🎄. Jump right to the post web.dev/designcember-c… and enjoy the demo designcember-calculator.glitch.me (best viewed on Android—needs a flag).pic.twitter.com/PJemS8fznpp

via Echofon (retweeted on 6:10 PM, Dec 26th, 2021 via Twitter Web App)

ChromiumDev A gift for all! 🎁

Learn how @tomayac recreated the TI-30X SOLAR calculator in HTML, CSS, and JavaScript, using the Window Controls Overlay API and the Ambient Light Sensor API!

🎄🧮

designcember.com/#26th

via TweetDeck (retweeted on 3:38 PM, Dec 26th, 2021 via Twitter for iPhone)

I had fun in creating a “solar-powered” ☀️ calculator with the Ambient Light Sensor and the Window Controls Overlay APIs: designcember.com/#26th 🎄. Jump right to the post web.dev/designcember-c… and enjoy the demo designcember-calculator.glitch.me (bestpic.twitter.com/PJemS8fznp

via Echofon

@qgustavor This is acknowledgedly unusual, but the implementation in this case was finished (in Chromium 98, chromestatus.com/feature/564080…) before the spec PR was merged.

via Twitter Web App in reply to qgustavor

@_developit @_zouhir @glitch @github @code @PrettierCode Oh no. I have to say it burnt me once and I lost data and didn’t use it after that, but it was great _when_ it worked.

via Twitter for iPhone in reply to _developit

@_zouhir @glitch @github @code @PrettierCode Glitch is infamous for its glitches where it would be down for a bit and apps would just not wake up. It’s gotten a lot better recently. I understand and think it’s only fair that apps sleep after a while o

via Twitter Web App in reply to _zouhir

@_zouhir @glitch has git export, @github import and export, has immediate non-iframed hosting, and optionally gives you a server. I wish it had a slightly better uptime history and a richer editor (but there is a @code plugin for local editing, and it int@PrettierCode

via Echofon in reply to _zouhir

Creating A Custom Range Input That Looks Consistent Across All Browsers: smashingmagazine.com/2021/12/create…. I can’t wait for ⁦@openuicg⁩ to make this process easier. Meanwhile, the generator tool range-input-css.netlify.app linked from the article is the next bes

via Twitter for iPad

webstandards_en Control how your app is launched. @tomayac tells about the Launch Handler API that will let PWAs customize their launch behavior across all types of app launch triggers.

web.dev/launch-handler/ pic.twitter.com/EwUHzKBTO7

via Amplifr (retweeted on 2:08 PM, Dec 23rd, 2021 via Twitter Web App)

Vjeux Cool blog post on how to draw an arrow between two boxes! dragonman225.js.org/curved-arrows.…

via Twitter for iPhone (retweeted on 8:57 AM, Dec 23rd, 2021 via Echofon)

@dfabu @firt Came here to say this. But, hey, one can always hope 🤞. The best we can do is let the @webkit team know why we want this: bugs.webkit.org/show_bug.cgi?i…. FYI, @jensimmons. Two write-ups: web.dev/excalidraw-and… for @excalidraw and web.dev/svgcode/#file-…svgco.de

via Echofon in reply to dfabu

@danbri @JohnMu This is where the analogy gets strong again. 😃

via Twitter Web App in reply to danbri

@JohnMu @danbri Yepp, the analogy gets weaker. I guess the gist is: people shouldn’t have to worry about the engine as long as it lets them get their regular tasks done. Which boils down to defining what counts as a “regular task” on the Web. Browser vend

via Twitter Web App in reply to JohnMu

@JohnMu @danbri The analogy becomes weaker here, but you’d choose a different engine (and car) when you want to drive in a desert or on a Formula 1 track (i.e., advanced apps) instead of the city, but with both a Jeep engine or a McLaren engine you could

via Twitter Web App in reply to JohnMu

@danbri @AnaestheticsApp Analogy of course, not metaphor. And yes, I dug up the difference now, trying to improve my knowledge on multiple levels here..writersdigest.com/write-better-f…RK

via Twitter Web App in reply to danbri

@danbri People definitely don’t know this, but it can be easily explained with metaphors: Cars are the browsers, and car engines are, well, the browser engines. Some cars share the same engine (examples: hotcars.com/surprising-car…) on the inside, but typical

via Twitter Web App in reply to danbri

@danbri Absolutely correct, just on desktop, where this kind of behavior may be less expected.

via Twitter Web App in reply to danbri

“My site is broken on DuckDuckGo’s browser” will be an interesting bug.

“In other words, on Windows, the browser will use Edge/Chromium rendering, and the same goes for Safari/Webkit on macOS.”

DuckDuckGo is working on a privacy-focused desktotheverge.com/2021/12/21/228…

via Twitter for iPhone

@TheRealNooshu Thanks for taking the energy to write this up! Wishing the remaining 5% of G. the worst of times! All the best and much courage to you and your family. Hugs! 🤗

via Echofon in reply to TheRealNooshu

bramus 💡 Note that :has() is way more than a CSS “Parent Selector”

/* Select figure that has a figcaption as a child */
figure:has(figcaption) { … }

/* Select img that is a child of a figure that contains a figcaption */
figure:has(figcaption) img { …smashingmagazine.com/2021/06/has-na…xyZj

via Tweetbot for Mac (retweeted on 8:02 AM, Dec 21st, 2021 via Echofon)

“Implemented `FileSystemFileHandle.getFile()`”. More File System Access API goodness coming to @webkit Safari! 👏 twitter.com/webkit/status/…

via Echofon

@jcubic @ChromiumDev This specific feature’s origin trial will currently work exclusively on Chrome OS according to the tracking bug: bugs.chromium.org/p/chromium/iss….

via Echofon in reply to jcubic

💡 Actually SVGcode (svgco.de) makes use of svgo internally for saving—the same library that powers SVGOMG jakearchibald.github.io/svgomg/V). But the best is that both tools can indeed play together super well thanks to the Async Clipboard API:web.dev/svgcode/#async…twitter.com/Accudio/status…

via Twitter Web App

New origin trial alert: Web App Dark Mode 🌒 developer.chrome.com/origintrials/#…. Customize Web App Manifest properties like `background_color` according to the user’s preferred color scheme.
It’s already live in SVGcode: svgco.de! See the source codgithub.com/tomayac/SVGcod…pic.twitter.com/r5QYAuWSZN

via Twitter Web App

@rauschma I have mnemonics, so I use “General Motors” (`/gm`) or “gum” (well, `/gum`), etc.

via Echofon in reply to rauschma

@DanShappir @nextInsurance1 All the best for this next step and congratulations! 🎈

via Echofon in reply to DanShappir

@feross Admittedly the related Chromium page leaves to be desired (chromium.org/blink/deprecat…—FYI@chrishtrr), but search for “Feature deprecations” onchromium.org/blink/launchin…0, where (surprisingly?) the deprecation steps are clearly listed. Also seesysnet.ucsd.edu/~voelker/pubs/…@__apf__

via Echofon in reply to feross

@feross “Being ignored” is contradicted literally in the next email to the thread you linked to, written by @DanielBratell: “How much of the web will break, and how badly. The numbers mentioned, 0.5% of sites set document.domain, 0.05% seem to depen

via Echofon in reply to feross

Wattenberger viewBox

by default, the unit space in a SVG element is the same as the pixel space. “1” = 1px

but if you specify a viewBox, you can set the [x, y (top left corner), width, height] of unit space. v helpful for things like: making 0 the horizontal center

wattenberger.com/guide/scaling-… pic.twitter.com/qnL2PYOHYc

via Twitter Web App (retweeted on 11:37 AM, Dec 19th, 2021 via Echofon)

@DFlatMinor @Paul_Kinlan @dstaley This is the state of 2019. 2021 has this for you on offer: groups.google.com/a/chromium.org…. The change will probably go live in 2022.

via Echofon in reply to DFlatMinor

@cwilso @soMelanieSaid @DasSurma We usually call it Mantellängenunangemessenheitsangst (coat length inappropriateness fear).

via Echofon in reply to cwilso

@samthor /me bows in awe 🙇. You’re one of the people I deeply respect and look up to. All the best for what comes next. It’ll be great! Big remote hugs 🤗!

via Echofon in reply to samthor

DasSurma `structuredClone()` is on its way to stable in all major browsers, and already available in Firefox, Node 17 and Deno.

I thought it was time to write an article!

👀👇
web.dev/structured-clo…

via TweetDeck (retweeted on 10:07 PM, Dec 16th, 2021 via Echofon)

@dfabu @annevk @kennethrohde @firt @mkruisselbrink Could you bring this up in a new Issue on github.com/WICG/file-hand… (and probably link it to the Issue Anne mentioned, so the connection is made? Thanks!

via Twitter Web App in reply to dfabu

@dfabu @annevk @kennethrohde @firt @mkruisselbrink Probably it’s best to get those proposals up on github.com/WICG/file-syst…, as suggested by Anne.

via Twitter Web App in reply to dfabu

@annevk @dfabu @kennethrohde @firt @mkruisselbrink We need a name for the spec that will contain the `show{FileOpen, FileSave, Directory}Picker()` methods, i.e., the ones that Apple chose to _not_ implement. The concepts they share (like `FileSystemFileHa

via Twitter Web App in reply to annevk

@dfabu @annevk @kennethrohde @firt @mkruisselbrink I think we need to very clearly convey in the names what is a file in the sense of `C:\Documents\notes.txt` vs. what is a “file” in the sense of “it exists in _whatever_ representation on disk _somewhere_

via Twitter Web App in reply to dfabu

Wide Gamut 2D Graphics using HTML Canvas, by @heycam. Love the interactive demos! If you can, try it on a supported device: webkit.org/blog/12058/wid….

via Twitter Web App

@Herschel_R /me looks for the space bar on the mobile website. 😂

via Echofon in reply to Herschel_R

tomayac @dfabu @kennethrohde @firt It’s a confusing situation, but things finally settle. See github.com/whatwg/sg/issu… for the details. Essentially Apple agreed on implementing the OPFS, but not the pickers, so this part was broken out of the WICG spec wicg.github.io/file-system-ac… and put into whatpr.org/fs/1.html.

via Twitter Web App (retweeted on 8:53 AM, Dec 16th, 2021 via Echofon)

brucel “On the CMA’s interim report on mobile ecosystems” - hot off the blog! brucelawson.co.uk/2021/on-the-cm…

via TweetDeck (retweeted on 8:48 AM, Dec 16th, 2021 via Echofon)

@wesbos @SaraSoueidan I’d use the Web Share API (web.dev/web-share/) and fall back to the approach described by @wesbos in case it’s not available. I’d definitely not load the share widgets each service offers, they tend to be heavy and privacy

via Echofon in reply to wesbos

In case you use Flutter Web for building PWAs, this deck by @mhadaily in the quoted tweet ⤵️ (weird slides navigation, you want to navigate down until you can’t, then right, then repeat) shows you how to customize the service worker.

>$ flutter buitwitter.com/mhadaily/statu…

via Echofon

Congratulations 🎈 to all elected members of the @w3ctag, and thank you 🙏 for your service and everything you have done for Project Fugu 🐡 and the Web in general, @kennethrohde! twitter.com/w3cdevs/status…

via Echofon

Pool-Party: Exploiting Browser Resource Pools as Side-Channels for Web Tracking: “[W]e were able to identify exploitable limited-but- unpartitioned resource pools [like WebSockets or SSE] in all browsers, which we were successfully able to exploit[.]”arxiv.org/abs/2112.06324

via Twitter for iPhone

@dfabu @kennethrohde @firt It’s a confusing situation, but things finally settle. See github.com/whatwg/sg/issu… for the details. Essentially Apple agreed on implementing the OPFS, but not the pickers, so this part was broken out of the WICG spec wicg.github.io/file-system-ac…whatpr.org/fs/1.html

via Twitter Web App in reply to dfabu

ChromiumDev 🚀 Control how your app is launched: web.dev/launch-handler/.

Launch handler lets you control how your app is launched, e.g., if it uses an existing or a new window or if the chosen window is navigated to the launch URL 🔗. Learn all about `launch_handler` in @tomayac’s article.

via TweetDeck (retweeted on 6:27 PM, Dec 15th, 2021 via Twitter Web App)

ChromiumDev 🎥 We made this video on dumb old DOM APIs for 🎃halloween👻, but looking at the calendar, we might be a bit late.

Please enjoy this brand new HTTP203 video with @jaffathecake and @DasSurma on 🎄RuDOM the reflowed renderer🎁!

⬇️ Watch here ⬇️
youtube.com/watch?v=doeOKT…

via TweetDeck (retweeted on 9:18 AM, Dec 15th, 2021 via Echofon)

@sil @brucel Great consulting service, thank you both! 🙏

via Echofon in reply to sil

maudnals Two-factor authentication (2FA) gives your users strong account security 🔒
Check out our new tutorial ⤵️ and learn how to implement 2FA with WebAuthn⏤a cross-browser, phishing-resistant web API!
developers.google.com/codelabs/webau… pic.twitter.com/VRUemUwTy7

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

Tsihanouskaya My husband, Siarhei Tsikhanouski, is sentenced to 18 years in prison. The dictator publicly takes revenge on his strongest opponents. While hiding the political prisoners in closed trials, he hopes to continue repressions in silence. But the whole world watches. We won’t stop. ✊ pic.twitter.com/hdnHj8y6HZ

via Twitter Web App (retweeted on 2:38 PM, Dec 14th, 2021 via Twitter Web App)

The Competition and Markets Authority is carrying out a market study into mobile ecosystems in the UK 🇬🇧 (gov.uk/cma-cases/mobi…) and has published first results:

👉 Interim report: assets.publishing.service.gov.uk/government/upl… [PDF]
👉 Appendices: assets.publishing.service.gov.uk/government/upl…@mtomweb

via Twitter Web App

New PWA alert from Adobe: Creative Cloud Express (express.adobe.com/sp/) makes many small utilities available for free, for example, background removal. It’s an installable experience and well deserves a spot in your apps folder. 🧰🎨 twitter.com/Adobe/status/1…pic.twitter.com/Z5kUakwxAE

via Twitter Web App

ChromiumDev In 2021 we started an effort to eliminate browser compatibility problems in 5 areas
1️⃣CSS flexbox
2️⃣CSS Grid
3️⃣CSS position: sticky
4️⃣CSS aspect-ratio
5️⃣CSS transforms

…and now we have >90% score in all browsers!
Check our progress in this review 👉
web.dev/compat2021-hol…

via TweetDeck (retweeted on 8:56 AM, Dec 14th, 2021 via Echofon)

@firt Wow, what a story. 🍿 Followed the different threads, luckily I understand enough Spanish…

via Echofon in reply to firt

@brucel @shwetank @andreasbovens @pepelsbey_ @mathias I miss Opera and Presto. 😢 My goto browser during high school and almost all of my university years…

via Echofon in reply to brucel

@jaffathecake @andreban Well, it’s been around since JDK 1.0, so definitely has some legacy: docs.oracle.com/javase/7/docs/….

via Twitter Web App in reply to jaffathecake

@jaffathecake @andreban Wholeheartedly agree. It’s mostly an academic discussion.

via Twitter Web App in reply to jaffathecake

patrickbrosset The work done by open-ui.org is very exciting, and so important.

Early experimentation work in Edge makes built-in fully-stylable and accessible <select>s possible, no libraries or custom JS needed.

Check the demo in Edge Canary only: codepen.io/captainbrosset… pic.twitter.com/P03t1HXaIt

via Twitter Web App (retweeted on 7:58 AM, Dec 14th, 2021 via Echofon)

@andreban @jaffathecake Well, as the old saying goes: “URIs identify and URLs locate”.

via Echofon in reply to andreban

You can now see the full accessibility tree in @ChromeDevTools: developer.chrome.com/en/blog/full-a… . Love the way you can toggle between regular view and tree view in the Elements panel. pic.twitter.com/UCh98XnTfW

via Twitter Web App

@ivankutskir Well, your installed @photopeacom experience overrides the default behavior of [cmd]+[n] to not open a new window, but open a new file instead. So installation does give you some freedom to customize the default behavior.

via Twitter Web App in reply to ivankutskir

@ivankutskir You probably know this by now, but here’s a link for anyone who stumbles upon this tweet: web.dev/keyboard-lock/.

via Twitter Web App in reply to ivankutskir

🤩 Wow, @photopeacom has a cool new file explorer feature: File > Open More > From Storage. It’s all powered by the API (web.dev/file-system-ac…)! Try it out at photopea.com. pic.twitter.com/AAekWHHM7o

via Twitter Web App

@edent Very interesting! As a person whose first language isn’t en-GB, could you (or @andrewducker 👋) point me at an example of “the quintessentially British approach of a faint frown and a tone of mild reproof (or its email analogue)”?

via Echofon in reply to edent

bramus A trick I learned from @chriscoyier at @cssdayconf 2017 is that you can alter SVG path data from within CSS using the ‘d’ attribute.

🔗 bram.us/2017/06/21/cha…

Didn’t know it was Chromium only, but soon that’s no longer the case 🤩 twitter.com/intenttoship/s…

via Tweetbot for iΟS (retweeted on 8:43 AM, Dec 13th, 2021 via Echofon)

@TheRealNooshu Happy birthday 🎂, Matt! Stories like yours put so many things in relation… Here’s to many more birthdays, you better develop some good mid-life crisis! 🤗

via Echofon in reply to TheRealNooshu

@henrylim96 @argyleink It’s important to reduce motion that potentially causes negative effects like motion-triggered vestibular spectrum disorder: web.dev/prefers-reduce….
Hovering a button and it slightly moves up? Fine ✅.
Scrolling a page and paral

via Echofon in reply to henrylim96

Kapwing: Powerful video editing for the web: web.dev/kapwing/. Apps like this is why we have created (web.dev/webcodecs/) for. 🤯

via Twitter for iPhone

@css Hey @chriscoyier 👋. Would you be interested in discussing some of the points on your list with a member (*cough*, me) of the Project Fugu 🐡 team?

via Twitter Web App in reply to css

@johnwilander Congratulations, John! 🎈 Let’s see when it’ll be available in Germany…

via Echofon in reply to johnwilander

A 3min 56s conference talk where Alex “@slightlylate” Russell shows slides of network traces underlined by Die Toten Hosen’s song Hier kommt Alex: youtu.be/6z8o7qAIlIU. “Hey, hier kommt Alex! Vorhang auf für seine Horrorschau!” (lyricstranslate.com/en/hier-kommt-…

via Twitter Web App

@natadimou Tenure-track assistant professor in Leuven? Wow, massive congratulations 🎈, and really happy you technically stay part of Team Belgium 🇧🇪!

via Echofon in reply to natadimou

@Jack_Franklin @TimvdLippe “Here are directions to GPS Intact Ltd., Edinburgh Rd, Trinidad & Tobago. By the way, the store might be closed by the time you arrive.”

via Echofon in reply to Jack_Franklin

@hochsays @simevidas Oh, great suggestion, and makes a lot of sense in hindsight 🤦. I’ll look into it after the weekend. Thanks so much for digging into this.

via Twitter Web App in reply to hochsays

@hochsays @simevidas (Been there on Monday. Hope you feel better now/soon.) The code is here: github.com/tomayac/hiit-t….

via Twitter Web App in reply to hochsays

Awww 🥰. User statements like this ⤵️ are the best motivation. Thanks so much, Alba! twitter.com/dawntraoz/stat…

via Twitter Web App

regocas :focus-visible has just been enabled by default in @webkit! 🎉 trac.webkit.org/changeset/2867…

via Twitter for Android (retweeted on 9:05 AM, Dec 10th, 2021 via Echofon)

Breaking out of the [window] box [with (web.dev/window-control…)]: great overview article with a neat motivational example by ⁦@patrickbrosset⁩: alistapart.com/article/breaki…

via Twitter for iPhone

MSEdgeDev The new Detached Elements Tool in Microsoft Edge DevTools helps you find and fix DOM memory leaks in your web app. Learn more on the blog: msft.it/6011Z6AKU

via Sprinklr Publishing (retweeted on 8:34 AM, Dec 10th, 2021 via Echofon)

@rmondello @siracusa A while ago I requested support for the `BarcodeDetector` API in bugs.webkit.org/show_bug.cgi?i…. If this were implemented, devs could just throw the bare pixels at it and get the data out, even from a `table`-based QR code. (Yes, I get that

via Echofon in reply to rmondello

@rauschma Oh, thanks for sharing. It’s one of these things that bothered me, but not enough to investigate. Finally I know how to make @code do what I want there.

via Echofon in reply to rauschma

@simevidas @hochsays Yes, my suspicion is that the user gesture is counted as expired by WebKit. Need to investigate more.

via Twitter Web App in reply to simevidas

tomayac 📢 SVGcode is on @ProductHunt today: producthunt.com/posts/svgcode-2. Very excitedly looking forward to answering the questions from the Product Hunt audience! 😆

via Twitter Web App (retweeted on 5:50 PM, Dec 9th, 2021 via Twitter Web App)

@hochsays @simevidas Since I have your attention now, any idea why my simple beeping doesn’t work on Safari? It’s literally just a beep…

via Twitter Web App in reply to hochsays

@carlschultz_ Thanks for the kind words 😊. I was basically the same, and in the end decided to just build what I was searching for.

via Twitter for iPhone in reply to carlschultz_

@rauschma @intenttoship Technically that’s what alternative style sheets are for: developer.mozilla.org/en-US/docs/Web…. Unfortunately it’s only natively supported by few browsers like Firefox, but support is easy to add with JavaScript: alistapart.com/article/altern… (a litt

via Twitter Web App in reply to rauschma

@simevidas @hochsays would probably know the answer. FWIW, I didn’t manage to make Safari even beep in a demo app (tomayac.github.io/hiit-time/) I did for an article (web.dev/mini-app-examp…).

via Echofon in reply to simevidas

intenttoship Blink: Intent to Experiment: Dark mode support for web apps groups.google.com/a/chromium.org…

via Zapier.com (retweeted on 12:31 PM, Dec 9th, 2021 via Echofon)

@bansal_io It works somewhat, but some of the APIs that make it fast on Chrome (the actual Chrome, not the Chrome on Android that internally uses `WKWebView`) are not available on Safari unfortunately.

via Twitter Web App in reply to bansal_io

📢 SVGcode is on @ProductHunt today: producthunt.com/posts/svgcode-2. Very excitedly looking forward to answering the questions from the Product Hunt audience! 😆

via Twitter Web App

@simevidas @ChromiumDev Protect My Choices is one of my personal favorites: chrome.google.com/webstore/detai…. Google also offers a Google Analytics opt-out extension: tools.google.com/dlpage/gaoptout.

via Echofon in reply to simevidas

wesbos I used github code search all the time to see how other people have implemented other APIs or to see how frequently something is used.

Excited for the new Github code search, this is going to be a power tool for groking and debugging code.

github.blog/2021-12-08-imp…

via TweetDeck (retweeted on 8:46 AM, Dec 9th, 2021 via Echofon)

argyleink 🆕
Thinking on ways to build Toasts

Toasts? 🤔
passive, non-interactive UI feedback components 🤓

✅ YouTube youtube.com/watch?v=R75ZVW…
web.dev post web.dev/building-a-toa…
✅ Demo gui-challenges.web.app/toast/dist/ pic.twitter.com/WCTvURv0gq

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

My wife’s and my Nikolaus 🎅 present (December 6) was a booster shot 💉. This time we got @BioNTech_Group Comirnaty. Sore arms and 💤 were the only secondary effects. My pledge holds: If your country makes _any_ (booster) vaccine available, don’twitter.com/tomayac/status…

via Twitter Web App

Are Text Fragment links (web.dev/text-fragments/) coming to @webkit/Safari?! This change list looks promising at least: trac.webkit.org/changeset/2855…. (Thanks @schweinepriestr for the pointer.) twitter.com/schweinepriest…

via Twitter Web App

@bansal_io In all situations where you cannot serve from localhost, for example, on a shared computer where you don’t have shell access. 😃

via Twitter Web App in reply to bansal_io

@cramforce I mean technically it’s re-authentication I guess. It still knows who I am, yes. It’s super annoying nonetheless though, and, for example, Android never does this.

via Twitter for iPhone in reply to cramforce

@simevidas @addyosmani @marblewraith I assume this are people on older iPhones that don’t get updated anymore who are stuck with iOS 13/14.

via Echofon in reply to simevidas

shadeed9 ✍️ New Article: Defensive CSS

I compiled a list of defensive CSS techniques to avoid possible issues. This is usually a checklist I use when I’m working on a new web project. Hope you find it useful.

🔗 ishadeed.com/article/defens… pic.twitter.com/5pSK31JKEu

via Twitter Web App (retweeted on 9:13 AM, Dec 8th, 2021 via Echofon)

@cramforce Can you start with corp. logging us out every, erm, whatever the period is, please?

via Echofon in reply to cramforce

@quicksave2k I looked up the spec to see how much freedom to lie it leaves up to implementations: html.spec.whatwg.org/multipage/work…. Fingerprinting mitigation is well mentioned there.

via Echofon in reply to quicksave2k

Pretty clever use of the Service Worker APIs: serve a local folder of files in your browser for easy testing without having to run a server. servefolder.dev

via Twitter for iPhone

@hashseed Recruiters keep being impressed by my Java and PHP skills. ¯\_(ツ)_/¯

via Echofon in reply to hashseed

@DanShappir Oh, wow! All the best for the next gig! 🎈 Curious to learn more!

via Echofon in reply to DanShappir

pwabuilder One codebase, one app, three channels for users to get that app: From your browser, from the Microsoft Store and from the Google Play store! PWAs are kinda magic😊 twitter.com/tomayac/status…

via Twitter Web App (retweeted on 10:26 PM, Dec 6th, 2021 via Twitter Web App)

Thanks to @pwabuilder, you can now install SVGcode (svgco.de) right from the Windows Store 🛍 should you prefer so (apart from the Play Store): microsoft.com/en-us/p/svgcod…. Just using the Web app of course remains possible, too.
twitter.com/tomayac/status…

via Twitter Web App

Shared Game Timer (sharedgametimer.com) by @Parakoos is a nerdy little fun PWA that uses a good number of Project Fugu 🐡 APIs like (web.dev/bluetooth/ for sharedgametimer.com/remote-control…), (web.dev/gamepad/), or web.dev/wake-lock/

via Twitter Web App

“Have Core Web Vitals made the web faster?” asked ⁦@tunetheweb⁩: calendar.perfplanet.com/2021/have-core…

via Twitter for iPhone

@miketaylr @simevidas Very interesting. I always thought internal (where Firefox’s is obviously public-“internal”) telemetry would necessarily use different data then what is Web-exposed.

via Twitter Web App in reply to miketaylr

@AaronGustafson @firt Maybe @arvindmurching, whom @slightlylate has pulled into the conversation in bugs.chromium.org/p/chromium/iss…, can add Microsoft’s perspective?!

via Echofon in reply to AaronGustafson

@simevidas That’s interesting! Browsing the data, I’m surprised that Windows 11 is not even visible in the OS stats on data.firefox.com/dashboard/hard…. Can this be possible?

via Echofon in reply to simevidas

@AdaRoseCannon Why would you _not_ dance like no one’s watching and rather optimize your dance moves for the audience?

In contrary, I wish Twitter’s filters were better, so I could decide that to _me_, Ada’s AR stuff doesn’t matter, but that I ve

via Echofon in reply to AdaRoseCannon

feross The team that powers VLC: How a group of university students transformed a school project into a media-player mainstay increment.com/teams/the-team…

via Buffer (retweeted on 11:03 AM, Dec 5th, 2021 via Echofon)

@MarcoInEnglish @vick08 @ChromiumDev I have reported this as bugs.chromium.org/p/chromium/iss…. Please add more details to the bug if you can, especially the version where this started to occur. Thanks for your help! Also sorry for the inconvenience. 😔

via Echofon in reply to MarcoInEnglish

@alexainslie @LeonieWatson @googlechrome To add to this: having this feature should by no means be seen as an excuse to no longer label one’s images. (By the way: feedback on my own image labeling here on Twitter is very welcome. I always try to describtwitter.com/tomayac/status…

via Echofon in reply to alexainslie

ChromiumDev With an offline fallback page you can give your users a friendlier experience when they have trouble with the network. 💫 📶🚫

Check this video with @tropicadri to learn how you can serve your offline fallback with @workboxjs
and 1 line of code. 🖥️ ✅

youtube.com/watch?v=M7gQg9…

via TweetDeck (retweeted on 7:55 PM, Dec 4th, 2021 via Echofon)

alexainslie Billions of images on the web today don’t have alt-text provided by creators/developers. That makes it difficult (sometimes impossible) for people who rely on screen readers to use the web.

To close the gap, @googlechrome can automatically generate labels for images. pic.twitter.com/yd1jkeZlRJ

via Twitter Web App (retweeted on 7:52 PM, Dec 4th, 2021 via Echofon)

@sw12 They can! Just need to wait for Chromium 97: chromestatus.com/feature/503246…. 🎉

via Echofon in reply to sw12

@hadleybeeman All the best for whatever comes next! 🎈

via Echofon in reply to hadleybeeman

@jaffathecake @ChromiumDev Might be worth discussing your idea with Beverloo. I don’t have enough background on the Android constraints (future and current).

via Twitter for iPhone in reply to jaffathecake

@jaffathecake @ChromiumDev Sad indeed, but talking to Beverloo, the decision—while disappointing because there was quite some developer excitement—makes sense.

via Echofon in reply to jaffathecake

tomayac 🙃 The comic in the quoted tweet ⤵️ probably is the best way yet to explain what my new PWA called SVGcode (svgco.de) does.

😀 For more background, watch the video (youtu.be/kcvfyQh6J-0) or read the article (web.dev/svgcode/).

twitter.com/mxbck/status/1… pic.twitter.com/01pQEddmoE

via Echofon (retweeted on 8:27 AM, Dec 3rd, 2021 via Twitter Web App)

@ericlaw @simevidas LOL, typo’ed an off-by-one error… 😂 I’m sure it also will be great next year, too!

via Echofon in reply to tomayac

@ericlaw @simevidas I remember this article. It was great in 2017 and still is in 2022. The screenshots story around theme customization is mind boggling. How could they not notice?¿?

via Echofon in reply to ericlaw

@simevidas WCO (web.dev/window-control…) lets the disguise become even more perfect. Another attack vector is to start like a harmless PWA that then tries to change its identity to look like your banking software. This is why WCO is opt-in and icon and/or

via Echofon in reply to simevidas

@ericlaw I definitely approve of _any_ place called Steiner Ranch Steakhouse 🥩. Five stars ⭐️⭐️⭐️⭐️⭐️.

via Echofon in reply to ericlaw

@justinfagnani This article developers.google.com/search/docs/ad… describes all the steps. In short: prepare the new site (set up Search Console etc.), come up with an n:m URL mapping (n and m don’t have to be the same), and then start 301 redirecting.

via Echofon in reply to justinfagnani

puruvjdev VSCode app in macos.vercel.app is now powered by @stackblitz

I have been really liking the experience recently, hence it made perfect sense to give Stackblitz the love they deserve

(On Brave Browser, disable shields on site to view this 🤷‍♂️) pic.twitter.com/ZEx0BXcWp8

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

@HenriHelvetica @tkadlec @RealWebPageTest @Catchpoint @mdaoudi @JeenaJ @jefflembeck @reddycatchpoint @patmeenan Oh yes, that’s fantastic news! 👏 Huge congratulations on this gig! Can’t wait to see you make massive impact there! 🎈

via Echofon in reply to HenriHelvetica

🙃 The comic in the quoted tweet ⤵️ probably is the best way yet to explain what my new PWA called SVGcode (svgco.de) does.

😀 For more background, watch the video (youtu.be/kcvfyQh6J-0) or read the article (web.dev/svgcode/twitter.com/mxbck/status/1…pic.twitter.com/01pQEddmoE

via Echofon

tunetheweb OK so the @HTTPArchive Web Almanac is really cool and all, but what I really like is the 7 HUNDRED page ebook we made out of it!!!!

almanac.httparchive.org/en/2021/table-…

It’s growing every year… twitter.com/rick_viscomi/s… pic.twitter.com/9d1kEl1fV2

via Twitter Web App (retweeted on 9:40 PM, Dec 2nd, 2021 via Echofon)

OskSta Oh. What’s this?

A free Townscaper web demo, playable straight in the browser: oskarstalberg.com/Townscaper/

🕊️💦🌊🏡🏤⛪️🏤🏡🌊💦🕊️ pic.twitter.com/Hg0f187xsb

via Twitter Web App (retweeted on 9:55 AM, Dec 2nd, 2021 via Twitter Web App)

@sillyslux @rflrkn Der zentrale Bug ist bugs.chromium.org/p/chromium/iss… (Deep-Link zum letzten Googler-Kommentar). Es ist wohl kompliziert…

via Echofon in reply to sillyslux

argyleink Announcing Open Props 🎉
open-props.style

350 ✨free✨ CSS variables

via Twitter Web App (retweeted on 8:43 AM, Dec 2nd, 2021 via Echofon)

Una We built the landing page to highlight:

- AVIF image formats & animation
- Container queries & responsive grid
- Delightful dark themes

We also used a new CQ Polyfill & new CSS library 😎 Both linked in footer w/ a writeup to come!

designcember.com twitter.com/ChromiumDev/st… pic.twitter.com/R7xrbdQwj6

via Twitter Web App (retweeted on 8:42 AM, Dec 2nd, 2021 via Echofon)

rick_viscomi 🔥 Introducing the 2021 edition of the Web Almanac 🔥

The web community’s “state of the web” report:

- Spanning 24 in-depth chapters
- Created by 100+ contributors
- Analysis of 40 TB of @HTTPArchive data
- 700+ pages of content
- Completely free!

almanac.httparchive.org/en/2021/

via Twitter Web App (retweeted on 8:41 AM, Dec 2nd, 2021 via Echofon)

anssik 🧪For the brave, we provided a sneak peek into this Web API using the polyfill implementation: webmachinelearning.github.io/webnn-samples-…

💪When WebNN API lands in Chromium, you can expect a huge speedup over the polyfill: lists.w3.org/Archives/Publi…

via Twitter Web App (retweeted on 7:40 AM, Dec 2nd, 2021 via Echofon)

@KaaFury My example was only one of several traps people can fall into. The extension trains you to think about those traps as you code, but I agree, a good set of lint rules is definitely great, too.

via Twitter Web App in reply to KaaFury

“`js
if (!’foo’ in bar) {
// foo not supported.
}
“`

The above code is buggy 🐛. This would have been spotted easily with @captbaritone’s JavaScript operator precedence extension for @code: jordaneldredge.com/blog/a-vs-code…. Brilliant idea!
(via @Vjeux.) pic.twitter.com/lzwWu4CFvH

via Twitter Web App

@AnaestheticsApp @robwormald @rauschma Persisted storage definitely is last in the to-be-purged queue. But it can eventually still happen. API support for Android is tracked as crbug.com/1011535.

via Twitter Web App in reply to AnaestheticsApp

philwalton 💡Want to ensure your pages are eligible for bfcache in Chrome—to get instant back and forward navigations?

DevTools recently added a feature to test this. Run it on any page and it’ll list all the issues blocking eligibility.

Learn more here:web.dev/bfcache/#test-…gpic.twitter.com/UXiWVpSHj00

via Twitter Web App (retweeted on 9:49 AM, Dec 1st, 2021 via Echofon)

pwabuilder Check out all these cool open source demo PWAs in the @MicrosoftEdge PWA docs! Tons of REALLY GOOD code samples here😊docs.microsoft.com/en-us/microsof…

via Twitter Web App (retweeted on 9:34 AM, Dec 1st, 2021 via Echofon)

maudnals Curious about Attribution Reporting? It’s a Privacy Sandbox API to measure ad conversions.
• Try the demo locally and check out the code
• Or test it in production (the origin trial is extended!)

All info in the new API guide ⤵️ 📏
developer.chrome.com/docs/privacy-s…

via Twitter Web App (retweeted on 9:00 AM, Dec 1st, 2021 via Echofon)

@Mustafa_x Congratulations on joining the flock! 🐦 *tweet, tweet

via Echofon in reply to Mustafa_x