Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

April 2021

slightlylate We often focus on point features when discussing the impact of browser choice. It’s helpful to zoom out and consider trend lines, particularly regarding iOS, where changing browsers doesn’t bring with it a different (potentially better) engine:

infrequently.org/2021/04/progre…

via Twitter Web App (retweeted on 11:04 PM, Apr 30th, 2021 via Twitter Web App)

jaffathecake 📝 Profiling the Google I/O website. I took a break from looking at F1 websites, and took a look at one of Google’s newest sites.

This site really highlights the performance cost of putting everything in JavaScript.

jakearchibald.com/2021/io-site-p…

via Twitter Web App (retweeted on 5:48 PM, Apr 30th, 2021 via Echofon)

@tfeldhaus @webkit You’re right, it’s still behind a flag as of 14.5. I’ve been using the feature on my device without any issues so far. (Related: twitter.com/tomayac/status….)

via Twitter Web App in reply to tfeldhaus

@tfeldhaus @webkit Supported since Safari Technology Preview Release 114: webkit.org/blog/11300/rel…

Lazy Loading:

- Implemented lazy iframe loading (r266976, r267187)
- Fixed lazy image load painting (r267136)

via Echofon in reply to tfeldhaus

@RReverser It’s not supported according to your feature detection. This on iOS 14.6 (18F5046f).

Mozilla/5.0 (iPhone; CPU iPhone OS 14_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Mobile/15E148 Safari/604.1

via Echofon in reply to RReverser

ChromiumDev 👀 A new video in a different language - now in 🇺🇦 Ukrainian! (English subtitles included)

@RReverser gives a practical intro to WebAssembly and walks through integration of a Rust library in a Web app from beginning to the end.

youtube.com/watch?v=Es7Ab2…

via TweetDeck (retweeted on 9:25 AM, Apr 30th, 2021 via Echofon)

@Vjeux Shh 🤫. I’m working on one. I’d be eager to test it with real images people would be interested in converting. If you want to help, email me the images and I’ll send you back the converted versions. I’ll share the app once it’s a bit mo

via Echofon in reply to Vjeux

@jonathandavis @firt @chris_dumez Asking as someone who toggles flags a lot: Have you considered adding a “Reset to Defaults” option to “Settings > Safari > Advanced > Experimental WebKit Features”? It’s sometimes hard to know if an app will wor

via Echofon in reply to jonathandavis

webkit Learn about the new WebKit features available with the release of Safari 14.1 on macOS Big Sur, iPadOS 14.5, and iOS 14.5. It includes Flexbox gap support, date & time inputs on macOS, Paint Timing, Web Audio, MediaRecorder, WebM, WASM Threads, and more. webkit.org/blog/11648/new…

via Twitter Web App (retweeted on 8:57 AM, Apr 30th, 2021 via Echofon)

carlop54002226 Very proud to share: medium.com/leaningtech/a-…

An unique experiment mixing JavaScript, C++, TypeScript, Cheerp, LLVM.

Looking forward to any feedback!

via Twitter Web App (retweeted on 8:36 AM, Apr 30th, 2021 via Echofon)

maudnals How to prepare for third-party cookie phase-out?🍪
Responses and time for questions coming soon!
🔸Talk “Preparing for a more web”: what’s changing, how you can prepare, 3P cookies, new APIs and more 👉 goo.gle/io-21-private-…. I’ll tweet it when it’s out!
1/2

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

TechThomas Award-winning websites should honor the “reduce motion” preference: bit.ly/3uWnjyf Many are affected by motion, even without an official diagnosis. Also, check out prefers-reduced-motion: bit.ly/31L5aGF pic.twitter.com/ELzZNm4PA0

via Buffer (retweeted on 7:19 PM, Apr 29th, 2021 via Twitter Web App)

barrd Creating `prefers-color-scheme` in SVG favicons for dark mode icons. ✔️👌

blog.tomayac.com/2019/09/21/pre…

h/t @tommcfarlin for his “things of interest threads” - My current HTML boilerplate

via Twitter Web App (retweeted on 12:30 PM, Apr 29th, 2021 via Twitter Web App)

👉 [Talk] Enable payments on your PWA with Play Billing using the Digital Goods API: events.google.com/io/session/c76…

👉 [Talk] List your Progressive Web App in Google Play: events.google.com/io/session/a91…

👉 [AMA] Progressive Web Applications and Fugu: events.google.com/io/session/349…

via Twitter Web App in reply to tomayac

👉 [Codelab & Workshop] A whirlwind tour through Project Fugu APIs: events.google.com/io/session/af6…

👉 [Meetup] Progressing Progressive Web Apps: events.google.com/io/program/con…

👉 [Meetup] Project Fugu and you: events.google.com/io/program/con…

via Twitter Web App in reply to tomayac

📢 The Google I/O () schedule is live! Here’s everything relevant to the Project Fugu 🐡 and Progressive Web App crowd:

👉 [Talk] Five tips for your PWA: events.google.com/io/session/85f…

👉 [Talk] @excalidraw and Fugu: Improving core user journeevents.google.com/io/session/bb2…

via Twitter Web App

🤩 Interesting, there is a PR that would bring the API (see quoted tweet ⤵️) to @deno_land: github.com/denoland/deno/….
twitter.com/ChromiumDev/st…

via Twitter Web App

@blaine @slightlylate If it consulates you, I desperately want `grab()` to become a reality, too. Rick Astley cheers me up, unless Bitley ruins the fun.

via Echofon in reply to blaine

@samthor Where’s the 🔥 emoji reaction button on Twitter?

via Echofon in reply to samthor

@mikewest @matthewcp @paul_irish @TheRealNooshu @zachleat @mathias Thanks for the pointer to the DOM clobbering Issue, subscribed to it. Yeah, it’s definitely not something we can kill, but creating a way for opting out sounds like a reasonable thing to

via Echofon in reply to mikewest

Sites are included in the FLoC origin trial (i) if they are detected as using ads-related resources or (ii) use the FLoC API (`await document.interestCohort()`).
Case (ii) is easy to determine. Case (i), too, if you know how. @rowan_m explains the steps itwitter.com/rowan_m/status…

via Echofon

@passle_ Maybe @jeffposnick has anecdotes to share from the @workboxjs community!?

via Echofon in reply to passle_

@JoshMarantz @Justinwillis96 @rauschma The API (under its old name) was reviewed by the @w3ctag; and in github.com/w3ctag/design-… the consensus was that the TAG “would love to see the developers start using this”. The spec is still actively being worked

via Echofon in reply to JoshMarantz

@AndrewWHacks @slightlylate We offer a library that falls back to the legacy methods transparently if there’s no support: github.com/GoogleChromeLa…. Here’s the @webkit bug where I ask for the feature: bugs.webkit.org/show_bug.cgi?i…. 🤞

via Echofon in reply to AndrewWHacks

@matthewcp @paul_irish @TheRealNooshu @zachleat @mikewest @mathias How am I the first and so far only person to like this tweet? The entire code golf scene (that I’m definitely not part of unfortunately) should like this. 😂

via Echofon in reply to matthewcp

@jyasskin @blaine @slightlylate Whaaat? Come on, @Bitly, don’t ruin the fun! This really isn’t a harmful URL, and stuff like this waters down the warning message for actually harmful URLs.

via Twitter for iPhone in reply to jyasskin

@blaine @slightlylate 🤫 Shh! It’s in the works. We call it `WindowOrWorkerGlobalScope.grab()`. Read more about it in the explainer: goo.gle/grab-explainer.

via Twitter Web App in reply to blaine

@Jan_Ainali @WikiLiveMon @wikidata It’s probably a poor consolation, but the paper is still up: research.google.com/pubs/archive/4…. And so is the source code: github.com/tomayac/wikipe….

via Twitter Web App in reply to Jan_Ainali

@Jan_Ainali @WikiLiveMon Meh, yes. The code needs updating, Heroku have axed support for the long outdated Node.js version this was created for. I need to update it. Some time.

via Twitter Web App in reply to Jan_Ainali

glitch In addition to a refresh of our static website and Node app starters (hello, @fastifyjs!), we’re improving our FREE static sites to support generated static sites - including brand new @reactjs + @vite_js and @eleven_ty starters. Try them out today:
glitch.com/create-project

via TweetDeck (retweeted on 6:33 PM, Apr 28th, 2021 via Echofon)

@piccalilli_ Congratulations on making the Web less boring in an agency; an agency that is yours 😃!

via Echofon in reply to piccalilli_

@addyosmani @shadeed9 Congratulations on the book launch! 🍾

(I realized images.guide now is a redirect to web.dev. Not sure if related, I still have the PWA installed. 😃)

via Echofon in reply to addyosmani

@schweinepriestr Oh, thank you. I was the one who asked CanIUse in a PR to change the URLs. I forgot that they left the original hash link unaltered.

via Twitter for iPhone in reply to schweinepriestr

Read and write files with the File System Access API (see quoted tweet ⤵️). For maximum browser compatibility, check out the browser-fs-access support library: web.dev/browser-fs-acc…. Browsers are awesome indeed. 🤩 twitter.com/stackblitz/sta…

via Echofon

Another useful tidbit by @stefanjudis: the `vector-effect: non-scaling-stroke` option for SVG scaling: stefanjudis.com/today-i-learne… (Super intuitive demo, too!)

via Twitter Web App

@pastak We’re experimenting with persistent access. You can turn it on in chrome://flags by flipping the “Enable persistent access to the Font Access API” flag. There also is a “select all fonts” option in the current picker. pic.twitter.com/sH9ZvL8sA2

via Twitter Web App in reply to pastak

thinktecture See how @christianliebel copies drawings from the -/-Paint clone paint.js.org to other applications and how to paste them back.🎨⬇️ thinktecture.com/pwa/making-of-…

via ContentStudio.io (retweeted on 11:12 AM, Apr 28th, 2021 via Twitter Web App)

Some insights from Google Search on the Text Fragments (web.dev/text-fragments/) feature and user perception. ⤵️ twitter.com/david_bokan/st…

via Twitter Web App

@henrylim96 Hmmm, right. Also my other demo broke. Maybe a regression? Have you checked the WebKit bug tracker?

via Twitter Web App in reply to henrylim96

@henrylim96 There’s no user gesture. The operation needs to be the result of a user gesture like a click.

via Twitter Web App in reply to henrylim96

@samthor Yeah, it sounds reasonable, unlike the recent news.

via Echofon in reply to samthor

@simevidas @stefanjudis There are client-side implementations like github.com/orling/graphem… and there was discussion around adding a `graphemeAt()` method (esdiscuss.org/topic/working-…, not sure where it went). For RegExp, the ‘u’ flag has made things bettedeveloper.mozilla.org/en-US/docs/Web…

via Echofon in reply to simevidas

The `navigator.serviceWorker.controller` approach mentioned below ⤵️ is what I use in the Service Worker Detector extension: github.com/google/service… (available for many browsers, including Safari, for which it happens to be a convenient—yet still litwitter.com/jeffposnick/st…

via Echofon

There’s an early Container Queries polyfill out there made by @jon_neal: github.com/jsxtools/cqfill. Exciting times! 😆

via Echofon

patrickwardle 1⃣ Update to macOS 11.3, like now.

2⃣ Read about, IMHO, the worst macOS bug in recent memory (in terms of its ease of exploitability and potential impact to everyday Mac users). twitter.com/objective_see/…

via Twitter Web App (retweeted on 9:07 AM, Apr 27th, 2021 via Echofon)

@wesbos Have you seen @jorikdelaporik’s article on DataTransfer: web.dev/datatransfer/? He maintains a library (mentioned in the post), too, that may make your life easier.

via Echofon in reply to wesbos

@firt By now you should probably be on their payroll. Great work!

via Echofon in reply to firt

iOS 14.5 brings the new Safari 14.1 to PWAs and the Web Platform. ⁦@firt⁩’s post provides all the details you should know. 👏 firt.dev/ios-14.5/

via Twitter for iPhone

steveruizok This week I’m bringing perfect-freehand into @excalidraw to improve the pen tool. Pressure-sensitive digital ink is on its way! pic.twitter.com/YgTZIIFWSg

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

@hdv Sorry to disappoint, but this stuff happens on-device and never leaves your machine: blog.google/products/chrom….

via Echofon in reply to hdv

@mkljczk @ChromiumDev That’s dedication! 👏 Happy you can finally play with it in reality!

via Twitter Web App in reply to mkljczk

mkljczk .@tomayac on web.dev asked us to show where and how do we use . Actually, I’ve implemented the spec like half a year ago, waiting for the implementation to land in Chromium. Was I the first to use this on production? pic.twitter.com/G3vh7a65xO

via Twitter Web App (retweeted on 7:14 PM, Apr 26th, 2021 via Twitter Web App)

@derSchepp @RReverser @UhligTobias We are talking already 😃. By the way, the spec link works again (webscreens.github.io/window-placeme…), but the explainer is currently the updated source of truth. twitter.com/tomayac/status…

via Twitter for iPhone in reply to derSchepp

😮‍💨 Emoji under the hood. Always good to occasionally come back to the Unicode foundations behind emoji.

(via ⁦@stefanjudis⁩’s newsletter) tonsky.me/blog/emoji/

via Twitter for iPhone

@github @bramus Interesting! I was aware of github.com/axe312ger/sqip (sqip art specifically), but Triangula seems to improve upon this.

via Echofon in reply to github

@UhligTobias @RReverser Sorry for the broken link. Try the explainer instead: github.com/webscreens/win…. At the moment it’s Chromium, but the @w3ctag has been consulted: github.com/w3ctag/design-…. Looking forward to seeing the prototype. Please reach out fo

via Twitter Web App in reply to UhligTobias

@UhligTobias @RReverser For the multiple windows, have you considered the Multi Screen Window Placement API: web.dev/multi-screen-w…? Happy to answer questions or listen to your feedback!

via Echofon in reply to UhligTobias

The Web Workers driven UI framework neo.mjs looks really interesting. Try it on desktop!
(via ⁦@RReverser⁩) itnext.io/the-webworkers…

via Twitter for iPhone

malyw Chrome 91 brings the full support for ECMAScript Modules ecosystem, by adding them in ServiceWorkers ✅
Just add “{type: ‘module’}” when registering SW and you don’t need bundling anymore.
Details are here: groups.google.com/a/chromium.org…
You can test on: hospodarets.com/es-modules-tes… pic.twitter.com/NV2BWasOHZ

via Twitter for Advertisers (legacy) (retweeted on 10:37 AM, Apr 25th, 2021 via Echofon)

dandenney A curated list of awesome framework-agnostic standalone web components by Uncle Dave! github.com/davatron5000/a…

via Twitter for iPad (retweeted on 11:16 PM, Apr 24th, 2021 via Echofon)

sarah_edo This readme creator by @katherinecodes is so handy! I’m always copy-pasting my old repo readmes and editing, I think this will save me a ton of time and the quality will be way better. Thank you Katherine!

readme.so pic.twitter.com/bGwbl1TCNq

via Twitter Web App (retweeted on 10:54 PM, Apr 24th, 2021 via Echofon)

bashik7 I updated my dPWA (English dictionary tool) to use “window-controls-overlay”. Looks more like a native app!
web.dev/window-control… pic.twitter.com/B2zAVdVPh9

via Twitter Web App (retweeted on 11:37 AM, Apr 24th, 2021 via Twitter Web App)

pmdartus New blog post: A complete guide on shadow DOM and event propagation with interactive visualizations.
pm.dartus.fr/blog/a-complet…

This is the kind of article I wish I had before starting my journey into web components. pic.twitter.com/vUNUgKsMJr

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

📢 Extra, extra: PWAs are getting better every day! 📢 Extra, extra!

windowscentral.com/google-and-mic…

mspoweruser.com/microsoft-conf…

(Original article: web.dev/window-control….)

via Twitter Web App

ChromiumDev 📢 New PWA case study: Mainline Menswear 👔 implements PWA and sees a 55% conversion rate uplift:

👉 web.dev/mainline-mensw… 👈

Read the technical details on how they managed this conversion rate improvement 📈 in @charisTheo_dev’s and Natasha Kosoglov’s write-up!

via TweetDeck (retweeted on 10:26 AM, Apr 23rd, 2021 via Twitter Web App)

ChromiumDev 📋 Learn how to enable the user to share data beyond the browser window in @jorikdelaporik’s article Breaking Down Barriers Using the DataTransfer API:

👉 web.dev/datatransfer/

Not sure what this about yet? Watch the video teaser: youtu.be/EYMgUhn_Zdo.

via TweetDeck (retweeted on 10:26 AM, Apr 23rd, 2021 via Twitter Web App)

@firt I have an article on Handwriting Recognition in my queue, but meanwhile check out the Explainer: github.com/WICG/handwriti…. 🖊

via Echofon in reply to firt

@rick_viscomi Congratulations here as well! 🎈

via Echofon in reply to rick_viscomi

sarah_edo 🤓 I made this tribute to how much I love the useless web. It’s hand-drawn but animated to be a rube goldberg machine with JavaScript, more precisely @greensock

codepen.io/sdras/pen/mdJR… pic.twitter.com/UrnumhzhR8

via Twitter Web App (retweeted on 8:57 AM, Apr 23rd, 2021 via Echofon)

jorikdelaporik Check out my article on web.dev/datatransfer about the forgotten cross browser drag drop interactions @ChromiumDev

via Twitter Web App (retweeted on 11:56 PM, Apr 22nd, 2021 via Twitter Web App)

Chrome 91: Handwriting Recognition, WebXR Plane Detection and More: blog.chromium.org/2021/04/chrome…. Exciting release! 😃

via Twitter for iPhone

Help users log in across affiliated sites on Chrome blog.chromium.org/2021/04/help-u…. Digital Asset Links to the rescue.

via Twitter for iPhone

Justinwillis96 Yessssssssssssssssssssssssssssssssss. This is a HUGE step in making PWAs feel even more familiar to the average user on desktop web.dev/window-control…

via Twitter Web App (retweeted on 8:31 PM, Apr 22nd, 2021 via Twitter Web App)

@mariusclaret @ChromiumDev It’s not full degrees of freedom, but definitely more than before. The Podcasts example from the post is now possible. pic.twitter.com/OAcVEffIt2

via Twitter Web App in reply to mariusclaret

@LinkofHyrule89 @ChromiumDev @discord How does it know an app is a game, and not set your status as “playing calculator.exe”? A massive allow-list?

via Twitter Web App in reply to LinkofHyrule89

@LinkofHyrule89 @ChromiumDev @discord I don’t think there is an API planned for this feature (but am also not familiar with the Discord Electron app in a gaming context, I purely use it as a chat app).

via Twitter Web App in reply to LinkofHyrule89

@LinkofHyrule89 @ChromiumDev @discord Hopefully in the future. For now, Discord neither has a web application manifest nor a service worker.

via Twitter Web App in reply to LinkofHyrule89

@mariusclaret @ChromiumDev The safe are insets are for the whole viewport. The title bar areas for the window controls overlay is for PWA windows.

via Twitter for iPhone in reply to mariusclaret

ChromiumDev 🤠 Chuck Norris can customize PWA windows so they are round!

Everyone else can soon customize the Window Controls Overlay as outlined in @tomayac’s and Amanda Baker’s latest article:

web.dev/window-control….

Example of a search bar below as a teaser… apic.twitter.com/8KaRFlJyhjhj

via TweetDeck (retweeted on 3:25 PM, Apr 22nd, 2021 via Twitter for iPhone)

justinfagnani I think it’s worth reminding people about the awesomeness of tagged template literals on Lit Launch Day.

This is a huge part of why Lit is so fast: twitter.com/justinfagnani/…

via Twitter Web App (retweeted on 8:46 AM, Apr 22nd, 2021 via Echofon)

rowan_m Personally excited about the github.com/DCtheTall/CHIPS 🍪 proposal for partitioned cookies, and not just for the tasty puns. This would give sites an opt-in route to still have those critical cross-site embeds, resources, APIs, services, etc. but *without* the cross-site tracking! pic.twitter.com/XTwtR08UD1

via Twitter Web App (retweeted on 8:18 AM, Apr 22nd, 2021 via Echofon)

manekinekko “The Subtle Art of Being A Developer Advocate” by @manekinekko

dev.to/wassimchegham/… pic.twitter.com/AeG4xCdVfV

via Twitter Web App (retweeted on 8:16 AM, Apr 22nd, 2021 via Echofon)

📢 The new Lit site is up. Catch up on the announcement video (youtube.com/watch?v=f1j7b6…) or browse the docs directly. This stuff looks good! If you’re building Web Components professionally, you want to check this out. lit.dev

via Twitter for iPhone

@soleio @_zouhir @excalidraw, have you seen this? The chat could really be useful. Thoughts?

via Echofon in reply to soleio

@buildWithLit @polymerLibrary The first viral activity of @buildWithLit can be to feature projects . Irregular verbs FTW!

via Echofon in reply to buildWithLit

@jordaust _Very_ exciting place to be at right now, so much web hotness. Congratulations! 🎈

via Echofon in reply to jordaust

Coil Today, we are bringing Web Monetization to Samsung Internet.

Galaxy users can now enable Coil in the Samsung Browser to activate streaming micropayments to support their favorite creators, developers, publishers & platforms in real-time.

Read more: coil.com/press/press-ne… pic.twitter.com/lSp1pUENVR

via Twitter for iPhone (retweeted on 8:26 PM, Apr 20th, 2021 via Echofon)

twifkak I helped build the Google SXG Cache. If you publish web pages, I think it’s worth a look, regardless of what you think of the Google AMP Cache. 1/7 twifkak.com/blog/propertie…

via Twitter Web App (retweeted on 8:25 PM, Apr 20th, 2021 via Echofon)

ddprrt The tempting legibility of Comic Mono…

👉 dtinth.github.io/comic-mono-fon…

via Twitter Web App (retweeted on 8:09 PM, Apr 20th, 2021 via Echofon)

@DotProto @samthor If only had I known this in 2012: twitter.com/tomayac/status…. I have learned to rely on StackSort ever since. Working on getting it into third_party/ at Google. Will use this thread as evidence why it’s needed.

via Echofon in reply to DotProto

A helpful thread by @Log3overLog2 from the Google FLoC team in which he debunks some of the misconceptions people have about FLoC. No, the browser does _not_ use every. single. page. that you visit to calculate your cohort.

(Disclosure: Initially, I misutwitter.com/Log3overLog2/s…

via Echofon

@kennethrohde I guess they settled for the smallest common denominator as to not give other platforms an advantage. (My understanding is that network play will be allowed across platforms.)

via Twitter Web App in reply to kennethrohde

@kennethrohde It can only be via Gamepad API (web.dev/gamepad/). I wonder if in the long term this will mean the Android apps will become wrappers of the iOS Web experience (or even vanish and set fully on PWA), or if companies maintain the differe

via Echofon in reply to kennethrohde

@ade_oshineye @doriantaylor XPointer is mightier, see, for example, the `string-range()` function: w3.org/TR/WD-xptr#str…. Additionally, Text Fragments is bound to word boundaries, whereas XPointer has letter-level accuracy. It came up, though: github.com/WICG/scroll-to…

via Twitter Web App in reply to ade_oshineye

@ade_oshineye @kevinmarks That’s what it does indeed. The extension was a test to probe user engagement that was very successful, hence we built the feature right into the browser. The part “URL ending in a pound sign (#) is generated” from the post

via Twitter Web App in reply to ade_oshineye

cramforce 🆕 Timeline
🆕 Page experience report in Search Console
⚡️Goodbye AMP badge
🔒 Signed Exchange preloading for all supported web content (Absolutely optional) twitter.com/googlesearchc/…

via Twitter Web App (retweeted on 7:34 PM, Apr 19th, 2021 via Echofon)

sw12 📢 Quick survey:

web.dev/2021-scroll-su…

🙏 Help us improve scrolling on the web.

Thanks!

via TweetDeck (retweeted on 3:34 PM, Apr 19th, 2021 via Echofon)

@szynszyliszys @fieldintel Brilliant. Congratulations on the new role! 🎈

via Echofon in reply to szynszyliszys

@lucfig @ChromiumDev No, this isn’t the objective of this feature. The core idea is to edit multiple documents in the same app. The closest to your concept would be to load different PWAs in iframes in a host PWA. Your mileage with this approach may var

via Twitter Web App in reply to lucfig

@jeffposnick @patmeenan @aboodman I’m starting to like github.com/antfu/vite-plu… by @antfu7 for @vite_js. It’s an abstraction on top of @workboxjs, and doesn’t buy you in to any front-end framework (albeit Vite is of course close to @vuejs).

via Echofon in reply to jeffposnick

@edent @oedmarap @Log3overLog2 The current reality is that it’s opt-out.

via Twitter Web App in reply to edent

@oedmarap Interested folks should follow github.com/WICG/floc/pull…. @Log3overLog2 has commented that “there isn’t a way [to opt out of FLoC apart from using the HTTP header] right now, and I agree that we should add one”.

via Echofon in reply to tomayac

⚠️ I’ve confirmed with Google folks that the `<meta>` tag way of opting your website out of Google’s FLoC network does _not_ work. The HTTP header approaches for the different servers mentioned in ⁦@oedmarap⁩’s guide are currently the _only_paramdeo.com//blog/opting-y…

via Twitter for iPhone

@Rolograaf @mousseman I guess that’s fine, but I need to check back with the Lokalschriftartenzugriffsapplikationsprogrammierschnittstellenbeschreibungsübersetzungsbeauftragten first.

via Twitter for iPhone in reply to Rolograaf

@benmorss Probably the Mehrbildschirmfensterplatzierungsapplikationsprogrammierschnittstelle: webscreens.github.io/window-placeme….

via Echofon in reply to benmorss

bramusblog Identify and Extract Pseudo-Element Selectors from built-in HTML Elements using DevTools

🔗 bram.us/2021/04/15/ide…

🏷 -elements pic.twitter.com/AgXdegWuCV

via Bramus RSS (retweeted on 9:13 AM, Apr 16th, 2021 via Echofon)

@fgnass Hehe, the last Easter egg that I dropped. A commenter on YouTube has found Fenster 95 and Malen.

via Twitter Web App in reply to fgnass

@tunetheweb @rick_viscomi There’s `hyphens: auto` in CSS, or else, the ultimate hammer, `word-break: break-all`… 🔨 developer.mozilla.org/en-US/docs/Web…lpdeveloper.mozilla.org/en-US/docs/Web…Ff

via Twitter Web App in reply to tunetheweb

@rick_viscomi Wait until I translate the Web Almanac. 😂

via Twitter Web App in reply to rick_viscomi

ChromiumDev There always is a German word for anything. ⤵️ twitter.com/tomayac/status…

via TweetDeck (retweeted on 7:58 PM, Apr 15th, 2021 via Twitter Web App)

In this 🇩🇪 video, I use the Lokalschriftartenzugriffsapplikationsprogrammierschnittstelle (Local Font Access API) to explain how new browser APIs can be used as progressive enhancement & where the APIs developed in the context of Project Fugu 🐡 cyoutu.be/0qNbknHEt0Q

via Twitter for iPhone

@_paulshen Wow, that’s great! Let me know if you need help. I’ll keep an eye on the project, really like it!

via Twitter Web App in reply to _paulshen

Overflow Issues In CSS: smashingmagazine.com/2021/04/css-ov…. Another great article on an annoying common problem by @shadeed9.

via Twitter Web App

@_paulshen Wow, this is like Scratch but for advanced folks! For importing/exporting canvases and scripts, have you considered supporting the File System Access API (web.dev/file-system-ac…)? Shameless plug: I maintain a module that can act as a drop-in rgithub.com/GoogleChromeLa…

via Twitter Web App in reply to _paulshen

_paulshen I’m excited to share a preview of natto.dev, a canvas for writing and manipulating JavaScript.

It’s kinda like a JS playground, script runner, API client, JSON viewer, datavis tool, .. not sure exactly but it feels like something!

via Twitter Web App (retweeted on 12:08 PM, Apr 15th, 2021 via Twitter Web App)

@MarcoInEnglish Herzlichen Glückwunsch zum Geburtstag! 🎁

via Echofon in reply to MarcoInEnglish

stackblitz 🤯 Browsers are awesome! (2):

With `BarcodeDetector` you decode linear and two-dimensional (e.g. QR Code) codes directly in a browser! pic.twitter.com/wJCf6nVY2S

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

codepo8 Quick VS Code tip: Automatically add image width and height to images christianheilmann.com/2021/04/14/qui… pic.twitter.com/SfRz7NTsxh

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

lunasorcery tired: creative meme formats
wired: every meme format just being a “A is better than B” format (see: distracted boyfriend, drake, broke/woke, tired/wired, car pulling a right turn, this doesn’t/does spark joy….)

via Twitter for Android (retweeted on 3:04 PM, Apr 14th, 2021 via Twitter Web App)

@nhoizey @yoavweiss @jaffathecake The mobile app needs to open the photo TAN app… At least now the mobile app can read the photo TAN without requiring a second device.

via Twitter Web App in reply to nhoizey

ricmac New @webdevhistory post 👉 1995: PHP Quietly Launches as a CGI Scripts Toolset.

If CGI scripts were the start of interactive programming on the web, then @rasmus’ PHP Tools was the natural next step. Tho it wasn’t a scripting language to begin with. webdevelopmenthistory.com/1995-php-quiet…

via Twitter Web App (retweeted on 11:22 PM, Apr 13th, 2021 via Echofon)

@yoavweiss @jaffathecake It’s like a PIN code for the credit card and a login password for the online banking.

via Twitter for iPhone in reply to yoavweiss

@yoavweiss @jaffathecake It’s something something EU law. For my bank in Germany it’s a login code (separate from my actual login password) paired with an OTP that comes via SMS. But also a weird iframe that I know to trust when the form fields look l

via Echofon in reply to yoavweiss

Come for the intro, and, erm, stay for the intro. @petele presenting what’s new in Chrome 90 in style. ⤵️ twitter.com/ChromiumDev/st…

via Echofon

shadeed9 ✍️ New Article: Say Hello To CSS Container Queries

I wrote about CSS container queries, how they work, why to use them, with use-cases and examples. I enjoyed learning and writing about them. Happy reading!

🔗 ishadeed.com/article/say-he… pic.twitter.com/DKzSkdomgN

via Twitter Web App (retweeted on 10:22 PM, Apr 13th, 2021 via Echofon)

Why some developers are avoiding app store headaches by going Web-only: fastcompany.com/90623905/ios-w…

via Twitter for iPhone

Thanks to @rachelandrew we now have early stage documentation over on @MozDevNet for Container Queries: developer.mozilla.org/en-US/docs/Web…. It’s a moving target, but great to have documentation already now. 👏 twitter.com/rachelandrew/s…

via Echofon

DasSurma 📝New blog post 🎉

Is WebAssembly magic performance pixie dust✨? Can you replace JavaScript with Wasm and things get faster?

➡️ JS to AssemblyScript
➡️ Benchmarking & Profiling
➡️ Debugging the runtime
➡️ Comparing file size
➡️ also feat Rust & C++

👇
surma.dev/things/js-to-a…

via Twitter Web App (retweeted on 10:03 PM, Apr 13th, 2021 via Echofon)

torgo Good to see this getting some coverage. Full support for inclusive naming. “The Fight Over Offensive Terms in Computing” nytimes.com/2021/04/13/tec…

via Twitter Web App (retweeted on 10:01 PM, Apr 13th, 2021 via Echofon)

@pbakaus @WebCreators If blogs overdo it with the paid content (“insane deals” I may not miss etc.), I am oftentimes tempted to unsubscribe, despite some nuggets that I might miss. So for your other question: a different financial model to make conten

via Echofon in reply to pbakaus

@hashim_warren @jbrancha @wesbos Microsoft’s, Intel’s, Samsung’s, and Google’s effort. 😃

via Twitter Web App in reply to hashim_warren

@christianliebel @rick_viscomi 👏 Brilliant answer. Just adding that the suggestion will silently be ignored on non-supporting browsers.

via Echofon in reply to christianliebel

@simevidas @rob_dodson Sniff the user-agent and then return a 403 (Forbidden) response: twitter.com/tomayac/status….

via Echofon in reply to simevidas

@johnwilander I’d sign up (or put the RSS feed in my reader).

via Echofon in reply to johnwilander

@justmarkup This has been fun to follow! Thanks for writing! An idea for a next project might be 100 days, 100 HTML attributes: developer.mozilla.org/en-US/docs/Web….

via Echofon in reply to justmarkup

@wesbos Making browsers more capable in the context of Project Fugu 🐡: web.dev/tags/capabilit….

via Echofon in reply to wesbos

@bramus @ChromeDevTools It’s like coding against a private API, though. The internals can change without prior notice. (In practice, things have been quite stable, but worth calling out.)

via Echofon in reply to bramus

@SaraSoueidan In my experience that’s caused by people choosing pure white: web.dev/prefers-color-…. Do you have examples of sites you have trouble with? (DMs are open, no public “shaming” needed.)

via Echofon in reply to SaraSoueidan

@HenriHelvetica @henrylim96 @diekus @davidwalshblog I agree and wasn’t saying there was a problem in general. On the “tube” sites with aggregated (user-generated) content there is of course less control, and objectionable stuff may slip, which is a

via Twitter for iPhone in reply to HenriHelvetica

@HenriHelvetica @henrylim96 @diekus @davidwalshblog That’s my hunch, too, which brings me back to my original tweet ⤵️. Regarding ethical interests vs. technology interests: it’s always a tough choice; think defense, analytics, and yes, pr0n as wetwitter.com/tomayac/status…

via Twitter for iPhone in reply to HenriHelvetica

@HenriHelvetica @henrylim96 @diekus @davidwalshblog I was mostly thinking of gender diversity (but other aspects would be interesting to know, too). My main question is: is the team diversity different from, say, the average team composition of a team tha

via Echofon in reply to HenriHelvetica

@DanShappir @HenriHelvetica @henrylim96 @diekus @HTTPArchive @davidwalshblog I know you’re joking, but just to make it very clear: I was talking about the world of software engineering when I wrote “industry”.

via Twitter Web App in reply to DanShappir

@samthor @denladeside Little known fun fact: The Evergreen captain was browsing Emojityper.com and then realized too late that the Chrome tab that drives the WebUSB controlled rudder got unexpectedly suspended.

via Echofon in reply to samthor

@buttplugio Just browsed the website and saw the Nintendo Joy-Cons “coming soon” bullet. Maybe github.com/tomayac/joy-co… is useful?! For Wiimote, there’s @KevinPicchi’s github.com/PicchiKevin/wi….

via Echofon in reply to buttplugio

@denladeside @steveworkman A lot of companies have a tech blog to share such stories. Does Maersk? For example, at Maersk, I can’t even look at the APIs without signing up first: developer.maersk.com/apis. I found this write-up on a talk interesting: nordicapis.com/apis-at-maersk…youtu.be/AftVmX0W22Q

via Echofon in reply to denladeside

@HenriHelvetica @henrylim96 @diekus @HTTPArchive @davidwalshblog Very interesting interview. One additional question I would have asked is about team diversity. It’s bad in the industry in general, but I’m wondering if there it’s even worse.

via Echofon in reply to HenriHelvetica

@GNUmanth @domenic +1, I hear good things about Overleaf.
Personally, I use texpad on macOS (which will come to Windows soon: texpad.com/windows) because it was one of the first to fix the LaTeX, BibTeX, LaTeX, LaTeX dance (twitter.com/tomayac/status…) a

via Echofon in reply to GNUmanth

WebReflection JS classes are *not* just sugar.

There are various details to consider, be aware of, or use, to write better, faster, and modern, code.

I hope this post clarifies at least the most obvious parts that demonstrate prototypal inheritance is not equivalent.

webreflection.medium.com/js-classes-are…

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

Monster Mash: A Sketch-Based Tool for Casual 3D Modeling and Animation: ai.googleblog.com/2021/04/monste…. The demo is really impressive: monstermash.zone.

via Twitter for iPhone

@oliverturner @geoffreycrofte FWIW, here’s the waterfall of my blog, where I have implemented said splitting (and where this is a clearly over-engineered pattern), and it works just fine thanks to H/2: webpagetest.org/result/210410_… (Yes, I need to fix my cach

via Echofon in reply to oliverturner

@oliverturner @geoffreycrofte An interesting idea for certain scenarios might be to inline the split files as data URLs. Like that you have a clear separation and no additional HTTP requests, at the expense of caching. With HTTP/2, request overhead often

via Twitter for iPhone in reply to oliverturner

New arXiv paper 📄: Accessing HID Devices on the Web With the API: How to play the Chrome Dino Game by Jumping With a Nintendo Joy-Con Controller in One’s Pocket. 🦖 arxiv.org/abs/2104.02392. For @TheWebConf Developers Track.

via Twitter Web App

@geoffreycrofte @oliverturner For small sites I wouldn’t bother with separate files, but for typical large sites (think e-commerce sites for example) or high-performance sites (think Google) with dozens of rules needed to deal with special cases or load

via Twitter Web App in reply to geoffreycrofte

piccalilli_ 📣 New tutorial: “Build a fancy hover animation”

Learn how to use the power of CSS to take any collection of images and make them blend well together with a fancy interactive state.

It’s a proper fun one!

piccalil.li/tutorial/build… pic.twitter.com/6kIYJrUfuc

via Twitter Web App (retweeted on 11:47 PM, Apr 9th, 2021 via Echofon)

@DuckDuckGo In case anyone is interested in how FLoC block works, here’s @kdzwinel’s commit: github.com/duckduckgo/duc….

via Echofon in reply to DuckDuckGo

@igarshmyb @w3ctag There are plenty of implementations for Node.js and the browser: npmjs.com/search?q=keywo….

via Twitter Web App in reply to igarshmyb

@_boraturan As a Web developer, I would say: yes, this is a good thing. It’s slightly tongue in cheek of course calling this “Get the Android App”, but I like it.

via Twitter Web App in reply to _boraturan

Looks like we’re getting closer to being able to obtain UUIDs directly from a Web platform API:

“`js
const uuid = crypto.randomUUID();
// “52e6953d-edbe-4953-be2e-65ed3836b2f0”
“`

The @w3ctag review was just kicked off: github.com/w3ctag/design-….

via Twitter Web App

agektmr Want to build a biometric authentication UX with WebAuthn? Try it here
webauthn-codelab.glitch.me
You can learn how to build it in a codelab goo.gle/WebAuthnReauth…
It’s now a YouTube content (in Japanese, but with English caption)
youtube.com/watch?v=8ren54… pic.twitter.com/PcB57kFtJA

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

“Get the Android App” button installs the PWA. That’s next level. I love ♥️ it! ⤵️ twitter.com/steren/status/…

via Echofon

@DotProto Virtual hug 🫂. Wishing you strength!

via Echofon in reply to DotProto

@hashseed @TimvdLippe @kennethrohde @TheNix @RasmusHjulskov This reminds me of a recent issue I had: while debugging step-by-step a `showOpenFilePicker()` operation, my user gesture expired (yeah, I’m a slow debugger). Maybe make the grace period infinibugs.chromium.org/p/chromium/iss…

via Echofon in reply to hashseed

@kennethrohde @_zouhir Mini apps (web.dev/mini-apps/) commonly have a way to detect when the user took a screenshot, e.g., here’s WeChat’s: developers.weixin.qq.com/miniprogram/en…. I haven’t looked at the callback parameter, not sure if it allows the mini app

via Echofon in reply to kennethrohde

@simevidas `:parent(levels)` where levels would default to one and let me determine the number of levels I want to go up in the DOM tree.

via Echofon in reply to simevidas

Attending the 1st CJK Meeting on Mini Apps happening at the @w3c today. The slides of the meeting are available online: w3.org/2021/03/miniap…. For an introduction to the topic, the organizers recommend (w3.org/2021/03/miniap…) my series on mini apps (web.dev/mini-apps/

via Twitter Web App

TomerAberbach Another package! `limit-concur`

Limit an async function’s concurrency with ease! Less than 400 bytes!!!

github.com/TomerAberbach/… pic.twitter.com/IrqBEK5eV7

via Twitter Web App (retweeted on 10:22 PM, Apr 7th, 2021 via Echofon)

Oh, neat, my little app Wikipedia Around 📍(wikipedia-around.glitch.me) that was built for a PWA programming course with Palestinian developers is featured in Glitch’s blog post. ⤵️ twitter.com/glitch/status/…

via Twitter Web App

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