Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

October 2020

Wow, fascinating read on emulating the imperfections of manual drawings in RoughJS, the library used in @excalidraw.

shihn.ca/posts/2020/rou… twitter.com/kamranahmedse/…

via Echofon

evanwallace Just made the new website for esbuild public! There is now comprehensive API documentation for everything, including code examples for all three languages (CLI/JS/Go).

esbuild.github.io

via Twitter Web App (retweeted on 1:16 AM, Oct 30th, 2020 via Echofon)

bitfield The Windows 95 DST-handling algorithm was as follows:

1. After 1:59:59am on clock change day, reset the clock to 1:00:00am

Can you spot the bug?

rachelbythebay.com/w/2020/10/07/w…

via Buffer (retweeted on 1:09 AM, Oct 30th, 2020 via Echofon)

@Mustafa_x @samthor I got the confirmation from Dinah’s today. Not gonna happen. 😢

via Echofon in reply to Mustafa_x

chriscoyier The `inert` attribute in HTML is a big deal for focus management and building accessible web experiences.

Here’s @ericwbailey with the story: css-tricks.com/focus-manageme…

via Twitter Web App (retweeted on 1:00 AM, Oct 30th, 2020 via Echofon)

The notes from the session (w3.org/2020/10/29-eng…) on browser engine diversity hosted by @cwilso today are very good 👏 and capture the conversation so well that I almost feel like having been in the room (I was in an overlapping session)… twitter.com/mc2hampion/sta…

via Echofon

MozDevNet The time has come for Kuma — the platform that powers MDN Web Docs — to evolve. We’re updating from a MySQL database to being hosted in @githubub repository.

✅ Less developer maintenance burden
✅ Better community bldg
✅ Improved front-end architecturhacks.mozilla.org/2020/10/mdn-we…dJ

via Twitter Web App (retweeted on 12:03 AM, Oct 30th, 2020 via Echofon)

@elmd_ @chrisdavidmills @reillyeon @domenic @kennethrohde @MozDevNet Same. I was searching for something “experimental”, but Chris just shared the magic string is “{{seecompattable}}.

via Twitter for iPhone in reply to elmd_

@chrisdavidmills @jaffathecake @mikewest @glitch Fully understand, and appreciate the feedback. Thanks for working on this!

via Twitter for iPhone in reply to chrisdavidmills

@nekrtemplar @firt Cool, just found the documentation (vk.com/dev/vk_apps_do…), thanks for letting me know! I’ll have a look.

via Twitter for iPhone in reply to nekrtemplar

MartinSchierle Woohoo, our offline measurement article went live 🎉
web.dev/measuring-offl…

via Twitter Web App (retweeted on 8:03 AM, Oct 29th, 2020 via Echofon)

@nekrtemplar Yes, I expect the recording links to go up on w3.org/2020/10/TPAC/b… in the near future. I will probably also tweet it.

via Twitter for iPhone in reply to nekrtemplar

@henrylim96 It looks different now that Stable, Dev, Beta, and Canary can be installed in parallel. 😂

via Twitter for iPhone in reply to henrylim96

@firt Thanks for the kind words! I have Quick Apps covered as well in an upcoming article series, but took them out for this presentation.

via Echofon in reply to firt

Justinwillis96 @pwabuilder bringing Chromium Edge PWAs to the Microsoft Store (medium.com/pwabuilder/bri…) lines up perfectly with all of these new “desktop centric” Project Fugu APIs coming to Edge, like the Multi-Screen window placement API! web.dev/multi-screen-w…

via Twitter Web App (retweeted on 10:29 PM, Oct 28th, 2020 via Echofon)

@daviddalbusco And after the download comes the installation. It’s been taking me several hours occasionally. 🤦

via Echofon in reply to daviddalbusco

tomayac Slides from my breakout session on “Learning from Mini Apps”:

👉 goo.gle/learning-from-… 👈

Looking forward to seeing some cool Multi-Page Single-Page Apps (MPSPAs) in the near future…
twitter.com/tomayac/status…9J

via Twitter Web App (retweeted on 8:47 PM, Oct 28th, 2020 via Twitter for iPhone)

@simevidas This may well be the case, sorry. I think they convert everything to SVG paths internally. If you DM me your email, I can send you a PDF.

via Twitter for iPhone in reply to simevidas

@technikhil314 The session was recorded, I expect the link to show up on the TPAC page soon. You’ve seen the slides I guess: docs.google.com/presentation/d…

via Twitter for iPhone in reply to technikhil314

Slides from my breakout session on “Learning from Mini Apps”:

👉 goo.gle/learning-from-… 👈

Looking forward to seeing some cool Multi-Page Single-Page Apps (MPSPAs) in the near future…
twitter.com/tomayac/status…9J

via Twitter Web App

@SteveALee Thanks for the kind words! ☺️
1) Yes, it does.
2) Yes, there are even components for it, for example in Alipay mini apps: opendocs.alipay.com/mini/component….

via Twitter Web App in reply to SteveALee

css Comparing Various Ways to Hide Things in CSS css-tricks.com/comparing-vari…

via WordPress.com (retweeted on 8:27 AM, Oct 28th, 2020 via Echofon)

@reillyeon @domenic @kennethrohde @elmd_ We found another such candidate the other day: twitter.com/tomayac/status…. Seems like something worth fixing on @MozDevNet’s end, especially since regular users can’t remove the label by editing the Wiki.

via Echofon in reply to reillyeon

@dluzar @webkit I guess we will find out. It’s going to be interesting!

via Echofon in reply to dluzar

RFC8890: The Internet is for End Users, by @mnot. A piece that sets clear who decisions concerning the Internet should be made for in the ⁦@ietf⁩. mnot.net/blog/2020/08/2…

via Twitter for iPhone

@torgo Happy birthday, Daniel! 🎊

via Echofon in reply to torgo

👀 There’s a new @webkit proposal for a Centralized Consent API. My understanding so far (IANAL) is that it would allow sites to correctly present cookie consents that the browser then legally bindingly would accept or reject on your behalf: github.com/WebKit/explain…

via Twitter Web App

I’ll be hosting a breakout session on what we as Web developers can learn from the 📲 Mini Apps ecosystem tomorrow:

ℹ️ Session info: w3.org/2020/10/TPAC/b…
🤙 Zoom URL: us02web.zoom.us/j/83290800994?…
⏰ Local time: timeanddate.com/worldclock/con…

It

via Twitter Web App

@linclark @briankardell @fastly @mozilla Congratulations, Lin and extended team! 🎈

via Echofon in reply to linclark

ChromiumDev Many devices have Ambient Light Sensors built-in. The Devices & Sensors Working Group is soliciting developer feedback on use cases for a Web API that exposes this data: github.com/w3c/ambient-li….
Example: a maps app can toggle dark UI when a tunnel temporarily turns day to night.

via TweetDeck (retweeted on 11:22 AM, Oct 26th, 2020 via Twitter Web App)

ChromiumDev 🔗 Text Fragment links (web.dev/text-fragments/) used to not work with JavaScript-based redirects like here on @Twitter. Thanks to @david_bokan, the underlying issue (bugs.chromium.org/p/chromium/iss…) is fixed 🎉, and @tomayac has updated our docs (github.com/GoogleChrome/w… [← test link]).

via TweetDeck (retweeted on 11:05 AM, Oct 26th, 2020 via Twitter for iPhone)

BrianRoemmele It was the 1983 and this is the Hewlett-Packard HP-150 Touchscreen.

It was one of the first popular market touchscreen computers.

It was based on the Intel 8088 and came a year before the Macintosh.

Steve Jobs was intrigued by the idea and asked the Macintosh team about it. pic.twitter.com/8A9K8ZVkZk

via Twitter for iPhone (retweeted on 8:37 AM, Oct 26th, 2020 via Echofon)

@AnaestheticsApp @BenRLowe @RCoANews @ChromiumDev It’s behind a special flag for now (web.dev/file-handling/…), but if this flag is flipped, it works on macOS.

via Twitter for iPhone in reply to AnaestheticsApp

Justinwillis96 Opening a file directly into a PWA, would have needed a native app before, but PWAs can now do the same with web.dev/file-handling/! Note, this PWA was installed from the Microsoft Store using the new Chromium Edge package from @pwabuilder ! medium.com/pwabuilder/bri… pic.twitter.com/GV9B1gC0gS

via Twitter Web App (retweeted on 7:53 AM, Oct 25th, 2020 via Echofon)

A really well-made public transport map: map.mta.info. More background in the quoted tweet. ⤵️ (via @karanperi) twitter.com/NYMag/status/1…

via Echofon

@mrdoob @thraxalicious @gfxprogrammer Not sure I fully got the context with the fps, but for locking keys you can use the Keyboard Lock API: web.dev/keyboard-lock/.

via Echofon in reply to mrdoob

Creating CSS Shapes with Emoji. An easy and creative way to add interesting shapes to a page that the text flows around. css-tricks.com/creating-css-s…

via Twitter for iPhone

Running Node.js on iOS and iPadOS via iSH, documented by @rauschma. This is pretty impressive. 2ality.com/2020/10/ish-no…

via Twitter for iPhone

@FredKSchott @skypackjs Was just thinking about this. If you can unpack packages—which you say you currently can’t—it’d be as easy as looking for traces of `customElements.define` and `extends HTMLElement`, combined with common library traces like

via Twitter for iPhone in reply to FredKSchott

@SRobTweets Congratulations on this massive achievement! 👏

via Echofon in reply to SRobTweets

foolip I spot 3 exciting things for web developers in Safari Technology Preview 115:
- Flex gap! ↔️
- <input type=date> 📅
- Unprefixed Web Audio API 🔊

developer.apple.com/safari/technol…
github.com/web-platform-t… pic.twitter.com/o9IjPtlQiX

via Twitter Web App (retweeted on 7:07 PM, Oct 23rd, 2020 via Echofon)

@mhartington @kennethrohde @mrdoob The Fullscreen API specifically. It is possible with installed apps, but that’s not using the API.

via Twitter for iPhone in reply to mhartington

@kennethrohde @mrdoob Thank you, starred. On a positive note: it’s way better than iOS, which doesn’t even support full screen.

via Twitter for iPhone in reply to kennethrohde

torgo Question I got asked this morning: how can I get more involved in web standards specifically around PWAs?

My answer, here: dev.to/torgo/comment/…

via TweetDeck (retweeted on 10:33 AM, Oct 23rd, 2020 via Echofon)

@darktears @cwilso I was like [citation needed], and here it is: onlinelibrary.wiley.com/doi/full/10.10…. Why isn’t this more widely known?

via Echofon in reply to darktears

@laparisa @googlechrome Here you go, bugs.chromium.org/p/chromium/iss…. The tab groups should just disappear completely like tabs, but they stay partly visible. pic.twitter.com/JqkY8tosbD

via Twitter Web App in reply to laparisa

@laparisa @googlechrome Love tab groups. I wish they kept their collapsed or opened state on browser restart (currently they’re always opened) and I noticed some glitches with window resizing on desktop.

via Echofon in reply to laparisa

Oh, interesting: @MozDevNet is moving away from their Wiki stack over to a JAM stack approach on @github. ⤵️ twitter.com/pascalchevrel/…

via Echofon

ChromeDevTools 📢 New engineering blog by Fawaz & @nsatragno!

Learn how we built the WebAuthn tab - also share about how we solve a challenge (race condition) when implementing the solution.

Give it a read! 👉🏼 developers.google.com/web/updates/20… pic.twitter.com/Re25uiyFnv

via TweetDeck (retweeted on 10:44 PM, Oct 22nd, 2020 via Echofon)

@ChromiumDev @excalidraw I think this is a true game changer when it comes to Progressive Web App capabilities. Note that it’s not fully ready for prime time yet, so for now, you need to flip a flag 🚩 to test it. I’ll update the article once we ent

via Twitter for iPhone in reply to ChromiumDev

ChromiumDev Doubleclick a file in the operating system’s file manager 🗃 and said file opens in an installed Progressive Web App. 🔮Magic?

No, just the File Handling API! Learn how to make this happen in @tomayac’s latest article and test it with the @excalidraw app. web.dev/file-handling/

via TweetDeck (retweeted on 5:47 PM, Oct 22nd, 2020 via Twitter for iPhone)

abraham Apple will remove app that made it easy to play Stadia on iOS theverge.com/2020/10/20/215… via @verge

via Twitter Web App (retweeted on 11:40 AM, Oct 22nd, 2020 via Echofon)

@jaffathecake @mikewest @glitch It seems like the label’s outdated based on its own criteria: developer.mozilla.org/en-US/docs/MDN…. The feature was in w3.org/TR/secure-cont…, which is a Candidate Rec. We also have wide browser support. There doesn’t seem to be a @MozDevNet

via Twitter for iPhone in reply to jaffathecake

@jaffathecake @mikewest @glitch ! Thanks! developer.mozilla.org/en-US/docs/Web…. Still marked as experimental, but apparently universally supported apart from old IE. Nice!

via Twitter for iPhone in reply to jaffathecake

@mikewest Yepp, this is very annoying and I’ve definitely been there.

via Twitter for iPhone in reply to mikewest

@mikewest This is probably really niche. On @glitch, I put `if (location.protocol !== ‘https:’) location.protocol = ‘https:` as a way to force HTTPS without a server (or I use a meta refresh). This bites me locally when I eventually clone the project to c

via Twitter for iPhone in reply to mikewest

argyleink 🆕 <angle> DevTool
✨ in Canary now ✨

try out an early version today! 👍

A CSS component for quick visual access to angle direction. Thoughts!? pic.twitter.com/6UByptxuah

via Twitter Web App (retweeted on 11:05 AM, Oct 22nd, 2020 via Echofon)

SecurityMB I’m releasing a tool that I used internally to compare various HTML parsers in browsers (DOMParser, template.innerHTML and others) and to easily test sanitizers (like DOMPurify). It is called LiveDOM++.

livedom.lab.xss.academy pic.twitter.com/qyZVZieE65

via Twitter Web App (retweeted on 10:59 AM, Oct 22nd, 2020 via Echofon)

ubilabs 🌎Launching today ➡️ Climate from Space app developed by @ubilabs and Planetary Visions in a consortium led by Brockmann Consult. The app contains interactive 2D & 3D displays of variables and Stories on how help science: cfs.climate.esa.int pic.twitter.com/oHVPdM3nJt

via Twitter Web App (retweeted on 10:49 AM, Oct 22nd, 2020 via Echofon)

ChromiumDev 🕺 We’ll bring the announcements, you bring yourself!

sessions are available to all, but we’ll have limited availability of virtual office hours and workshops.

Request an invite 👉 goo.gle/cds2020 pic.twitter.com/qLLVZMrzLe

via Twitter Web App (retweeted on 10:42 AM, Oct 22nd, 2020 via Echofon)

@csarasuagar I’ve seen it used as a tactic to win a few moments of thinking time when the question is uncomfortable.

via Echofon in reply to csarasuagar

@brucel @jaffathecake That lowercase ‘q’ looks a bit like a lowercase ‘a’ in teaching script: en.m.wikipedia.org/wiki/Teaching_…. But the font’s actual lowercase ‘a’ is different of course.

via Echofon in reply to brucel

@pwabuilder Just to be clear: this comment was missing a “tongue in cheek” tone indication, sorry for that. You folks do amazing work in the Fugu world, no matter how you spell it or what emoji you use. 😃

via Twitter for iPhone in reply to pwabuilder

@mikewest What about httpS://localhost/? Should this still require certificates?

via Echofon in reply to mikewest

@funkensturm @ChromiumDev @manytricks I don’t know the answer to this. I was referring to the actual name of the application on your disk.

via Echofon in reply to funkensturm

@ericsimons40 @ChromiumDev @mhartington We are aware of this issue. It’s tracked as crbug.com/1137301. Please ⭐️ star the bug to be notified of changes.

via Twitter Web App in reply to ericsimons40

@johnwilander Fair question. A one that uses APIs that are just in the browser, not APIs only facilitated by the OS when certain conditions are met: docs.microsoft.com/en-us/microsof….

via Echofon in reply to johnwilander

@firt @kennethrohde @pwabuilder @MSEdgeDev I mostly asked because (I think) there is no way for extensions on the old EdgeHTML store to continue to exist on the new Chromium Edge store. I had to resubmit a complete new version (the actual builds are, of c

via Echofon in reply to firt

@Una Congratulations, Una! Super well deserved! 🎈

via Echofon in reply to Una

@rowan_m He’ll, yeah! Congratulations! 🎈

via Echofon in reply to rowan_m

jumacabo The best usage of WebAssembly I have seen so far. It brings me so many memories… Play Microsoft Flight Simulator (1, 2, 3 or 4) directly in your browser! s-macke.github.io/FSHistory/

via Twitter Web App (retweeted on 8:15 AM, Oct 21st, 2020 via Echofon)

shadeed9 ✍️ New Article: Responsive *Height* Design

I wrote about how testing websites vertically is important, and why we should do it, with some examples and use-cases. I hope you find it useful!

🔗 ishadeed.com/article/respon… pic.twitter.com/GRwmvqfQan

via Twitter Web App (retweeted on 10:47 PM, Oct 20th, 2020 via Twitter for iPhone)

@kennethrohde @pwabuilder @MSEdgeDev Bonus question, I didn’t get it from the post: If there’s an old EdgeHTML PWA in the Store, is the new Chromium Edge PWA gonna replace that old version as a regular update submission, or is it a new separate submis

via Echofon in reply to kennethrohde

Introducing Microsoft Edge preview builds for Linux, by ⁦@kylealden⁩. blogs.windows.com/msedgedev/2020…

via Twitter for iPhone

@jeffposnick @passle_ I came here to say this. I never turn this setting on. I clear site data, or open guest profile (with no extensions at all) or incognito windows (with most of my regular extensions).

via Echofon in reply to jeffposnick

@Justinwillis96 Congratulations on the launch! 🥂

(Minor: Looks like some of the Project Fugu links in the article point to the same GitHub repo.)

via Echofon in reply to Justinwillis96

🤩 The @pwabuilder team are killing it (again) with true standard PWAs running in the Chromium-based Edge that can be submitted to the Microsoft Store. All based on Web APIs (and not proprietary Windows APIs as before with the EdgeHTML-based model). Protwitter.com/pwabuilder/sta…

via Echofon

ChromiumDev 📢🎉Chrome fans and developers: You can now install Dev and Beta channels side-by-side on Mac! Visit the Chromium release channels page to download the new versions.

chromium.org/getting-involv…

via Twitter Web App (retweeted on 7:16 PM, Oct 20th, 2020 via Echofon)

@HenrikJoreteg @ChromeDevTools This is the bug ID for folks watching this from the comfort of their couches at home: bugs.chromium.org/p/chromium/iss….

via Twitter for iPhone in reply to tomayac

@HenrikJoreteg @ChromeDevTools We’re on this. François Beaufort, who isn’t on Twitter, has pinged a few folks internally. It seems like a bug from here.

via Twitter for iPhone in reply to HenrikJoreteg

@DanShappir Ours was Haskell (we’re talking 2002/2003). The year after us they used Java.

via Echofon in reply to DanShappir

@petele @samthor @philipshuedev My poor-person’s solution is the “camera sync” experience in huedynamic.com/index.php/ulti… (I use it on an iPhone: apps.apple.com/app/huedynamic…). It works well enough, with a tolerable latency.

via Echofon in reply to petele

@scottjehl @ecbos_ @justinfagnani @CalebSmiley17 +1, `::part` is good, but could be a lot more ergonomic if it allowed further selectors.

via Echofon in reply to scottjehl

@simevidas @webkit This may be some different behavior between Chrome and Safari. On Chrome, I think, the extension isn’t clickable when there’s no Service Worker detected. The “parsing” is just the default placeholder, it may or may not actually

via Echofon in reply to simevidas

@simevidas @webkit It’s using some outdated third party libraries that have issues with some of the latest JavaScript syntax additions. I need to update the dependencies and release a new version. Sorry for the inconvenience meanwhile.

via Echofon in reply to simevidas

@simevidas @AndyDavies @patmeenan That’s a good idea. I’ll check this out. Thanks! My initial request remains: There should just be a “reset to defaults” option.

via Echofon in reply to simevidas

webkit Meet Face ID and Touch ID for the web to learn how to adopt these technologies with detailed examples, guidance on managing different browser UI, propagating user gestures to WebAuthn calls, and working with Apple Anonymous Attestation. webkit.org/blog/11312/mee…

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

@Green_Footballs The lib makes the switch transparent (web.dev/browser-native…), so if you don’t pay close attention, you may not be realizing what path it uses. Origin trials are capped (github.com/GoogleChrome/O…), so even if your site is opted in, you m

via Twitter for iPhone in reply to tomayac

@Green_Footballs Alright, I know what happened: prior to launching in v86, the alternative path (web.dev/browser-native…) would sometimes be taken. This path allows storing plain JSON files. Since v86, the new API path (web.dev/browser-native…) is always

via Twitter for iPhone in reply to Green_Footballs

@Green_Footballs Interesting. You’re the first to report this. Would you happen to have “before” and “after” code snippets lying around? Ideally with a timestamp when these snippets were in use?

via Twitter for iPhone in reply to Green_Footballs

@stefanjudis Small but important correction: this has been in @webkit (Safari) waaaaay before Intelligent Tracking Prevention (ITP). See this bug: bugs.webkit.org/show_bug.cgi?i…. For nuanced discussion: developers.google.com/web/updates/20….

via Echofon in reply to stefanjudis

@AnaestheticsApp @ChromiumDev The API was launched in Chrome 86. Permissions are still being discussed independently, for example, this question: github.com/WICG/file-syst….

via Twitter for iPhone in reply to AnaestheticsApp

@Green_Footballs Hmm 🤔 , not aware of any change related to Blob saving. It’s always been as it is now. But seems like you’ve figured out what the issue was, so that’s great. twitter.com/tomayac/status…

via Echofon in reply to Green_Footballs

@david_bokan Let’s give this some proper exposure after the weekend. I’ll update the article, too. On my list :-)

via Echofon in reply to david_bokan

hexagoncircle CSS isometric (CSSometric!) animations 🧊✨

@CodePen codepen.io/hexagoncircle/… pic.twitter.com/l546LgiJ7a

via Twitter Web App (retweeted on 10:54 AM, Oct 17th, 2020 via Echofon)

@iandevlin Oh, interested to hear what’s next. All the best for whatever it’ll be!

via Echofon in reply to iandevlin

@DasSurma @Paul_Kinlan @aerotwist Pinned tabs, a new window per work task context to keep the number of tabs per window manageable, and a couple of tab groups within each window (mostly background research for the task).
An annoying feature (or bug?) of t

via Echofon in reply to DasSurma

Adapting your website to support new possibilities of dual-screen devices, by ⁦@darktears⁩. devblogs.microsoft.com/surface-duo/du…

via Twitter for iPhone

Una I wrote a blog post on using the CSS min(), max(), and clamp() functions 🥳

They’re pretty neat!

👍🏼 Supported in all modern browsers
📖 Create fluid typography in 1 line of code
🧙🏽‍♂️ Constraint-based flexible sizing and spacing

web.dev/min-max-clamp/

via Twitter Web App (retweeted on 7:51 AM, Oct 17th, 2020 via Echofon)

@david_bokan @SecurityMB @ChromiumDev Not sure I follow the rationale for limiting to same origin. The attack as outlined would only work if the attacker does control the CSS of the victim page and manages to insert itself as the background URL source of

via Twitter Web App in reply to david_bokan

@ericlaw Hmm. This is the way it should work indeed. CC: @david_bokan.

via Twitter for iPhone in reply to ericlaw

rustybrick Soon you will be able to stylize the color and more of the text fragments from the Google search results click to the scroll down and highlight content on your page seroundtable.com/style-your-hig… via @tomayac pic.twitter.com/LZ8tegQUAy

via TweetDeck (retweeted on 2:56 PM, Oct 15th, 2020 via Twitter for iPhone)

@SecurityMB @ChromiumDev Not a security expert, but I don’t think so, since you don’t know what the actual target text is. The threat model is comparable to that of the `::target` pseudo class: developer.mozilla.org/en-US/docs/Web….

via Twitter Web App in reply to SecurityMB

@schweinepriestr @caniuse I’m not sure at what stage of a proposal @caniuse accepts features to be listed on the site, but certainly worth a try.

via Twitter Web App in reply to schweinepriestr

@JoshWComeau @_davideast There’s an alternative solution that was just posted on the @CSSWeekly newsletter: kilianvalkhof.com/2020/css-html/…. Love the multiple ways there are for solving this with CSS.

via Echofon in reply to JoshWComeau

When fonts fall by @mwichary. A super in-depth article on fonts, glyphs, fallbacks, and much more anecdotal typography knowledge bits. 🤯 figma.com/blog/when-font…

via Twitter for iPhone

slightlylate TIL this cool thing exits for helping kids program real devices over Web Serial:

microblocks.fun/run/microblock…

Would be cool to see it using the Origin Trial so folks don’t have to flip flags:

developers.chrome.com/origintrials/#…

/cc @tomayac @reillyeon @kgiori

via Twitter Web App (retweeted on 8:49 AM, Oct 15th, 2020 via Twitter for iPhone)

microbit_edu Still the same pocket-sized computer, now with a speaker, a microphone and a touch sensor.

Get to know the new here
microbit.org/new-microbit/ pic.twitter.com/CjnPRJOU0C

via TweetDeck (retweeted on 11:10 PM, Oct 14th, 2020 via Echofon)

gsnedders On the naming of XMLHttpRequest: twitter.com/cwilso/status/…

via Twitter for iPhone (retweeted on 11:00 PM, Oct 14th, 2020 via Echofon)

ChromiumDev When are changes to the web app manifest (icon, title, colors, etc) reflected in an installed PWA? @petele has all the details at web.dev/manifest-updat…

via TweetDeck (retweeted on 9:03 PM, Oct 14th, 2020 via Echofon)

ChromiumDev is back on Dec. 9-10, and we’ve gone fully virtual!

Save the date for the latest announcements, live chat q&a, limited capacity workshops & office hours and more!

Request an invite 👉 goo.gle/cds2020 pic.twitter.com/4hekI3Zctd

via Twitter Web App (retweeted on 6:33 PM, Oct 14th, 2020 via Twitter for iPhone)

📐 Logical layout enhancements with flow-relative shorthands, by ⁦@argyleink⁩: web.dev/logical-proper…. With Chrome now implementing, the shorthands finally become universally usable if your target are modern browsers.

via Twitter for iPhone

webcomp_dev 🚨 All the Ways to make a Web Component 🚨
October 2020 Update!!!

⛰️This the biggest update we ever made!
Pushing to *43* different variants analyzed! 😱

webcomponents.dev/blog/all-the-w…
Please consider RT to share ❤️

Details below 👇

via Twitter Web App (retweeted on 12:45 AM, Oct 14th, 2020 via Echofon)

@RReverser I hadn’t, but am happy to explore the feasibility, especially paired with the rest of the File System Access API that isn’t implemented in browser-nativefs yet. Could you please open an Issue for the feature request?

via Twitter for iPhone in reply to RReverser

@excalidraw @dluzar Awesome feature that might need a clearer explanation. Maybe: “Embed Excalidraw source data in exported file, so it can be re-edited”. The word “scene” sounds pretty abstract to me.

via Echofon in reply to excalidraw

@RReverser @JamesLMilner @_jayphelps @webassemblylive 👍 Loads now, just complains about the browser not supporting the File System Access API.

via Twitter Web App in reply to RReverser

@RReverser @JamesLMilner @_jayphelps @webassemblylive Execution stops at the line browser.js:44. Nothing more shown.

via Twitter for iPhone in reply to RReverser

RReverser I’ve teased this couple of times, as well as talked about it at @webassemblylive, and now it’s finally out! ✨

A shell powered by WebAssembly, WASI, Asyncify and File System Access - operating on real files from a browser sandbox! wasi.rreverser.com

youtu.be/qRmO-8b4WmE

via TweetDeck (retweeted on 6:56 PM, Oct 13th, 2020 via Twitter for iPhone)

@RReverser @_jayphelps @webassemblylive Unhandled Promise Rejection: TypeError: WebAssembly.compileStreaming is not a function. (In ‘WebAssembly.compileStreaming(fetch(‘./uutils.async.wasm’))’, ‘WebAssembly.compileStreaming’ is undefined)

via Twitter Web App in reply to RReverser

@samthor Sorry for your loss, Sam, and thanks for sharing this interesting story of both his, but also your life. If it weren’t for my dad’s Atari ST 540+, I probably wouldn’t have gotten into computing, at least not at such an early stage.

via Echofon in reply to samthor

LeaVerou [New blog post!]: The -​-var: ; hack to toggle multiple values with one custom property

Where I discuss a <del>useful technique</del> <ins>horrible hack</ins> I discovered!

lea.verou.me/2020/10/the-va…

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

@digitarald @Microsoft @code Woohoo, congratulations, Harald! 🎈

via Echofon in reply to digitarald

@Not_Woods Wow, congratulations, Tiger! 🎈

via Echofon in reply to Not_Woods

MozDevNet Today we are launching the second edition of the MDN Web Developer Needs Assessment! 🎉

Web developers and designers, we need to hear from you.

This is your opportunity to tell us about your needs and frustrations with the web.

💻: surveygizmo.com/s3/5897636/Moz… pic.twitter.com/yqpkDsHPzV

via Twitter Web App (retweeted on 8:50 AM, Oct 13th, 2020 via Echofon)

ChromeDevTools Feedback needed! 👋🏽

Do you find the Performance panel easy / hard to use (or never use it at all)? 🤔

The Chrome DevTools team is currently working on improving the Performance panel.

Help us by completing this short 5 questions survey.

👉🏼 forms.gle/NTbjtM7hbU2efA…

via TweetDeck (retweeted on 8:48 AM, Oct 13th, 2020 via Echofon)

@artalar_dev @ChromiumDev Our articles always (at least “always” is what we strive for) reflect the latest spec version. In this case, the sample code works in Chrome 86 and higher.

via Twitter Web App in reply to artalar_dev

@Berrivanii @ChromiumDev @googlechrome I don’t know the policies when it comes to language support, but the steps for adding new languages are outlined here: sites.google.com/a/chromium.org….

via Twitter Web App in reply to Berrivanii

@vrjafs @ChromiumDev @googlechrome As someone who’s signed up for several origin trials myself: I hear you, it can feel annoying. Making this a fixed requirement is the only way for our engineering teams to solicit feedback, though. Thanks for your feedba

via Twitter Web App in reply to vrjafs

@dluzar @googlechrome @excalidraw As I said, strong use cases like Excalidraw’s help the engineering teams make the case for an uninterrupted launch with the API owners. So definitely yes, filing API feedback and making statements of public support for

via Twitter for iPhone in reply to dluzar

@dluzar @googlechrome @excalidraw Still a misunderstanding: the exception is not per app (like Excalidraw), but per API (like File System Access). The Chrome developers of such APIs need to request an exception for their origin trial to run uninterrupted

via Twitter for iPhone in reply to dluzar

@jaffathecake It’s currently marked as shipping in M89: bugs.chromium.org/p/chromium/iss…. It’s not meant to be an infinite OT and API owners like @yoavweiss have repeatedly _very_ critically questioned when engineering asked for an OT extension. For full contegroups.google.com/a/chromium.org…

via Twitter for iPhone in reply to jaffathecake

@dluzar @googlechrome @excalidraw This exception is on the API level (for example, the File System Access API that Excalidraw uses).

via Twitter for iPhone in reply to dluzar

@jaffathecake It’s only upon request and requires approval as usual: groups.google.com/a/chromium.org…. It arose in the context of the Serial API origin trial where absolutely no fallback was possible.

via Twitter for iPhone in reply to jaffathecake

Origin trials in the @googlechrome browser no longer have a required breakage period, meaning that _exceptionally_ some origin trials can launch to production without interruption 🎉.

Just opened a PR (github.com/GoogleChrome/w…) to update our docs about

via Twitter Web App

AltStore is a no-jailbreak, open-source alternative app store for iOS. redmondpie.com/altstore-1.4-f…

via Twitter for iPhone

“How normal am I” is an excellent security and privacy resource about Artificial Intelligence on the web, says @codepo8: christianheilmann.com/2020/10/08/how….

via Twitter for iPhone

chriscoyier Very clever CSS trickery here from Carter Li. If you declare a CSS Custom Property as an <integer>, then it can be interpolated as an integer. Meaning it can be animated!

css-tricks.com/animating-numb… pic.twitter.com/R1d20MRvsT

via Twitter Web App (retweeted on 10:55 AM, Oct 10th, 2020 via Echofon)

@FilipStanis @mathias @domenic I came here to write exactly this tweet. No Reader jokes yet. Please.

via Echofon in reply to FilipStanis

After the @ChromeDevTools team fixed an inconsistency that kept irritating me and that I’ve reported in bugs.chromium.org/p/chromium/iss…, a lot of other developers’ workflows broke. Rather than undoing the fix, the team implemented a solution ⤵️ that workstwitter.com/ChromeDevTools…

via Echofon

anssik Just wrapping up the report for the @w3c Workshop on Web and Machine Learning… public release soon. Still stoked by the high energy and passion of this community. More exciting developments are ahead of us on this journey. Stay tuned! 👋 w3.org/2020/06/machin…

via Twitter for iPhone (retweeted on 10:19 AM, Oct 10th, 2020 via Echofon)

@diekus @MSEdgeDev @Microsoft Wow, that’s brilliant! Congratulations on the new job! 🎈

via Echofon in reply to diekus

@ZDF @MartinSchierle Oops, the PWA uses the root domain as the canonical link. The actual PWA link is pwa.zdf.de.

via Echofon in reply to tomayac

@estark37 In this screenshot particularly it might help to use fonts that have a distinguishable lowercase ‘l’ and uppercase ‘I’. Iinkedin.com or linkedin.com

via Echofon in reply to estark37

The German TV 📺 broadcasting company @ZDF has a brilliant(!) PWA: zdf.de. Learn how ZDF created a video PWA with offline and dark mode support in ⁦@MartinSchierle⁩’s and Scott Friesen’s latest article. web.dev/zdf/

via Twitter for iPhone

PrivacyBadger The latest Privacy Badger update disables local learning by default. All versions are pre-trained with a list of known trackers, plus the usual protections like outgoing link tracking and media widget replacement. Learn more about these changes: eff.org/deeplinks/2020…

via Twitter Web App (retweeted on 9:40 AM, Oct 9th, 2020 via Echofon)

webkit Release notes for Safari Technology Preview 114 are available with updates to Web Inspector, JavaScript, Date and Time inputs, Web Audio, MediaRecorder, Paint Timing, WebGL2, and more. webkit.org/blog/11300/rel… pic.twitter.com/be37ObVoOo

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

Gaining security and privacy by partitioning the cache: developers.google.com/web/updates/20…, by ⁦@agektmr⁩.

via Twitter for iPhone

@reillyeon @petele Context for the uninitiated: youtu.be/GSiUzuB-PoI around the 2:17 mark. 🐼 Project Fugu 🐡 FTW!

via Echofon in reply to reillyeon

Love the title of this @WIRED article: ‘Do Not Track’ Is Back, and This Time It Might Work.

The spec draft for this proposed new `Sec-GPC` header is at globalprivacycontrol.github.io/gpc-spec/. wired.com/story/global-p…

via Twitter for iPhone

@dauwhe Interesting formulation: “a” Chrome browser, but not “the” Chrome browser. I guess they didn’t mean to say Chromium-based browser, and probably also didn’t make any version or channel requirements. Phrasing aside: such a policy is bonk

via Echofon in reply to dauwhe

As a developer, it’s great to have a @ChromeDevTools team with open ears 👂 for feature requests. Favorite addition: Idle Detection emulation, which is a new API proposal from the Project Fugu 🐡 team. Learn about this, and many more additions, in ttwitter.com/ChromeDevTools…

via Echofon

hober We’ve been throwing around the terms “first/third party” a lot lately in the web standards world, and I’ve come to the conclusion that we should avoid using these terms in favor of precise technical alternatives. tess.oconnor.cx/2020/10/parties

via Twitter Web App (retweeted on 10:49 PM, Oct 7th, 2020 via Echofon)

@RReverser Absolutely! Just open a PR and add it. Someone from the web.dev content team can merge it. Thanks!

via Twitter for iPhone in reply to RReverser

sulco With `window.showOpenFilePicker()` you can now make a text editor that reads and writes to a local(!) file in 12 lines of JavaScript. That is insane.

(+ a couple lines for handling shortcuts) pic.twitter.com/1ocYT8W6cm

via Twitter Web App (retweeted on 10:26 PM, Oct 7th, 2020 via Echofon)

@anssik Sent to your work address. Happy reading!

via Twitter for iPhone in reply to anssik

@anssik Seems to still load for me. judiciary.house.gov/uploadedfiles/…. If it doesn’t work, I can send it. Or try a mirror: google.com/search?q=%22%E….

via Twitter for iPhone in reply to anssik

tropicadri Tomorrow is my 7 year Googleversary, and I’ve been thinking about what I wish I knew back then, specially about diversity and inclusion and here are my musings on the subject:
medium.com/@tropicadri/mu…

via Twitter Web App (retweeted on 11:42 AM, Oct 7th, 2020 via Echofon)

alexainslie 💡You can now use your @googlechrome saved passwords across any app on iOS. This is particularly helpful if you want to use sites in Chrome on your computer and want to use the associated apps on your iOS device without typing passwords manually (🙏 Chrome sync). pic.twitter.com/ZdcmRoaE8c

via Twitter Web App (retweeted on 11:21 AM, Oct 7th, 2020 via Echofon)

@jeffposnick @samthor A screenshot of the Network tab where you observe a page making range requests?

via Twitter for iPhone in reply to jeffposnick

Building a more private web (blog.chromium.org/2020/10/progre…) consists of many parts that need fixing or filling of gaps. Read about Conversion Measurement (web.dev/conversion-mea…) by @maudnals & @sw12 and Trust Tokens (web.dev/trust-tokens/) by @sw12 that you

via Twitter for iPhone

Handling range requests in a service worker, by ⁦@jeffposnick⁩. Finally browsers start handling requests with the `Range:` header correctly. web.dev/sw-range-reque…

via Twitter for iPhone

chrismessina Lots of powerful stuff in …! Check ou@petelele’s video for more.

Highlights:

• File System Access API is now available in stable
• New origin trials foeb HID and the Multi-screen Window Placement API.
• Some new stuff in CSS, and more.youtube.com/watch?v=GNuG-5…ul

via Twitter for Mac (retweeted on 12:05 AM, Oct 7th, 2020 via Echofon)

ChromiumDev Learn about the progress we’ve made on the Privacy Sandbox in our latest post from the Chromium blog blog.chromium.org/2020/10/progre…

via TweetDeck (retweeted on 12:04 AM, Oct 7th, 2020 via Echofon)

securitum_com Another blogpost by @SecurityMB just landed; this time he talks about his recent bypass of DOMPurify using namespace confusion. This is probably the first spec-compliant sanitizer bypass that worked in all browsers 😅

Here you go:
research.securitum.com/mutation-xss-v…

via Twitter Web App (retweeted on 11:53 PM, Oct 6th, 2020 via Echofon)

@JS_Days Vielen Dank fürs Zuhören unter diesen interessanten Umständen 🙄. Meine Folien findet ihr online: docs.google.com/presentation/d…. Fragen gerne hier, oder per E-Mail (Adresse im Foliensatz). 🐡

via Twitter for iPhone in reply to JS_Days

@simevidas github.com/whatwg/html/is… 😃

“I have opened bugs for Chrome, WebKit, and Firefox as well as a meta issue in the HTML Standard to get this fixed.”-web.dev/color-scheme/#…N.

via Echofon in reply to simevidas

@HenrikJoreteg Absolutely super valid feedback, that’s why I’ve added the spec and engineering folks! :-)

via Twitter for iPhone in reply to HenrikJoreteg

ChromiumDev Control camera pan, tilt, and zoom motions in Chrome 🐤

- “Would have been useful.” Viral dad said.

🎬 web.dev/camera-pan-til…
🎮 ptz.glitch.me pic.twitter.com/qYHmuwuPIW

via TweetDeck (retweeted on 11:01 AM, Oct 5th, 2020 via Echofon)

@danbri A Gmail search: label:note-to-self 🙈

via Echofon in reply to danbri

@HenrikJoreteg Thanks, this is great feedback. See my comment where I loop in the relevant people: gist.github.com/HenrikJoreteg/…. Your use case might indeed be better covered by the Presentation API.

via Twitter for iPhone in reply to HenrikJoreteg

@ragingwind @Paul_Kinlan Probably some lossy canvas operations. I guess the image directly is the one that gives four results.

via Echofon in reply to ragingwind

@HenrikJoreteg Oh, I see. If “using” means current mouse position, then you can calculate with the dimensions you get back from the API. Check the photo of my desk setup and look at the sample output in web.dev/multi-screen-w…()-method. The iPad is ph

via Twitter for iPhone in reply to HenrikJoreteg

@HenrikJoreteg I was just saying the ID is only defined in the new API. It’s on `ScreenInfo`: webscreens.github.io/window-placeme….

via Twitter for iPhone in reply to HenrikJoreteg

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