Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

February 2021

RT @ESnextNews: Streams web API—definitive guide @tomayac
https://t.co/k0y1gZyVzU ^ar

via Twitter Web App

@kennethrohde @henrylim96 @diekus @Mustafa_x @codepo8 @alexey_rodionov @remoteforslides Wait. Some formatting is supported in Play Store descriptions: https://t.co/5GUxfq4LZ5. It has just taken ages to be approved (I thought it had gone live immediately w

via Echofon

@JohnMu @mahemoff Approximately 1 minute left.

It’s somehow the same for macOS updates or washing machines. Approximations are hard.

via Echofon

RT @domenic: Oh cool, the Node.js docs started using content-visibility: auto and went from 1 minute to 1 second rendering time (in Chromiu…

via Echofon

Still happy every time I see Apple @webkit mentioning “Home Screen Web Apps on iOS and iPadOS” or “websites saved to the home screen” sincerely. https://t.co/pZOMCt0h8J ✌️ https://t.co/3G8pCUnOnm

via Echofon

@danbri @Paul_Kinlan That’s the wa@clipchampmp does it when I checked the last time.

via Echofon in reply to danbri

RT @bramusblog: SYMPHOSIZER — Playing with SF Symphony’s new Visual Identity

🔗 https://t.co/4cmHC2DSy3

🏷 #branding #link #sound #typograp…

via Echofon

RT @johanpeitz: ❣️picoCAD is released❣️

🔐 Build tiny models!
🎨 Texture with pixel art!
🎥 Export spinning gifs!

💸 Name your own price!
💻 M…

via Echofon

RT @domenic: ModalCloseWatcher code, including Android back button support, is in Chrome Canary behind a flag! Try out this demo. https://t…

via Echofon

heydonworks Worry less about people disabling JavaScript for websites.

Worry more about JavaScript disabling websites for people.

via Twitter Web App (retweeted on 12:32 AM, Feb 27th, 2021 via Echofon)

RT @ChromeDevTools: ✨ TGIF! New #engineering blog post. 😃

CSS-in-JS is different from regular CSS, and you can use DevTools to edit both!…

via Echofon

The magic of `<script type=”importmap”>`. Here’s to the bundler-less future! https://t.co/YvrUuPtcJP

via Echofon

I’m not entirely sure what is going on, but occasionally the sheet is empty. Too many parallel requests? Help@googlesheetsts.

via Echofon in reply to tomayac

Glitch superstar @rowan_m strikes again and drops an awesome fractal viewer! Gorgeous and endless imagery to be explored!
(On iOS, the app requires the WebGL 2.0 flag, but then it works like a charm.) https://t.co/xUK1qOIzS2

via Echofon

@PixelAmbacht I’d take that. 🙋‍♂️

via Echofon in reply to PixelAmbacht

@christianliebel @nic_o_martin Thanks! I see @sayhello has fixed the component selection already, all good then.

via Twitter Web App

@christianliebel @nic_o_martin Could you file a https://t.co/Hy94ztcKtD using the component Blink>Storage>FontAccess, please?

via Twitter Web App

Oh, nice, my Streams API guide (web.dev/streams/) has made it into the latest JavaScript Weekly: javascriptweekly.com/issues/527. Always rewarding to see an article get visibility when you’ve been really working hard on it. 😀

via Twitter Web App

@nic_o_martin @christianliebel Super cool, thanks for sharing and experimenting. FYI, we’ll soon move to a picker model where the browser presents the user with a picker and where they can select fonts individually. We’ll keep you updated on https://t

via Twitter Web App

@christianliebel Oh no. You just made my talk obsolete 😂.

https://t.co/5wlsIK1dCZ.

via Twitter Web App

christianliebel This week, I added the API to paint.js.org. You need Chrome Canary to enable the font-access flag in order to use it. Have fun! pic.twitter.com/E58oNxSdiX

via Twitter Web App (retweeted on 7:10 PM, Feb 26th, 2021 via Twitter for iPhone)

RT @codepo8: 💉🏻 “Capture Keys with the Keyboard Lock API”

🔗 https://t.co/m8vYdP39kL

Learned about that one today. good write-up by @toma…

via Twitter Web App

I’ve worked on a tweet dashboard that shows y’all’s tweets about the Project Fugu 🐡 hashtags we invite you to use in our postgoo.gle/fugu-tweetsUlq.

The zoomed out view’s interesting, showing that nHIeaort &ampic.twitter.com/0Cx8ffNcXi

via Twitter Web App

RT @arw: Want to keep your computer awake? https://t.co/kcKYYpMLR8 ☕️ (for browsers that support navigator.wakeLock) #poweredbyperfcrastina…

via Twitter Web App

@idoshamun @ChromiumDev You can use the new `display_override` for this. https://t.co/D1aU40Duai

via Twitter for iPhone

@idoshamun @ChromiumDev Oh, yeah, news reader apps are one of the use cases the feature is being built for. Looking forward to your experiments with it.

via Twitter Web App in reply to idoshamun

@leeheycock @ChromiumDev Happy to read that this is well received. Looking forward to it landing, too!

via Twitter Web App in reply to leeheycock

@firt No worries. You’re definitely right for `display_override`. We’ll see what happens there.

via Echofon in reply to firt

@nhoizey @zachleat @eleven_ty @ambrwlsn90 @valeriangalliat @5t3ph Thanks for opening the PR, @nhoizey. Subscribed to it, let’s see what the outcome will be. Also thanks@ambrwlsn9090, for the original article and the research behind!

via Echofon in reply to nhoizey

@simevidas Perfectly doable in theory with `WKUserScript` and a `WKWebView`: https://t.co/QP5dH5ujfW. That’s one way how browsers like Bluefy (https://t.co/STQbwt9RYf) can work that add Web Bluetooth support to iOS.

via Echofon

@firt The fallback chain for `display` is specified in https://t.co/tL21bq9rS3.

via Echofon

@kennethrohde @henrylim96 @diekus @Mustafa_x @codepo8 @alexey_rodionov @remoteforslides I’m not sure this article is (still) accurate. I just tried it on my sample app https://t.co/5GUxfq4LZ5 (the words “dark” and “light” should be <strong>, but

via Twitter for iPhone

@kennethrohde @henrylim96 @diekus @Mustafa_x @codepo8 @alexey_rodionov @remoteforslides Anecdotally neither the Play Store nor the App Store support rich text. It’s all ASCII art:

FEATURES:
• Awesome feature.
• Works great.

via Echofon

@jan0711 Thanks, I’ll have a look tomorrow.

via Twitter Web App in reply to jan0711

@zachleat I mean, sure. If you wanna go the official route, that’d be perfectly fine, give@ietftf likes the idea.

via Twitter for iPhone in reply to zachleat

@zachleat You shouldn’t use this path, though: “Applications that wish to mint new well-known URIs MUST register them, following the procedures in Section 5.1.”—https://t.co/sUGeSxNHNi

Just come up with something else like `/.eleventy-data.json`.

via Echofon

samthor JS bundler fans: something I’m working on to save your bytes. If you’re interested, hear me talk for 2 minutes!

youtu.be/Saaz_zU4O-0

via Twitter for Android (retweeted on 10:37 PM, Feb 25th, 2021 via Echofon)

@LinkofHyrule89 @ChromiumDev @discord Window Controls Overlay is the article I’m working on these days… Hope to have it up oweb.devNL real soon!

via Twitter Web App in reply to LinkofHyrule89

@ChromiumDev (The broken hero image is a known issue, fix pending deployment.)

via Twitter Web App in reply to ChromiumDev

@ChromiumDev (The broken hero image is a known issue, fix pending deployment.)

via Twitter Web App in reply to ChromiumDev

RT @ChromiumDev: Did you know that the PWA `display` modes have a fixed fallback chain â›” as per the Web App Manifest spec?

With the new `d…

via Twitter Web App

RT @ChromiumDev: An outlook in the near future: We’re working on adding Tabbed Application Mode 🔒 to PWAs, so you can, for example, edit mo…

via Twitter Web App

RT @kennethrohde: I am so excited about this! Great installation dialog for Progressive Web Apps - I hope this comes to desktop as well #pw…

via Twitter for iPhone

@ebidel @petele @philwalton @aerotwist For Googlers following along: filed b/181201066 since this is a DevSite issue.

via Twitter Web App in reply to tomayac

@ebidel @petele @philwalton @aerotwist As usual: JavaScript ruins everything 😝.
On a more serious note, as the author of a PR that adds a similar feature to https://t.co/Td9ah4AWNL (https://t.co/cxkEjxRqmp), this is a good case to be aware of.

via Echofon

I’m a sucker for interesting maps and maps tiles design stories, and @stamen’s for the new @facebook maps is no exception: https://t.co/syd5TJeR9R. https://t.co/MYWoM3AjwX

via Echofon

RT @anssik: Apple implementing Contact Picker API in WebKit is great news for web developers. I look forward to more device-centric Web API…

via Twitter for iPhone

Another example is @JoshWComeau’s `z-index` exploration: https://t.co/NxIxqC3eb7. #TIL about `isolation`: https://t.co/biIR5rpWQX.

via Twitter Web App

I love these posts where someone dives deep into a topic you think you know everything about, and then you read it and you still learn something new. One of these is @lonekorean’s recent post on the `::before` and `::after` pseudo elements: https://t.co/V

via Twitter Web App

RT @mbostock: It’s been ten years since I pushed the first release of D3.js to GitHub. Have I learned anything? I hope so… but it’s a journ…

via Echofon

@westonruter @pbakaus @cramforce A brilliant guide on integrating Webmentions (in Eleventy) is from @TheGreenGreek: https://t.co/k0xR1mIE0U. That’s what I used for my site (https://t.co/8L8A32m8rX).

via Echofon

@onthebass @davey_burke I came here to check if someone came here to say this. Else I would have come here and said this. Thank you, crash test dummies!

via Echofon

JavaScript performance beyond bundle size: https://t.co/kGAibOK1I1. Great overview of different approaches to JavaScript performance, by Nolan Lawson.

via Twitter for iPhone

Introducing State Partitioning in Mozilla @Firefox, by @johannh. https://t.co/4th1G6Rqds

via Twitter for iPhone

ChromiumDev Got questions about PWAs or Fugu? Need help with your service workers, Workbox, Trusted Web Activity, Web Serial, etc?

A few of us will be answering as many StackOverflow questions as we can tomorrow (Tues, Feb 23rd). (1/3)

via Twitter Web App (retweeted on 2:18 PM, Feb 23rd, 2021 via Twitter for iPhone)

Brilliant introduction to CSS scroll-linked animations by @bramus. ⤵️ In many cases this will be able to replace JavaScript-based scroll listeners, which can be quite taxing. https://t.co/JyFDf4c2Vh

via Echofon

@rowan_m @TheRealNooshu Works fine on iOS 14.5 with the experimental WebGL 2.0 flag set. Nice work! 💏

via Echofon in reply to rowan_m

RT @ricmac: For my column this week, I talked to two companies using #WebComponents: @Keithamus from @github and @gregwhitworth from @sales…

via Echofon

RT @piccalilli_: Have you got a personal site that you just can’t get to read as well as some of the others you like on the web? 

Do you j…

via Echofon

RT @aharth: Call for Developers at The Web Conference 2021 Developers Track: short descriptions of technically challenging web applications…

via Echofon

RT @tomayac: @rniwa_dev This feature specifically was demanded by @unity3d in https://t.co/yvdshWd6bJ. I have described it in https://t.co/…

via Echofon

@rniwa_dev This feature specifically was demanded by @unity3d in https://t.co/yvdshWd6bJ. I have described it in https://t.co/GBfh0DzF0H. The engine uses it: https://t.co/WgiUHHv8rt. Game or AR developers can now soon use it on the Web. </facts> ✌️

via Echofon

RT @TheRealNooshu: New blog post: “Testing priority hints with WebPageTest”. Also includes some experimentation using @Cloudflare Workers.…

via Echofon

RT @cramforce: 🎉 New blog post: How to pick the ideal AVIF and WebP quality settings
Super TL;dr: For JPEGs with quality setting 60, encode…

via Echofon

Getting Deep into Shadows: https://t.co/cTuO65tT8R. Rundown of different ways to create shadows in CSS with their pros and cons.

via Twitter for iPhone

Making Service Workers easier to debug for Progressive Web Applications and more: https://t.co/crewv8bpGl. Some great additions to ⁦@EdgeDevTools⁩.

via Twitter for iPhone

@TypeSong Sorry, completely butchered the name. Mattias Buelens. @MattiasBuelens.

via Twitter for iPhone in reply to tomayac

@TypeSong Fixed in https://t.co/BFlak0MOSV. Mathias Bulens noted this, too.

via Twitter for iPhone

@ryan_marsh Thanks again for the kind words over here, too!
I wasn’t personally planning on writing about TypeScript (I don’t consider myself an expert in TS, not even close), but actual exp@ddprrtprrt has written a great book you might be interested

via Twitter for iPhone in reply to ryan_marsh

RT @steveruizok: 🚀 Just launched perfect-freehand, a minimal open source library for drawing beautiful freehand, pressure-sensitive lines.…

via Twitter for iPhone

@Nyr0 @firt It’s a contact picker sheet like in the built-in Contacts app. Multiple accounts is supported.

via Twitter Web App

Every now and then, the orange site treats you well. <3 pic.twitter.com/EMIy3u7iD9

via Twitter Web App

I’m on episode four of this course, and I can highly recommend it. It has helped me replace some muscle memory vague concepts I had with proper mental models. ⤵️ https://t.co/BxnG152Iug

via Twitter for iPhone

I have written a complete guide to the Streams API: https://t.co/jpqXPlh4T7. If you were looking for an excuse to dive into it, this article might be it. At the end of the post, I list a couple of Web platform APIs that use streams.
https://t.co/gdjvN3NP

via Twitter Web App

@phdchristmas @ChromiumDev Disapprove of your choice of language, but the answer to your complaint is summarized in this article: https://t.co/oS2aNTWdto.

via Twitter Web App

Learn Snowpack: A High-Performance Frontend Build Tool. Nice introduction to ⁦@snowpackjs⁩ by ⁦@Jack_Franklin⁩. Love the outlook to the esbuild integration (which works, but self-proclaimed isn’t production-ready: https://t.co/rdfjtgUJQv). https

via Twitter for iPhone

RT @HenrikJoreteg: Oooh… new #fugu 🐡 API tracker app!

https://t.co/9GzMPXIzNG

via Echofon

@ChromiumDev Massive thanks 🙏 to everyone credited in the Acknowledgements https://t.co/yYbWFxJYDk. I literally couldn’t have written this without all your help, review comments, and prior art!

via Twitter Web App

RT @ChromiumDev: 🔖 Readable Stream
✍️ Writable Stream
🗺️ Gulf Stream
♻️ Transform Stream

If you struggle to find the odd one out, @tomayac…

via Twitter Web App

@LinkofHyrule89 @ChromiumDev @kennethrohde @beverloo We’ll see. For now, this is the place to capture use cases. Many 3D printers, by the way, should work just fine with the Serial API: https://t.co/xCB27AIvEP.

via Twitter for iPhone

@LinkofHyrule89 @ChromiumDev @kennethrohde @beverloo Looks like you found the relevant bug already and commented on it, but for those following along here, the link is https://t.co/dmHsnD0A0V.

via Twitter Web App

@html5test Ah, that’s why it was working for me :-) Thanks for sharing that this was the problem.

via Twitter for iPhone in reply to html5test

@html5test The corresponding bug (crbug.com/1145102) was fixed. You should be able to see it in action in Chromium: download-chromium.appspot.com.

via Twitter Web App in reply to html5test

There was a bug for it, but seemingly no one had touched it: https://t.co/FIWEn7eNVa.

via Twitter Web App

😲 Surprise appearance in iOS 14.5 beta 2: the Contact Picker API. 🔇

Artweb.dev/contact-picker/whpa3y
contact-picker.glitch.meEw58YA

Personally, I didn’t see this coming, but, hey, I take it. 🎉 It’s still behind a flag, but seems tpic.twitter.com/dHOyZSj8SX

via Twitter for iPhone

Safari on macOS Big Sur 11.3 beta 2 finally supports WebM video. 💏 No signs of life yet for the format on iOS 14.5 beta 2, though. https://t.co/QiZfa3FQ1T

via Twitter for iPhone

RT @mmasnick: I got tired of responding to every bad take regarding the Facebook Australia news on Twitter, and have now written a longer p…

via Echofon

@agektmr Surprising plot twist at the end: “That’s how passwords win.”

via Echofon

@mrdoob @NASA 🤯 Congratulations to prese@mrdooboob. Turns out this stuff is rocket science after all… 🚀

via Echofon in reply to mrdoob

@reillyeon @passle_ That’s another (and better) option, right.

via Twitter Web App

@passle_ You could blob-ify the string (https://t.co/amypegn8LI), get a stream from the blob (https://t.co/dAIpa982T1), and pipe that through a CompressionStream (https://t.co/A76TJQnST1). Not sure how feasible this would be given your input strings, but

via Echofon

@fcbunn @peterfriese And even better, you can use a Web API called Screen Wake Lock to (responsibly!) prevent sleeping and see its effect in the Activity Monitor: https://t.co/egBTE0ooQt.

via Echofon

Correction: this should have read `FileSystemFileHandle` instead of `FileSystemHandle`. Also see the addendum for `FileSystemDirectoryHandle`: https://t.co/iRXqquflLD.

via Twitter Web App

Since people keep asking: Not just `FileSystemFileHandle`s 🔄 can be serialized to IndexedDB, but `FileSystemDirectoryHandle`s 🔂, too. Just updated our article accordingly (https://t.co/0OPIacidCN [staging link, PR pending merging]). Here’s a demo: h

via Twitter Web App

Progressive Enhancement reading list 2021, by @ppk: https://t.co/Ka8qLmfYna. A lot of great articles in this collection on a topic that is dear to my heart!

via Twitter Web App

@ppk Fascinating reading list, still working my way through it.

For CSS, arguably anything with a vendor prefix chain is PE (e.g., https://t.co/O4eWFCDN43) or anything that makes use of @​supports (e.g., https://t.co/WBoXIzAd0Q for CSS masonry layout).

via Twitter Web App

I have re-worked our article on the Generic Sensor API, now featuring the brand-new `GravitySensor` 🏋️: https://t.co/GBfh0DzF0H. The amount of sensors you have access to on any given mobile device is incredible 🤯. Props to @Intel engineering for a

via Twitter Web App

@ppk (Is the update deployed yet? Can’t seem to find the link. Curious about other additions you made, too. Thanks!)

via Twitter Web App

@rem It certainly still is in @ChromeDevTools: https://t.co/JZczl3209d (Not sure if the question was specific to @FirefoxDevTools; if so, ignore.)

via Echofon

RT @argyleink: Blog post is live as well, in case YouTube isn’t your preferred way to digest this stuff!

https://t.co/6V8gqi4C2K https://t…

via Echofon

@MicrosoftEdge I don’t seem to have the feature. I tried on macOS with the latest Canary. I’m physically in Germany, but Edge is set to en-US. 🤔 I also didn’t see a flag in edge://flags to force-enable this mode. What’s the trick?

via Twitter Web App in reply to MicrosoftEdge

@henrylim96 @kennethrohde @rob_dodson @samthor Yes, this is an anti pattern indeed.

via Twitter Web App

@henrylim96 @rob_dodson I can reproduce this now 100%. Any zoom level >100% causes the issue. It’s exclusive to iOS Safari. @samthor may be able to look into this.

via Twitter Web App

RT @shadeed9: ✍️ Understanding Z-Index in CSS

A visual guide on how z-index and stacking contexts work in CSS. I hope you will learn at le…

via Echofon

Oh, interesting. Microsoft is exploring a Kids Mode 💧💦 for its ⁦@MicrosoftEdge⁩ browser. https://t.co/Qxh6Q6HiQv

via Twitter for iPhone

The new `aspect-ratio` CSS property is animatable as of Chrome 90. ⤵️ https://t.co/TfdPkOTt0H

via Echofon

@samthor Which is indeed spec’ed: https://t.co/SrOY20Ixnu

But again, my point was for client-side validation that typically involves JavaScript. The coupon code use case remains, just `trim()` server- and client-side before validating (or make your patte

via Twitter Web App

@samthor You got me curious: interestingly regular text input fields are left as-is, whereas email input fields get trimmed: both name and email had a leading and a trailing space, this is where I ended up at: https://t.co/P9IW5TCGUf

via Twitter Web App

@samthor To clarify, this is mostly for client-side validation.

via Twitter for iPhone in reply to samthor

🔢 PSA: If you have form fields where trailing/leading spaces don’t matter, just trim the value instead of failing:

Email: [confused@example.com ]
❌ No such user.

Coupon: [ sUp3r5eCreT]
❌ Coupon code invalid.

`HTMLInputElement.value.trim()` ✅

via Twitter Web App

“Netscape wanted to be a platform for ‘network-centric apps,’ with its browser as the ‘universal client.’ Microsoft still wanted to promote Windows-centric apps—although it had conceded that the Internet must be integrated into the system.”â

via Twitter for iPhone

RT @smashingmag: 🔥 Everything DevTools (Chrome, Firefox, Edge), with obscure panels and time-saving keyboard shortcuts.

— Triple Panes Vie…

via Echofon

RT @Uppercod: I just finished a small landing for Atomico made with @atomicojs #webcomponents and the performance is amazing⚡ https://t.co/…

via Echofon

@henrylim96 @rob_dodson I can’t reproduce this on either one of my devices, but might be worth adding this problem to the existing issue, since it seems to be related to the “growth” logic. If you have more details on when this happens, please add t

via Twitter for iPhone

@bramus @AmeliasBrain @Una @googlechrome You can indeed override the individual page style or the default UA style with extensions. In your extension’s code you can use the `cssOrigin` property for extension-inserted scripts that gives the same user sty

via Echofon

@meyerweb @regocas @igalia Yay, congratulations, Eric! Great news! 🎈

via Echofon in reply to meyerweb

@defaced Be sure to specify how the app generates audio (playing an .mp3 file via an audio tag, via the Web Audio API, via a video tag, etc.).

via Twitter for iPhone in reply to defaced

@defaced Hmmm 🤔, not sure what could be the problem, sorry. I use Chrome 89 on (a developer preview of) Android 11 with the built-in screen recorder. Maybe filenew.crbug.comKtD (from your device) and describe your setup?!

via Twitter Web App in reply to defaced

@defaced Note that the screen recorder takes the volume into account. The first couple of horns were with volume set to zero, the one toward the end were with volume up. pic.twitter.com/4PlGURcS0T

via Twitter Web App in reply to defaced

RT @rauschma: “Tackling TypeScript” is now free to read online: https://t.co/yNjJugpoum https://t.co/KQ050aESGt

via Echofon

RT @MarcoInEnglish: Managing focus in the shadow DOM | Read the Tea Leaves https://t.co/c75Kk5llWk

via Echofon

@simevidas Let’s ask @____lighthouse. Visual context of the discussion: https://t.co/yx1jEWwdUC

via Echofon

@simevidas @mmatuzo I like the cursor idea. The Font Awesome community has come up with the concept of inverting the external link icon: https://t.co/iy35yFkWDs.

“`css
a[href^=”#”] {
cursor: ns-resize;
}

a[href^=”#”]::after {
/* Icon from https://t

via Echofon

@agektmr Hiragana is a really great idea! Dispute settled:

“`html
<ruby>
GIF
<rt>
ぎふ
</rt>
</ruby>
“`

I love `<ruby>`: https://t.co/XL1vn9Upv8

via Echofon

@simevidas You could (#YOLO), but in practice you should still use `src` just in case. See the demo from my first reply: https://t.co/xfIG0L1TlE.

via Echofon

@DotProto What you’re looking for is called inflectors in the field of natural language processing. The go-to library is called natural, here’s the documentation on its inflectors: https://t.co/bsesvfv9ge. It’s best run on a server, but works on the

via Echofon

With so many Project Fugu 🐡 hardware APIs (USB, Bluetooth, HID, Serial, NFC, Gamepad,…) it can be challenging at times to decide on the right approach for a given device. Here’s a guide: accessing hardware devices on the web, by François Beaufort:

via Twitter for iPhone

@simevidas Use it like so:

“`
<img srcset=”foo.png 2x” width=”252” height=”251”>
“`

Note the natural width / natural height compared to intrinsic width / intrinsic height (see the popup).

(The image is not exactly square, shaky hands today, but you g

via Twitter Web App

@henrylim96 And happy new year of course!

福 🧧

via Twitter Web App

@henrylim96 No worries, I’m on it. ✅

via Echofon

@ppk For the PE & JS and PWA section, may I suggest my article https://t.co/YhD9dRyoeh?

via Echofon

RT @PixelAmbacht: 🤖 Wakamai Fondue is also a command line tool! 🤖

Point it at a font, and it’ll generate ALL THE CSS:

$ wakamai-fondue -c…

via Echofon

@henrylim96 #TIL, wow! Do you have time to open a quick PR and add this to the article? Else I can do it.

via Echofon

RT @henrylim96: #TIL You can use Activity Monitor to check whether the Screen Wake Lock API is working properly or not.

Learn more: https:…

via Echofon

RT @w3cdevs: Specs defining browser #APIs use a formal definition language (#WebIDL) which helps with writing and implementing these APIs.…

via Echofon

RT @ryzokuken: In case you missed it, we declared the Temporal proposal “effectively frozen” at the last TC39 meeting, which means that the…

via Echofon

@MehulSatardekar Thank *you* for making said contributions! 🙏🏽

via Echofon in reply to MehulSatardekar

@LNplum Please see this slide deck where the life of a Project Fugu 🐡 feature is explained: https://t.co/moaKQKHfpP. For more process description, check out https://t.co/WSD8bD0Wej.

via Twitter Web App

@danbri @hdv I am really surprised they got through the App Store review with their fake UI pre-prompts, which, if the user denies, lets them ask again. Unlike with the actual prompts: once denied, you’re out forever (unless the user unblocks you deep s

via Twitter for iPhone in reply to danbri

@danbri @hdv I briefly granted Twitter access and revoked it after seeing the recommendations were still the same. Maybe my tweeps are simply not on the platform yet, or their algorithm really overly favors popularity… Anyway, I just found you, and foll

via Twitter Web App in reply to danbri

@derSchepp @TheRealNooshu Friendly reminder of the `<blockquote>` HTML the official Twitter embed gives you. Just add styling. Just remove JavaScript. Not sure any service worker complexity is needed. (But of course I’m not aware of the constraints unde

via Echofon in reply to derSchepp

Does this use the Update API (https://t.co/Y4nsApOmLG) as “[s]everal web browsers” do, or indeed an Apple intermediate server to the Lookup API (https://t.co/0uyoRPUztc)? ⤵️ https://t.co/A4y5e3IQfS

via Echofon

RT @codepo8: 🆎 The styles pane now has a visual font editor that allows you to tweak the font settings of any CSS selector and to pick font…

via Echofon

@simevidas I would use what https://t.co/ffLQWmubnn tells you. The natural width is the intrinsic width, corrected by pixel density. You probably also might want to use both `src` and `srcset` (example: https://t.co/xfIG0L1TlE) if you care for devices whi

via Echofon

RT @Keithamus: @rockerest @slightlylate @gitlab History of web components at GH is long. Started 7 years ago with time elements https://t.c…

via Echofon

A WebHID powered Elgato StreamDeck drum kit. 🥁 https://t.co/RUhRnSeADS (via @bramus) https://t.co/NZqBHWICxS

via Echofon

@danbri If you are into giving up your address book, then maybe yes. I haven’t found an interesting conversation yet; their “Tech” community is full of VC and crypto dudes. I haven’t shared my address book, so my recommendations for people to foll

via Echofon in reply to danbri

@echofon Bug report: tweets with two or more links pointing to the same origin (but not the same path) appear to link to the same URL, when clearly they are not. See the screenshots of the first and second link. Example tweet: https://t.co/8LRgSWVd9T http

via Twitter for iPhone

@varunprime @mrdoob 🤩! I want to control this w/ `AbsoluteOrientationSensor` (https://t.co/GLWWKrTQRe; fallback to `DeviceOrientationEvent` for other browsers: https://t.co/w93ZcnzerF) or maybe even w/ Joy-Cons (https://t.co/aZ98iCJXHU). Huge Super Mon

via Echofon

@TheRealNooshu Great results metrics-wise, yet still not fully convinced screenshots are the way to go. On a high quality screen, the smaller fonts are noticeably blurrier compared to actual text. Also most search engines won’t pick up any of the tweet

via Echofon in reply to TheRealNooshu

RT @petele: Offline support has been part of the #PWA installability criteria since day 1. The Chrome team is closing a loophole some devel…

via Echofon

@denladeside @kennethrohde @techytacos It has the same glitches on Safari, too.

via Echofon

@Justin_Mandzik @excalidraw Only standing on the shoulders of giants. Looking forward to more cool things coming in the next couple of weeks and months!

via Twitter Web App in reply to Justin_Mandzik

hediet_dev Github1s is really nice.
Just add “1s” after “github” when viewing code on github.com and VS Code loads up instantly: pic.twitter.com/rW5tdxrqIJ

via Twitter Web App (retweeted on 10:20 PM, Feb 9th, 2021 via Echofon)

RT @ChromiumDev: 🎥 New HTTP 203! Making a seconds-counter in JS is as easy as 1… 2… 4…??

Here’s how this seemingly easy thing can go wrong…

via Echofon

RT @JoshWComeau: 🎉 Just published a new blog post: “An Interactive Guide to CSS Transitions” 🎉

It’s a deep dive into `transition`, the CSS…

via Echofon

@stevefaulkner @MarcoInEnglish Nice. Remindsme somewhat of “The ‘I’ in ‘team’ is right in the a-hole”.

via Echofon in reply to stevefaulkner

RT @jaffathecake: I’ve been going through the specs & behaviour of session history in browsers recently, and I’ve encountered a behaviour t…

via Echofon

@excalidraw @node_monk Nooo! Trashing Mario, and the mouse and the elephant. 😱

via Echofon in reply to excalidraw

@stevefaulkner @MarcoInEnglish I can never read the verb to “assume” the same now. Thank you. Great post, too; ReTweeted. I hope it shows up as a traffic peak in your website anal-ytics.

via Echofon in reply to stevefaulkner

RT @stevefaulkner: 🗣️aria-description: By Public Demand and to Thunderous Applause #a11y #webDevelopment
https://t.co/sewXWR31nK

via Echofon

@kennethrohde @YouTube Can’t reproduce the intervention on Pixel 3a, but the videos appear as unstyled unplayable, objects. https://t.co/prnqP5j9Po

via Twitter for iPhone

@nhoizey @fvsch Yes, this article and the other article https://t.co/KQejURROVQ, with the section on `<dark-mode-toggle>` (https://t.co/FKfxCMMVoL) specifically.

via Twitter Web App

Friendly reminder to never ever hard-code version numbers into your sniffing code: https://t.co/9lH0iKJwB1.

`p = /Mac OS X (10[.\_\d]+)/.exec(i)[1];` (@unity3d)

🙀 This broke once Chrome started reporting `Mac OS X 11`—Now all browsers lie and rep

via Twitter Web App

@ChromiumDev 🔢 If all you need is a baseline offline fallback page without actually delivering a true offline experience (which, acknowledgedly, many apps don’t need or can’t), then give my article a read: https://t.co/8Y6UrrwJJC.

via Echofon

RT @ChromiumDev: Offline support has been part of the PWA installability criteria since the beginning. In Chrome 89, we’ll warn you if your…

via Echofon

You may have seen the favicon supercookie 🍪 paper on Twitter a couple of days ago (https://t.co/vFltdfG0j0). Jonas Strehle has now built a very approachable demo (https://t.co/gxYVRe9HnD) and written a nice summary https://t.co/NUVlcTM0qy of the attack

via Twitter Web App

💡 Good reminder from @codepo8 about the ability of sharing data between CSS and JavaScript using custom properties: https://t.co/0q1bICnAGS. That’s indeed the trick I use for my poor person’s Joy-Con WebHID demo: https://t.co/5dOlvJQO7E.

via Twitter Web App

@metawops Sobald die Extension im App Store aufgenommen wird und du sie darüber auch installierst, läuft es ohne das Häkchen. Alles normal. Frohes Entwickeln noch!

via Twitter Web App

@metawops Das ist nur für lokales Testen während des Entwickelns. Danach muss man einfach nur die Extension installieren und gut is’.

via Twitter Web App

@metawops Die Kategorie wird benötigt, um die Extension entsprechend platzieren zu können (etwa eine Preisvergleich-Extension unter Shopping). Es gibt keine Kategorie für Extension (du verwechselst es vielleicht mit dem Xcode Projekttyp.

via Twitter Web App

@metawops Das ist normal, siehe Schritt 3 auf https://t.co/09gJ2aVYdf:

“ Choose Develop > Allow Unsigned Extensions. The Allow Unsigned Extensions setting is reset when a user quits Safari; you must set it again the next time Safari is launched”.

via Twitter Web App

@TheRealNooshu @Jack_Franklin For sure less than 2.7MB 😂. And you can lazy-load it only once the tweet embed comes close enough to the viewport. And it will be fully dynamic based on the kind of tweet (regular, poll, media, quote tweet,…). It’d wor

via Twitter for iPhone in reply to TheRealNooshu

@TheRealNooshu It’s possible via the front-end: https://t.co/DDChQviac8. I’m pretty sure it’s exposed in Puppeteer, too. @Jack_Franklin might be able to point you in the right direction.

via Echofon

@TheRealNooshu While you keep the tweet text in the image’s `alt` attribute, it’s accessible to screen readers, but not _copyable_ for everyone. I don’t think screenshots are the way to go. I’d rather prefer we look into grabbing the CSS via Puppe

via Echofon in reply to TheRealNooshu

@hsivonen @mathias @fantasai After all these years still a brilliant article! 💏

(Noticed a small typo: s/distintion/distinction.)

via Echofon in reply to hsivonen

RT @argyleink: Wondering how sites like Github have nice dark form controls?

You gotta set the color-scheme!
✅ enable from CSS (whole page…

via Twitter Web App

@argyleink @kilianvalkhof @bramus It’s in my article: web.dev/color-scheme/2FnXE.

Here’s thecolor-scheme-demo.glitch.melz0wfUo (content warning: slowly alternating contrasting colors).

via Twitter for iPhone in reply to argyleink

RT @lisa_staudinger: I recently came across the concept of “uniwidth” typefaces — every letter has the same width across different weights…

via Echofon

@kristoferbaxter @philwalton @rowan_m I’m more of a “Happy M\o/nday” person.

via Echofon in reply to kristoferbaxter

@anssik @andreasbovens about frecency. Thanks for sharing!

via Echofon in reply to anssik

RT @chrishtr: I’m writing a book about how browsers work, along with
@pavpanchekha. Thank you Pavel for getting this started and letting me…

via Echofon

@rem @brucel Current status: Doomscrollin’…

via Echofon in reply to rem

RT @bramus: 💀 Remember Coverflow? How about a “Pure CSS” version using @​scroll-timeline?

🔗 https://t.co/xRTSCSiVX7

🧒‍🔬 Experimental tech…

via Echofon

RT @v8js: 🔥 What’s new in V8 v8.9? Top-level `await` enabled by default in Blink and performance improvements for calls with argument size…

via Echofon

RT @tomayac: Landed idle detection in @Excalidraw, and folks seem to like it. 😊 https://t.co/APIPQWr97a https://t.co/PWs6B9J29q

via Echofon

(To point this out again, it’s not using the new `IdleDetector`, but a conventional idle detection implementation: https://t.co/9PNYLCUTXE.)

via Twitter Web App

@AlexanderTrefz @UstunOzgur This page arguably exists. Its URL is chrome://dino. While fun, it’s not something most people want; hence the need (and opportunity) for customization.

via Twitter Web App in reply to AlexanderTrefz

@UstunOzgur @AlexanderTrefz PWAs that require a connection should still show an offline fallback page: https://t.co/8Y6UrrwJJC.

via Twitter Web App

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