Thomas Steiner (@tomayac)

Hamburg, Germany

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

August 2021

Speakeasy_JS 📣 Did you miss @tomayac talk about:

➡️ Project Fugu: Closing Gaps in the Web’s Capabilities ⬅️

Not to worry! You can watch it here: youtube.com/watch?v=1KEZa9…

via Buffer (retweeted on 9:29 PM, Aug 31st, 2021 via Twitter Web App)

ChromiumDev 📢 @tomayac’s survey on the Network Information API 📶 is about to close. Make your voice heard while there’s still time. It’s just two yes/no/other and one free-text question: twitter.com/ChromiumDev/st…. Thank you!

via TweetDeck (retweeted on 6:32 PM, Aug 31st, 2021 via Twitter Web App)

@your_num1_dan @cramforce @wanderview @kennethrohde Could and should we, though? Is there a technical reason that speaks against it?

via Twitter Web App in reply to your_num1_dan

@cramforce @wanderview @kennethrohde Doesn’t seem to work as intended in Chrome 92 on macOS. I _had_ an update (😹) and after coming back YouTube Music wasn’t relaunched.

via Twitter for iPhone in reply to cramforce

@jaffathecake @fhemberger @FischaelaMeer The next step after connecting and spelunking around the services would be to try write to its characteristics: web.dev/bluetooth/#wri…. Finding out _what_ to write requires reverse-engineering. Some folks had succplay.google.com/store/apps/det…

via Twitter Web App in reply to jaffathecake

@robertnyman Grattis på födelsedagen, Rob! 🎈 Looking great!

via Echofon in reply to robertnyman

@justmarkup It’s useless now. The most promising successor is Global Privacy Control: globalprivacycontrol.org. It’s not global at all right now, but there is potential for more.

via Echofon in reply to justmarkup

@j9t At this point in time it should be “Google LLC” (limited liability company) and “Apple Inc”. No comma anywhere.

via Echofon in reply to j9t

@samthor @Marabyte_ @TheRealNooshu @AndyDavies Yes, we’re loading this much JavaScript, but you know how sometimes you have to mix in a DUPLO™ brick with your regular LEGO™ bricks because you run out of fitting regular ones? It’s something like th

via Echofon in reply to samthor

@gtbono @slightlylate It sounds like you’d need Electron for that.

via Twitter Web App in reply to gtbono

📢 PSA that you can run Progressive Web Apps on startup. Here’s a blog post that explains this for the Google Chat 💬 app: workspaceupdates.googleblog.com/2021/08/set-go…

via Twitter Web App

There’s now a @webkit explainer for the `<model>` element: github.com/WebKit/explain…. 🌐 twitter.com/tomayac/status…

via Twitter Web App

shadeed9 ✍️ RTL Styling 101, A comprehensive guide for right-to-left styling in CSS.

It includes everything you need to write for right-to-left languages. From common mistakes, fonts, logical properties, design considerations, and much more!

🔗 rtlstyling.com/posts/rtl-styl… pic.twitter.com/Yyin6IDIbU

via Twitter Web App (retweeted on 10:33 PM, Aug 29th, 2021 via Echofon)

@rauschma Make sure this doesn’t happen 😂. I found it more important to think about an image-dimension-independent fallback. For my needs, github.com/tomayac/blogcc… has worked well enough.

via Echofon in reply to rauschma

@edent You can handle the `error` event and show a fallback: github.com/tomayac/blogcc….

via Echofon in reply to edent

@edent 1) Create `<a download=”b.html”>` programmatically.
2) Set its `href` attribute to a data URL representation of the `outerHTML` of ``.
3) Programmatically `click` the link.
4) Profit.

via Echofon in reply to edent

@fernap3 Yes, this comes up frequently and is tracked as github.com/WICG/file-syst…. Feel free to chime in and/or subscribe to the issue to be informed of progress.

via Twitter Web App in reply to fernap3

First-Party Sets and the SameParty attribute (and what this all means for cookies 🍪), by ⁦@rowan_m⁩: developer.chrome.com/en/blog/first-….

via Twitter for iPhone

@littledan The 🇺🇸 US Government got your back with their Dad Jokes API: fatherhood.gov/jsonapi/node/d….

via Echofon in reply to littledan

bramus Grass is green,
Hyperlinks are blue,
Because in April 1993,
Mosaic decided that that would be its hue.

🔗 blog.mozilla.org/en/internet-cu…

via Tweetbot for Mac (retweeted on 11:15 PM, Aug 27th, 2021 via Echofon)

@diekus @marcosc Another alternative is BrowserStack.com. They somehow attach DevTools to real devices (apart from emulators) that they expose to the cloud. You can get free access with an open-source tool.

via Echofon in reply to diekus

@jensimmons @diekus On-device you may get lucky with Eruda: icloud.com/shortcuts/7bec…. I’ve created this Shortcut based on Eruda and use it regularly.

via Echofon in reply to jensimmons

feross Speakeasy JS - Project Fugu: Closing Gaps in the Web’s Capabilities (Thomas Steiner) pscp.tv/w/c_fAhXR3LTE1…

via Periscope (retweeted on 7:03 PM, Aug 27th, 2021 via Twitter Web App)

@programmer_just I don’t know, but ask the implementer maybe: acomminos@fb.com.

via Twitter Web App in reply to programmer_just

In a little bit more than an hour after sending this tweet I’ll have the honor and pleasure of being live on @Speakeasy_JS to talk about some fun Project Fugu 🐡 APIs. Get your free ticket 🎟 for the stream link here: lu.ma/speakeasyjs.

via Twitter Web App

@danbri Sorry, but I don’t know. There are apps that act as a Chromecast: airserver.com/Mac. I think you can find open-source implementations, too. Not sure how feasible it is to do this in the browser.

via Twitter Web App in reply to danbri

The Chrome 94 beta blog post is out: blog.chromium.org/2021/08/chrome…. I’m excited about WebCodecs (web.dev/webcodecs/) and Insertable Streams for MediaStreamTrack (web.dev/mediastreamtra…). Both allow for doing fun things with media!

via Twitter Web App

jsconfin Call for speakers now open 🚨

We invite the JS community to submit their ideas.

Just a few weeks left to submit your talk!
website - jsconf.in

We especially want to hear from you if you’re:
🌈 underrepresented group

@jsconf pic.twitter.com/g1yvpil2WV

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

Modern client-side routing: the App History API, by ⁦@samthor⁩. I had the pleasure of reviewing the article, and it’s really good, and so is the API it describes: web.dev/app-history-ap…

via Twitter for iPhone

@denladeside Oh no 😔. Hope the situation improves and he gets better!

via Echofon in reply to denladeside

@grigs @simevidas If we do that, can we also adopt the

👉[ACCEPT ALL]👈 [customize]

dark pattern to the browser settings? </sarcasm>

via Echofon in reply to grigs

zachleat 📝 New blog post: Vector? Raster? Why Not Both?

zachleat.com/web/vector-ras…

A little walk-through an interesting image optimization technique applied to the hero section on the @jamstackconf site.

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

@briankardell Loving your usage of the singular “they” here.

via Echofon in reply to briankardell

@RReverser @marcosc The asymmetry is making me uncomfortable.

via Echofon in reply to RReverser

AdaRoseCannon As promised here is the finished Augmented Reality Roller Coaster.

Try it in the Samsung Internet Beta or Chrome on Android unfortunately Safari doesn’t support WebXR yet

It should work on any AR device & browser which supports WebXR Augmented Reality.

ada.is/rollAR-coaster/

via Twitter Web App (retweeted on 7:42 AM, Aug 27th, 2021 via Echofon)

threejs Here’s a @glitch with the mosquito model:
threejs-gltf-mosquito.glitch.me pic.twitter.com/wuqq1qIgx3

via Twitter Web App (retweeted on 7:37 AM, Aug 27th, 2021 via Echofon)

Speakeasy_JS SpeakeasyJS is *tomorrow* at 10am with ✨ @tomayactwitter.com/Speakeasy_JS/s…

via Buffer (retweeted on 5:32 PM, Aug 26th, 2021 via Twitter Web App)

@kennethrohde @Mustafa_x @dalmaer @diekus @MSEdgeDev (I’d like this iframe to tab right-click option, too.) To be clear, I was referring to not doing the iframe dance in the first place and just open in such a tabbed tab. (Also related but distinct: web.dev/tabbed-applica…

via Echofon in reply to kennethrohde

Snowden I don’t think you should miss this one.

edwardsnowden.substack.com/p/all-seeing-i

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

verge Microsoft wants Chrome OS users running Office web apps, not Android apps theverge.com/2021/8/25/2264… pic.twitter.com/HFT7aXlwer

via Chorus publishing platform (retweeted on 9:51 AM, Aug 26th, 2021 via Echofon)

@dalmaer Congratulations again, now that you’ve made it public! 🎈 Sounds like a great place, looking forward to seeing what you (and @igrigorik) will come up with!

via Echofon in reply to dalmaer

Still lots of things to figure out, especially the ownership verification part and shared ownership, but First Party Sets (developer.chrome.com/docs/privacy-s…) proposal looks interesting. Good amount of interesting discussion happening in github.com/privacycg/firs…, tootwitter.com/ChromiumDev/st…

via Echofon

@iandevlin Haha, I have a Thomas Steiner somewhere in France with a similar problem.

via Echofon in reply to iandevlin

@TheRealNooshu @libellule Oh man. This is sad. Hope they find a new date soon. Here’s a virtual hug 🤗!

via Echofon in reply to TheRealNooshu

@Mustafa_x @dalmaer @diekus @MSEdgeDev I think I would like this. It’d be better than Google Chat’s document preview in the chat thread (which is sort of this idea of attached tab taken to the extreme techcrunch.com/wp-content/upl…). As long as these tabs co

via Echofon in reply to Mustafa_x

I was triggered by ⁦@shadeed9⁩’s tweet about his Adobe cancelation (twitter.com/shadeed9/statu…) and clicked through to ⁦@GrowthDotDesign’s⁩ “29 UX Case Studies To Improve Your Product Skills”. Great stuff! growth.design/case-studies/

via Twitter for iPhone

Una Learn about the key data structures that make up web rendering (& RenderingNG)

🌲 Frame trees
🌴 The immutable fragment tree
🌳 Property trees
📜 Display lists
🖼️ Compositor frames
✨ & more!

If you don’t know what some of those words mean, read on ⬇️⬇️

developer.chrome.com/blog/rendering… pic.twitter.com/IgD9qJkQxU

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

@rem There are apps like this, for example, Resistor Vision on iOS: apps.apple.com/de/app/resisto….

via Echofon in reply to rem

@SimmerVigor Congratulations, sounds like a super challenging job, especially looking at Issues like github.com/alphagov/open-…. The recent floods in Germany have triggered a similar discussion within our government.

via Echofon in reply to SimmerVigor

ChromeDevTools ✨ What’s New in DevTools (Chrome 94) ✨

🅰️ DevTools now support >80 languages
📱 New Nest Hub devices
🎁 New CSS Container queries badge
👨‍🔬 New origin trials info
✅ Checkbox to invert network filters

… and more! 👉🏼 developer.chrome.com/blog/new-in-de… pic.twitter.com/mxMTi1Xic8

via TweetDeck (retweeted on 5:44 PM, Aug 24th, 2021 via Echofon)

@AdaRoseCannon @KevinPicchi RollAR Coaster. 🤯 I’m a sucker for smart names.

via Echofon in reply to AdaRoseCannon

@cramforce @zachleat Unfortunately in way too many cases the “account” you create by logging in with Google is useless (apart from the site getting more accurate analytics data) and in the next step (or for doing anything meaningful) the site makes yo

via Echofon in reply to cramforce

@yoavweiss Wow, glad it ended well. Hope everyone involved learned something from this experience. What a story to tell…

via Echofon in reply to yoavweiss

@DamselflyPhotos @bassonrichard @chris_sainty @ChromeDev We hear you :-) “Pssst… If you’re on macOS, run Chrome with `—enable-features=WebShare` to get the Web Share API working.” twitter.com/quicksave2k/st… (It’s already working work in progress.)

via Twitter Web App in reply to DamselflyPhotos

@edent If you marked it as security bug then mere mortals like me can’t see it. Sorry, I was not aware you apparently don’t have the CC: option. It exists for me. Anyway, should you not hear back within two days, please ping again and I can reach out to s

via Twitter Web App in reply to edent

@FakeUnicode I remember this proposal. I only half hated it :-)

via Twitter Web App in reply to FakeUnicode

programmingart Part 2/3 of my series “HTTP/3 from A to Z” is now online. In it, I discuss and ’s performance features in technical detail and nuance.

Learn why the new protocols certainly improve things but often don’t entirely solve problems @smashingmag: smashingmagazine.com/2021/08/http3-… pic.twitter.com/IiMCrK73qw

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

@edent Please file it. If it’s a security bug, it won’t be visible publicly, but if you CC: me, I can help triage.

via Echofon in reply to edent

@FakeUnicode I know it’s not the point of the tweet, but maybe nevertheless interesting to learn: The concept of eggplant 🍆 is codified as Q7540: m.wikidata.org/wiki/Q7540. There’s an effort underway to create a multilingual Abstract Wikipedia: m-cacm.acm.org/magazines/2021…

via Echofon in reply to FakeUnicode

@samthor Happy birthday, mate! 🎂 🎈

via Echofon in reply to samthor

Speakeasy_JS This Friday at 10am PT, come see ✨ @tomayac ✨ talk about:

➡️ Project Fugu: Closing Gaps in the Web’s Capabilities ⬅️

📅 Get the secret invite link 🔗 and add it to your calendar! speakeasyjs.com

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

Same Site vs. Same Origin confuses you? Here’s a simple tool to help you out!
(via ⁦@bramus⁩) site-and-origin.securitum.com

via Twitter for iPhone

@dluzar Another problem is unnecessary layout changes when the scrollbar shows. Luckily `scrollbar-gutter` is on the horizon: developer.mozilla.org/en-US/docs/Web….

via Echofon in reply to dluzar

ChromiumDev As shared before (twitter.com/ChromiumDev/st…), Notification Triggers allows you to schedule local notifications that don’t require network, which is great for 🗓 Calendar or ✅ ToDo apps; see web.dev/notification-t… by @tomayac.

🙏 File your interest in github.com/beverloo/notif….

via TweetDeck (retweeted on 6:39 PM, Aug 20th, 2021 via Twitter Web App)

@dandclark1 @AgentZeroNine Here we go, a polyfill for CSS Import Assertions and CSS Modules: twitter.com/guybedford/sta…

via Twitter Web App in reply to dandclark1

@Justinwillis96 @davrous @ChromiumDev @christianliebel That’s the current limitation, but it’s on the roadmap for other platforms.

via Twitter for iPhone in reply to Justinwillis96

@sonseo_rm @JohnMu @googlesearchc Perfetto. Routed to our Blink>Scroll team. Let’s see what they say.

via Twitter Web App in reply to sonseo_rm

ChromiumDev A while ago, we shared that we were working on a ✍️ Handwriting Recognition API (twitter.com/ChromiumDev/st…, by @christianliebel and @tomayac).

We’re now 👀 looking for developers interested in using this exciting API. Please comment on this Issue: github.com/WICG/handwriti….

via TweetDeck (retweeted on 10:52 AM, Aug 20th, 2021 via Twitter Web App)

webdirections Your browser and the file system of your device have never played nicely together–until now.

At Code@tomayacac gets us up to speed with how our browser and file systems can work so much better together.buff.ly/37UZOvhmpic.twitter.com/N5b6j7d6GLGL

via Buffer (retweeted on 10:07 AM, Aug 20th, 2021 via Echofon)

@bramus @jon_neal 👋 Yepp, happy to help, the article hopefully covers most questions you may have already: web.dev/file-system-ac… (but again, happy to help). For compatibility, you might be interested in using it through 💾 browser-fs-access: github.com/GoogleChromeLa…

via Echofon in reply to bramus

@little_bret @asumaran @ChromiumDev We have made it its own permission: web.dev/idle-detection…. It was initially tied to the notifications permission, but this idea was abandoned.

via Echofon in reply to little_bret

@JohnMu @sonseo_rm @googlesearchc This looks strange for sure. Mind filing a new.crbug.com with the video link and post the bug ID here? I’m happy to triage and get it routed to the right team. Grazie!

via Echofon in reply to JohnMu

pwabuilder The Manifest Previewer is now live! This web component will allow you to visualize changes you make to your web manifest as you get your app ready for the Microsoft Store. You will also be able to see the changes on different platforms! Go check it out! blog.pwabuilder.com/posts/visualiz…

via Twitter Web App (retweeted on 9:15 AM, Aug 20th, 2021 via Echofon)

petermllrr @bitandbang I’m currently working on this 😌 An idea is to have this easily available in the styles panel. I am not sure about the workflow – would you copy “all” changes to the clipboard or rather the changes per filepic.twitter.com/mRG61yiBvEvE

via Twitter Web App (retweeted on 8:26 AM, Aug 20th, 2021 via Echofon)

Just presented about my Network Information API reboot proposal to the @webperfwg folks. See the slides with pointers to all other resources: goo.gle/netinfo-reboot…. Thanks, @yoavweiss, for inviting me and thanks to the participants for their kind attentpic.twitter.com/df5uI95Hfz

via Twitter Web App

Inclusive hiring: At Google, we’re required to write our interview feedback in gender-neutral language. “TC” is corp. speak for “the candidate” and when a gender-revealing word slips in your feedback, you get a “spelling error” kind of user interface thatpic.twitter.com/mTe6phaj7E

via Twitter Web App

Since CSS (soon) allows you to style `::grammar-error` (developer.mozilla.org/en-US/docs/Web…), I wonder if the authors of CSS Pseudo-Elements Module Level 4 thought of letting developers trigger a grammar error somehow. Right now, it’s only for errors detected by the

via Twitter Web App in reply to tomayac

@b1tr0t @CharlieCroom @slightlylate @phae @Twitter @beverloo To prevent this from happening, you can listen for the `onbeforeinstallprompt` and prevent the prompt from showing. It’s a fixed bug: bugs.chromium.org/p/chromium/iss….

via Echofon in reply to b1tr0t

BenjaminCoe excited to see that WebKit landing crypto.randomUUID() 🎉

bugs.webkit.org/show_bug.cgi?i…

thanks for the support @chris_dumez 😊

via Twitter Web App (retweeted on 12:31 PM, Aug 19th, 2021 via Echofon)

@jaffathecake Jealousy doesn’t open doors, it closes them!

via Echofon in reply to jaffathecake

@zachleat I have people replace this, too. And ellipsis, and en- and em-dashes.

via Echofon in reply to zachleat

@jaffathecake Thanks on behalf of all future readers of your podcasts. <3

via Echofon in reply to jaffathecake

MSEdgeDev The new Ink API, now available in the Dev channel, improves ink latency on the web by up to 240%. Learn more and try it out for yourself! msft.it/6011n2f9P

via Sprinklr Publishing (retweeted on 11:54 AM, Aug 19th, 2021 via Echofon)

philwalton I think the thing that confuses people the MOST about Core Web Vitals is:

When their lab data tells them things are good, but their field data says they have a problem… 🤔

So I wrote a post to help explain why this can happen and what to do about itweb.dev/lab-and-field-…rpic.twitter.com/mrWDkGcbpzpz

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

Level up your CSS linting using Stylelint. A great overview of ways to lint your CSS. blog.logrocket.com/using-stylelin…

via Twitter for iPhone

jaffathecake A nice visualisation of the different bad ways to random-sort an array, plus a couple of good ways: bost.ocks.org/mike/shuffle/c…

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

@html5test Absolutely. I haven’t had any issues so far, and I took part in all betas so far.

via Echofon in reply to html5test

@tistre It’s just how it works: developer.mozilla.org/en-US/docs/Web…. See specifically the domain attribute.

via Echofon in reply to tistre

nic_o_martin The @ChromiumDev Team is working on a reboot of the Network Information API and is looking for some thoughts from the community: forms.gle/7fqGn3X5134EzG…

via Twitter Web App (retweeted on 11:56 PM, Aug 18th, 2021 via Twitter Web App)

jsconfin 📢 Happy to announce our first set of confirmed speakers for the very first edition of @jsconfin
@tomayac , Kyle David Simpson - @getify , @devdevcharlie ,@flexdinesh

Call for speakers is open 🚨 Apply now

jsconf.in

via Twitter Web App (retweeted on 4:28 PM, Aug 18th, 2021 via Twitter Web App)

Nice use case by @soMelanieSaid for the API: seasons.melanie-richards.com (A site that uses the year’s seasons as the show trigger for the notifications, more details here: melanie-richards.com/blog/seasons-s….)

via Twitter Web App

@beenotung That’s right. There is declarative shadow DOM, though: web.dev/declarative-sh….

via Echofon in reply to beenotung

@anthony_ricaud @yoavweiss The one doesn’t render the other impossible. I used to have an app that, at the OS level, let me control how much data each app could consume. This same concept could exist as a browser level extension (or even browser feature

via Echofon in reply to anthony_ricaud

@Dieulot @edent @ChromiumDev Please share it widely. It’s meant to be understood by tech and non-tech people. I shared it on Twitter, Mastodon, and my business network on LinkedIn and XING. If you use other networks or know people whose opinions you thi

via Echofon in reply to Dieulot

@Dieulot @anthony_ricaud @yoavweiss Sure, mobile Chrome doesn’t support extensions, but concrete technology reality aside, I personally don’t see a way a Web API would define something like a per-site resource download quota. Browsers could do it them@slightlylate

via Echofon in reply to Dieulot

@Dieulot @yoavweiss Thanks! Rather than define new values based on technology (that may not even be in use, like saying Wi-Fi is “4G”), my rebooted spec defines sustained speed in buckets that are open for the speeds of the future and not based on con

via Echofon in reply to Dieulot

@aemkei @divoom I was about to point out support. @html5test has worked with the Timebox Mini (divoom.com/product/timebo…), which may be interesting for Tixy to use, too: bluetooth.rocks/matrix/.

via Echofon in reply to aemkei

webmaxru The program & schedule of @PwaSummit - the year’s main event - is live!
- A keynote by @ireaderinokun
- 9 tech sessions
- Browser vendors panel
- Workshop by @AaronGustafson

👉pwasummit.org

Register a free ticket and share your digital badge w/ tag!

via Twitter Web App (retweeted on 9:12 AM, Aug 18th, 2021 via Echofon)

viticci We did it everyone:

Safari in iOS 15 beta 6 features a new address bar at the bottom that sits below page content. A toolbar with buttons is back.

And we can put the address bar back at the top again 🎉 pic.twitter.com/dbCvauXoDy

via Twitter for iPhone (retweeted on 9:06 AM, Aug 18th, 2021 via Echofon)

@TheRealNooshu Happy for you to have a date to wait for now. The uncertainty must have been horrible. Glad it’s scheduled now. Wishing you all the best and lots of strength! 🍀

via Echofon in reply to TheRealNooshu

@dalmaer Permissions semantically bundled somehow (waves hands). Building a productivity app? “Allow $site to use productivity APIs (File System Access, Clipboard, Notifications)? Yes/No”

via Echofon in reply to dalmaer

@DavidKPiano @bramus @wallabyjs 🤯 Life changer. That’s one of the things I always trialed and errored. Not anymore. Thanks for sharing!

via Echofon in reply to DavidKPiano

DavidKPiano 🔢 Quick tip: if you’re sorting an array in JS and keep forgetting how to write the compare functions (like I do), here’s a mnemonic device:

(a, z) => a - z // ascending, like “a to z”
(a, z) => z - a // descending, like “z to a”

Hope this helps someone! pic.twitter.com/swrOZewOMC

via Twitter Web App (retweeted on 8:44 AM, Aug 18th, 2021 via Echofon)

jaffathecake 📝 We’re experimenting with a page transition API in Chrome. It’s just for SPAs right now, but you can use it on real sites via an origin trial.

We’re really interested in feedback on this. I’ve got some 🎉big opinions🎉 on it, but I’d rather hear your’s

developer.chrome.com/blog/shared-el…

via Twitter Web App (retweeted on 8:38 AM, Aug 18th, 2021 via Echofon)

shadeed9 ✍️ Star Rating: An SVG Solution

I wrote about implementing star rating with SVG by taking partial stars (e.g., a half-star) into consideration. Happy reading!

🔗ishadeed.com/article/star-r… pic.twitter.com/X9VgUTl3Qi

via Twitter Web App (retweeted on 8:37 AM, Aug 18th, 2021 via Echofon)

ChromeUXReport Effective Connection Type (ECT) in CrUX is based on the Net Info API.

If you have any thoughts or ideas to make it better, fill out this survey 👇 twitter.com/ChromiumDev/st…

via Twitter for Android (retweeted on 8:25 AM, Aug 18th, 2021 via Echofon)

@anthony_ricaud @yoavweiss It sounds like you’d be better served by a browser extension for a complex-ish setup like this.

via Twitter Web App in reply to anthony_ricaud

@sid_vishnoi @kennethrohde @dandclark1 You can `try…catch` a dynamic import assertion to check if the type is supported:

“`js
const type = ‘foo’;
try {
await import(‘./foo.json’, {
assert: { type }
});
} catch (err) {
iferr.name

via Twitter Web App in reply to sid_vishnoi

Using CSS Module Scripts to import stylesheets web.dev/css-module-scr…, by @dandclark1.

“`js
import sheet from ‘./styles.css’ assert { type: ‘css’ };
document.adoptedStyleSheets = [sheet];
shadowRoot.adoptedStyleSheets = [sheet];
“`

via Twitter Web App

@Gian_albert02 @ChromiumDev That’s the UI of the @brave browser. You’re tweeting to Chrome.

via Twitter Web App in reply to Gian_albert02

@pepelsbey_ The problem with toggles is that you’re actively fighting the browser if you choose a theme different than the system theme; there is just no way around it. FWIW, my toggle supports both approaches, the `class` attribute or the `link[media]` agithub.com/GoogleChromeLa…

via Twitter Web App in reply to pepelsbey_

@Gian_albert02 @ChromiumDev This is the tabs overview that you have chosen to fill with new tabs. In the general case this overview looks different. 😃

via Twitter for iPhone in reply to Gian_albert02

ChromiumDev Help @tomayac by answering a short (promised!) survey 📋 about his efforts to reboot the 📶 Network Information API: forms.gle/7fqGn3X5134EzG….

More context and background in the quoted tweet ⤵️ twitter.com/ChromiumDev/st…

via TweetDeck (retweeted on 9:51 AM, Aug 17th, 2021 via Twitter Web App)

@samthor Hehe, I’m mostly just “that guy”…

via Twitter Web App in reply to samthor

By the way, Nolan has addressed my question In an update: nolanlawson.com/2021/08/15/doe… Thank you!

via Twitter Web App in reply to tomayac

Does shadow DOM improve style performance? Great article by Nolan Lawson. FWIW, my shadow DOM selectors typically just look like `button {}`, which wasn’t benchmarked (maybe because those don’t realistically work in decently sized Web apps w/o shadow nolanlawson.com/2021/08/15/doe…

via Twitter for iPhone

An `UndoManager` API proposed by ⁦@webkit⁩. 👀 Undo ↩️ Redo ↪️ as part of the Web platform? I like the idea. github.com/WebKit/explain…

via Twitter for iPhone

@mayeedwin1 @Paul_Kinlan @PwaSummit 🤩 Congratulations on getting your talk accepted! Looking forward to seeing you present it.

via Echofon in reply to mayeedwin1

tomayac I’ve rebooted the 📶 Network Information API based on discussions with @yoavweiss Weiss (who’s currently still on a 🏔) and would appreciate you all’s feedback:
- Motivational doc: docs.google.com/document/d/1RD…
- Explainer: github.com/tomayac/netinf…
- Spec draft: ghcdn.rawgit.org/tomayac/netinf…

via Twitter Web App (retweeted on 5:54 PM, Aug 13th, 2021 via Twitter Web App)

@cramforce @ericlaw @ShitUserStory @samthor Or one that values user experience more than “security”. So yeah, banks are out of the game. 😭

via Twitter for iPhone in reply to cramforce

@cramforce @ericlaw @ShitUserStory @samthor I have something baking along these lines: github.com/tomayac/js-inp…. Feedback welcome. (Triggered by my bank refusing pasted IBANs with spaces between the groups of digits.)

via Twitter Web App in reply to cramforce

@ericlaw @cramforce @ShitUserStory See @samthor’s response to my tweet: twitter.com/tomayac/status…. I didn’t know about this.

via Echofon in reply to ericlaw

@torgo @edent @yoavweiss @w3ctag Sharing the different artifacts around for wide early feedback, and will then ask for a TAG review next.

via Twitter Web App in reply to torgo

@rowan_m First, they came for `SharedArrayBuffer` and I did not speak up, because I was not using it.

Then, they put the Gamepad API behind HTTPS and I did not speak up, because my site was already secure.

Then, they came for our cookies and now this ne

via Twitter Web App in reply to rowan_m

rowan_m We’re growing the Chrome DevRel team for Privacy Sandbox! I’m looking for an advocate and a writer at the moment. Link below, but feel free to ask me questions or refer a friend.
Come join us - we have cookies (for now)
careers.google.com/jobs/results/1…
And as ever, I have a GIF for you. pic.twitter.com/q4zV5Y3EA6

via Twitter Web App (retweeted on 3:43 PM, Aug 13th, 2021 via Twitter Web App)

@edent @yoavweiss Thanks, I’ll wait for the US West coast to have seen this before touching the document again, which will make it our Monday effectively… :-)

via Twitter Web App in reply to edent

@dan_jenkins @steely_glint @edent @yoavweiss Note that since auto-detecting can go horribly wrong this would rely on whatever you tell on the OS level: github.com/tomayac/netinf….

via Twitter Web App in reply to dan_jenkins

@DanShappir Thanks, Dan! If this ever goes into an origin trial phase, I hope on Wix to give it a shot.

via Twitter Web App in reply to DanShappir

@edent This is a brilliant recent ! Re: talking to users, I agree, but there’s also the Henry Ford aspect (“If I had asked people what they wanted, they would have said faster horses.”). It’s a middle ground we need to find.

via Twitter Web App in reply to edent

@DanShappir Seeing you just liked my tweet ♥️. The use cases are heavily inspired by someone you know well..ghcdn.rawgit.org/tomayac/netinf…h9github.com/WICG/netinfo/i…ln). Hope that’s OK?!

via Twitter Web App

@edent @yoavweiss Define “normal” 😂. Most people presumably have a concept of apps (or sites) burning through their data. Same for having to wait forever for pages to load compared to smooth experiences. These “normal” people rarely build websites, tho

via Twitter Web App in reply to edent

@edent @yoavweiss User need: Getting an experience tailored to their current network conditions.

Revealing metered: Thanks for not burning my data plan!

Speed vs. latency: Both are important, for most use cases speed matters a lil’ more.

(Note: this tr

via Twitter Web App in reply to edent

I’ve rebooted the 📶 Network Information API based on discussions with @yoavweiss Weiss (who’s currently still on a 🏔) and would appreciate you all’s feedback:
- Motivational doc: docs.google.com/document/d/1RD…
- Explainer: github.com/tomayac/netinf…
- Spec dghcdn.rawgit.org/tomayac/netinf…

via Twitter Web App

@dietrich @intenttoship If it works, I’m happy to set up the same mechanism for Mozilla. Or tell a Mozillan how it works. (Essentially: Sign up with Gmail account, App Script that forwards relevant mails to IFTTT, Blogger action that posts new entry when

via Twitter Web App in reply to dietrich

@kennethrohde Check the help: support.google.com/chromebook/ans…. It also has pointers how to download other note taking apps.

via Twitter Web App in reply to kennethrohde

If you’d like for your Web-based note taking PWA to become the “official” operating system level note taking app, help us by stating your interest ⤵️. OS level note taking actions exist, e.g., on Windows or Chrome OS. twitter.com/ChromiumDev/st…

via Twitter Web App

TLDs—Putting the ‘Fun’ in the top of the DNS:netmeister.org/blog/tlds.htmle

via Twitter for iPhone

@jschauma Great blog post, I learned some new things, thank you!

Tiny correction for .ag: It’s mostly used in the sense of Aktiengesellschaft (en.wikipedia.org/wiki/Aktienges…). Here’s an example: softwareag.com/en_corporate/c….

via Twitter Web App in reply to jschauma

@taloppenheimer @Grammarly Congratulations, Tal! 🎈 Thanks for the things you have done while at Google and all the best for the future!

via Echofon in reply to taloppenheimer

@FakeUnicode This is one of the reasons Google employees are often told not to speak of “to google” things.

via Echofon in reply to FakeUnicode

@DasSurma @slightlylate @jaffathecake @ericlaw is huge in markets like India. What I like is that it’s extensible to other means of transport: wicg.github.io/web-otp/#trans…. Yes, SMS is flawed security-wise. seems like a solution to a

via Echofon in reply to DasSurma

CharlieCroom Kenneth is underselling this! Adding captions to videos is now possible on Twitter.com; that’s a big deal.

This is a great way for creators to reach a wider audience. An older FB study found that up to 85% of videos were watched with sound off. Captions help! twitter.com/kpk/status/142…

via Twitter Web App (retweeted on 7:40 AM, Aug 13th, 2021 via Echofon)

@passle_ @TimvdLippe Doesn’t aggressive unfollowing and turning off ReTweets of some accounts help? Also switching to a not made by Twitter app for less distractions (my tip for iOS is Echofon Pro). It’d be sad to see you go.

via Echofon in reply to passle_

@LukasBrausch @brave Yes, as stated in the article and detailed further here: brave.com/privacy-update….

via Echofon in reply to LukasBrausch

@justinfagnani Maybe it’s clearer from the Explainer: github.com/WICG/storage-f…. “It” refers to building things that are more than just a key-value store.

via Echofon in reply to justinfagnani

@argyleink @kilianvalkhof I use…

:root {
—accent-color: red;
accent-color: var(—accent-color);
}

…in my CSS now.

via Echofon in reply to argyleink

@AminYa74 @jaffathecake @DasSurma I’d happily read a transcript of or a blog post about this episode! 😃

via Echofon in reply to AminYa74

@jlongster Congratulations on launching this! For everything API: you know how to reach the team and me… 😃

via Echofon in reply to jlongster

😲 “What happens when you’ve built your entire app around IndexedDB, and then a brand new super fast storage layer [web.dev/storage-founda…] comes to the web? You’ve locked yourself in.

Using sql.js + absurd-sql, we’ve abstracted away the storajlongster.com/future-sql-web

via Twitter for iPhone

Oh, interesting: @deno_land has added experimental support for : deno.com/blog/v1.13#exp…. Read more about the API in my article: web.dev/websocketstrea….

via Twitter Web App

@dietrich @intenttoship OK, I think I got this. Can you hook up your bot to tomayac.blogspot.com/feeds/posts/de…? This includes all emails to the blink-dev@ mailing list.

via Twitter Web App in reply to dietrich

@_eeston @code @github “Terminals are not available in this environment.”

via Echofon in reply to _eeston

@_eeston @code @github Yeah, just saw this new tip after retweeting the other tip. GitHub was having a great day!

via Twitter for iPhone in reply to _eeston

rmondello No matter what anyone else does with their offerings, iOS and macOS have a built-in, free password manager. I love our new, Mac-native interface in macOS Monterey, which has clear, helpful security recommendations (including breach warnings!) and a verification code generator. :) twitter.com/parrots/status… pic.twitter.com/p6VPLsHxSM

via Twitter for Mac (retweeted on 8:48 AM, Aug 12th, 2021 via Echofon)

@jensimmons With. In a lot of cases this can save you a click.

via Echofon in reply to jensimmons

ChromiumDev 👉 Troubleshooting origin trial issues?

🧐 Our guide can help.

developer.chrome.com/origin-trial-t… pic.twitter.com/HMWHdtW56z

via TweetDeck (retweeted on 8:27 AM, Aug 12th, 2021 via Echofon)

@firt Noted this, too: twitter.com/tomayac/status…. It’s really not intuitive.

via Echofon in reply to firt

argyleink 🆕 GUI Challenge
Thinking on ways to build a switch

[video alt](fun show moment)
apparently a 1px switch can be swiped 1px..! a switch, but tiny 🤣

Video
youtube.com/watch?v=_KqccA…
Article
web.dev/building-a-swi…
Moar
youtube.com/playlist?list=… pic.twitter.com/tDSB6UdFto

via Twitter Web App (retweeted on 8:03 AM, Aug 12th, 2021 via Echofon)

code Wonder what would happen if you went on a @github repo and changed the URL from “github.com” to “github.dev”? 🙊 pic.twitter.com/5lZ2J1z6as

via TweetDeck (retweeted on 8:03 AM, Aug 12th, 2021 via Echofon)

ChromiumDev @JosephArhar and @argyleink team up to introduce `accent-color` on web.dev

“`
input {
accent-color: hotpink;
}
“`

that’s it!

Learn more web.dev/accent-color/ pic.twitter.com/DyP3r2gERy

via TweetDeck (retweeted on 7:48 AM, Aug 12th, 2021 via Echofon)

DasSurma 👀 Oh look, thanks to @lcasdev, there’s now an article on `structuredClone()` on MDN!

developer.mozilla.org/en-US/docs/Web… pic.twitter.com/HSpLkuFuLi

via TweetDeck (retweeted on 7:34 AM, Aug 12th, 2021 via Echofon)

@dietrich @intenttoship Are you aware of an email service that lets you forward incoming emails based on a filter on subject _without_ verifying the forward email (trigger@applet.ifttt.com)? This is where it fails with Gmail; I can’t add the trigger email

via Twitter Web App in reply to dietrich

@gsnedders (Thanks for the clarification! Hoping for the macOS team to add support for AVIF then.)

via Twitter for iPhone in reply to gsnedders

🖼 Image codec update: Firefox 92 will support AVIF: groups.google.com/a/mozilla.org/…. CanIUse is already updated: caniuse.com/avif. Not sure about WebKit: it’s sort of ready , but not: bugs.webkit.org/show_bug.cgi?i….

via Twitter Web App

@shadeed9 See web.dev/prefers-color-… for how I do this for `prefers-color-scheme`, but you can use any media query for this approach.

via Echofon in reply to tomayac

@shadeed9 Rather than overrides and all in one file, have you considered loading the relevant CSS dynamically and having a shared base CSS?

`<link rel=”stylesheet” href=”mobile.css” media=”(max-width: 500px)” />`

via Echofon in reply to shadeed9

@steveruizok You’d think this’d be the easiest thing to fix in order to increase one’s “conversion rate” as a scammer. Apparently it’s still harder than all the other tricks they played on you. I once “bought” a camera for 50€ via bank t

via Echofon in reply to steveruizok

@dietrich @intenttoship This sucks 😔! If I hacked something up with IFTTT, would you integrate a new RSS feed?

via Echofon in reply to dietrich

: Improving CSS Grid compatibility with GridNG. Good overview on how Chromium browsers got more aligned with the CSS Grid spec. 👏 blogs.windows.com/msedgedev/2021…

via Twitter for iPhone

Indiepen: A privacy-friendly tool to embed HTML, CSS, and JS code examples. It’s fully open source, so if you want, you can host your own Indiepen. The focus here is viewing source, as far as I can tell this is not meant for live editing. yetanother.blog/2021-06-24-int…

via Twitter for iPhone

@rauschma Get Parallels 16 (the last not using a subscription model) and you can run Windows 11 and/or 10, among many others.

via Echofon in reply to rauschma

@RenAmam13959759 @Bundestag Elections are usually a compromise, but I vote for the party that I trust the most to take significant steps in slowing down the climate change. Maybe the Whal-o-mat to be released September 2 will be helpful for you to make yobpb.de/politik/wahlen…

via Twitter Web App in reply to RenAmam13959759

🤔 Working on some spec text and I’m not sure if GitHub Copilot is helpful or not:

Naive assumptions like 🧑‍✈️💬 “if I’m on a mobile network, I’m probably on a mobile network” are not accurate. pic.twitter.com/hXWBtqsECS

via Twitter Web App

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