Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

May 2022

@vodafone_de @deutschetelekom So far @BILD seems to be their test partner. Here’s the site’s opt-out portal: m.bild.de/corporate/site…. No harm done opting out per site and globally at the TrustPid level. (Most people shouldn’t be browsing BILD anywaypic.twitter.com/4eF2Nk9NGW

via Echofon in reply to tomayac

🚨 TrustPId (trustpid.com) is _super_ concerning: “Your mobile number and IP address will be used by your network provider, e.g. @vodafone_de or @deutschetelekom, to generate a pseudonymous network identifier based on which we generate yourpic.twitter.com/we8poK0TRg

via Echofon

devfest_ukraine Hey, folks! 🤘

Welcome to our next Web speaker - Jhey Tompkins (@jh3yy) with his talk “Supercharge your Skills with Creative Coding on the Web Platform”

Want to join Jhey’s talk and ask questions? Donate and get access to the event at devfest.gdg.org.ua 🇺🇦 pic.twitter.com/BLKGv9SgMY

via Twitter for iPhone (retweeted on 9:44 PM, May 30th, 2022 via Echofon)

rauschma In other words: Web Streams are already quite usable on Node.js. I found these two resources useful:

– “Streams—The definitive guide” @tomayacyaweb.dev/streams/wFD
– “Implementing the Web Streams API in Node.js@jasnellsnjasnell.me/posts/webstrea…U1CCC

via Twitter Web App (retweeted on 5:36 PM, May 30th, 2022 via Twitter Web App)

@daKmoR @jordaust @passle_ Periodic Background Sync is the option you have (thanks, @jeffposnick, for confirming), but it’s possible at maximum every 24h, not more often.

via Echofon in reply to daKmoR

@iamdtms @simevidas @jimniels @pepelsbey_ The spec got you there: w3.org/TR/css-color-3…

transparent
Fully transparent. This keyword can be considered a shorthand for transparent black, rgba(0,0,0,0), which is its computed value.

(And with a=0, r,g,b d

via Twitter for iPhone in reply to iamdtms

@simevidas @jimniels @pepelsbey_ The background color is not in the UA stylesheet (neither for light mode [transparent] nor for dark mode [black-ish]):
Chromium: chromium.googlesource.com/chromium/blink…
WebKit: trac.webkit.org/browser/trunk/…
Firefox: searchfox.org/mozilla-centra…
It s

via Twitter for iPhone in reply to simevidas

@hussainmurani @Justinwillis96 @andreykalechev This polyfill achieves with existing APIs what the new API gives you. The polyfill can’t magically unlock new features, like, for example, background geolocation. It basically just changes the way to access

via Echofon in reply to hussainmurani

@jeffposnick @passle_ Oh, neat. Of course, I forgot about this demo. His problem may still be the interval of 24h.

via Twitter for iPhone in reply to jeffposnick

@passle_ Yes, it’s capped at 24h intervals at max. Not sure if it can trigger a notification, you’d have to try.

via Twitter for iPhone in reply to passle_

@passle_ Another idea is to set an app badge: web.dev/badging-api/. They can be set from a service worker. But also try if periodic background sync works (not sure right now myself).

via Echofon in reply to passle_

@JoubranJad It should work 🤔. I’m pretty sure the flag hasn’t expired. Try if it works for svgco.de (install and then enable it). It was working fine for me.

via Echofon in reply to JoubranJad

👀 If you haven’t heard about @ricmac’s amazing @webdevhistory series of articles, you’re clearly missing out. Catch up on all released posts so far in the timeline: webdevelopmenthistory.com/timeline/.

via Echofon

@iamdtms Hey Tamás! You can detect changes via JavaScript, see web.dev/prefers-color-… for the details. Hope this helps!

via Twitter Web App in reply to iamdtms

@slightlylate @Jack_Franklin @aerotwist I still think `EventTarget.getEventListeners()` would be a useful platform addition, but it’s one of those @WHATWG centithreads (for very good reasons; I just wish a decision either way [but preferably pro-`getEvegithub.com/whatwg/dom/iss…

via Echofon in reply to slightlylate

@lhslvndr @RReverser Couldn’t believe this, but have verified it to be true: via Echofon in reply to lhslvndr

@shwetank @eyeo All the best for the solopreneur step! 🍀

via Echofon in reply to shwetank

The makers of @devfest_ukraine asked me to say a few words about what I think about the event, what motivated me to speak, and what to expect in my talk. It’s impromptu & unpolished, but an honest 🧠 brain dump.

Register and donate: devfest.gdg.org.uapic.twitter.com/rYBguGxPwl

via Twitter Web App

ChromiumDev PWAs can define a `theme_color` and a `background_color`. Did you know that you can override both for dark mode 🌒 via `user_preferences` and its `color_scheme` property?

{
“user_preferences”: {
“color_scheme”: {…}
}
}
developer.chrome.com/origintrials/#…Kwgithub.com/WICG/manifest-…4d

via TweetDeck (retweeted on 10:34 AM, May 27th, 2022 via Twitter Web App)

Project Fugu 🐡 (and Project Aurora) got dedicated callouts in Google’s submission: downloads.regulations.gov/NTIA-2022-0001… [PDF]. pic.twitter.com/iMkdapFtMk

via Twitter Web App in reply to tomayac

Mozilla (regulations.gov/comment/NTIA-2…) and Google (regulations.gov/comment/NTIA-2…) have both responded to the NTIA’s (🇺🇸 National Telecommunications and Information Administration) mobile app ecosystem request for comments. Well worth a read!

via Echofon

@portious_banda @googledevs @googlecloud Are you accidentally blocking the CSS URLs maybe? It’s working fine on all the devices I checked on.

via Echofon in reply to portious_banda

dannymoerkerke I just added code snippets to most of the demos at What PWA Can Do Today.

I will added snippets to the other demos soon but these need some work.

What PWA Can Do Today is a showcase of demos of what is possible with PWAs today

whatpwacando.today

via Twitter Web App (retweeted on 11:22 AM, May 26th, 2022 via Echofon)

@TheRealNooshu Wishing you strength! Hope the numbers point in the right direction rather sooner than later! 💪

via Echofon in reply to TheRealNooshu

jensimmons Did you know fonts on the web can be in color? They can have several color palettes defined inside, and you can choose which palette is used with `font-palette`. Or define a custom palette with `@​font-palette-values`.

Learn how from @Litherum & @djrrb

webkit.org/blog/12662/cus…

via Twitter Web App (retweeted on 11:06 AM, May 26th, 2022 via Echofon)

A lot of developers want PDF 📄 generation support for their apps, as expressed in the Project Fugu 🐡 bug and now also a very concrete WHATWG HTML Issue: github.com/whatwg/html/is…. Star/subscribe to either of both to be updated of progress. 👀 bugs.chromium.org/p/chromium/iss…

via Twitter for iPhone

@AnaestheticsApp Perfect, the Fugu bug and the WHATWG bug are already interconnected. I’m subscribed to both and will signal-boost.

via Twitter Web App in reply to AnaestheticsApp

@jasonmcneill Yeah, we need more offline games, not less… ;-)

via Twitter Web App in reply to jasonmcneill

🧪 Android PWA experiment:

Let apps be installed just based on manifest, w/o service worker!

Android Chrome now creates a default offline page (docs.google.com/document/d/1YV…), and some apps have created otherwise empty service workers that slow down the Webgroups.google.com/a/chromium.org…

via Twitter Web App

Correction: since it’s a static method:

😆 After (without `new`):
`Response.json(object);`

via Twitter Web App in reply to tomayac

If you need to synthesize JSON responses in Service Workers, your life will soon get easier:

🫤 Before:
“`js
new Response(JSON.stringify(object), {
headers: {
“Content-Type”: “application/json”
}
});
“`

😆 After:
`new Response.json(object)fetch.spec.whatwg.org/#ref-for-dom-r…

via Twitter Web App

Karan_K_Bhatia Thank you @ZelenskyyUa! From the beginning of the war, @Google has sought to help however we can - through humanitarian support or our tools; we’ll continue to do so as long as needed. Humbled & honored by this recognition. Thank you @FedorovMykhailo for the meeting. twitter.com/FedorovMykhail…

via Twitter Web App (retweeted on 9:38 AM, May 25th, 2022 via Echofon)

@cjamcl It is. It’s in the Share action. Highlight something, then share. See bugs.chromium.org/p/chromium/iss… for one improvement to the flow (right now you can’t share the URL alone).

via Echofon in reply to cjamcl

@jh3yy Probably it’d be safest to match on the dataset-term attribute rather than on the class (what I’m doing and which can cause CSS clashes) or a made-up attribute (what you’re doing and which—should this become popular—would block us from ad

via Echofon in reply to jh3yy

denladeside I’m working on a PoC using @NordicTweets HW, @ZephyrIoT firmware and web apps to provide affordable customized mouse (later keyboard too) control for folks in need of assistive technology. Here is an early draft - toughts/corrections welcome :) dev.to/denladeside/ze…

via Twitter Web App (retweeted on 1:51 AM, May 25th, 2022 via Echofon)

Added a banner to all web.dev pages today: “Join and donate to 🇺🇦 DevFest for Ukraine (devfest.gdg.org.ua/?utm_source=we…), a charitable tech conference happening June 14–15 supported by@googledevsvs⁩ and@googlecloudud⁩.”pic.twitter.com/vWt8yiZH0U

via Twitter for iPhone

PWABuilder can now create PWAs packaged for Meta (Oculus) Quest devices! 👏 @alexey_rodionov is working on a PR to add this and other related info to my article web.dev/pwas-on-oculus…. twitter.com/pwabuilder/sta…

via Echofon

@jh3yy That’s what powers the app search feature in the 🐡 Project Fugu API Showcase: github.com/tomayac/fugu-s….

via Echofon in reply to jh3yy

codepo8 What’s new for Microsoft Edge at Build 2022 blogs.windows.com/msedgedev/2022…

via Twitter Web App (retweeted on 1:13 AM, May 25th, 2022 via Echofon)

ChromiumDev 🥳 In-page transitions can be complex, so we’re going to make it easy!

Learn about new APIs that help to simplify the process, building on top of CSS animations and the web animation API.

Check it out → goo.gle/3ljCY7v pic.twitter.com/C8rbEInXks

via Sprinklr (retweeted on 8:58 AM, May 24th, 2022 via Echofon)

@simevidas @bramus Fast Speed Test—Ein Produkt der Volkswagen Group. Das Auto. Der Speed Test.

via Echofon in reply to simevidas

igalia The @webhackfest 2022 agenda is here! We’ll see talks from @leobalter (Salesforce), @dazabani (Igalia), @abrax5 (Google), Daniel Minor (Mozilla), @AdaRoseCannon (Samsung), and @tomayac (Google) plus plenty of unconference slots for talking and hacking. igalia.com/2022/05/23/Web…

via Twitter Web App (retweeted on 5:14 PM, May 23rd, 2022 via Twitter Web App)

@programmingart @TimVereecke @Akamai Neato, congratulations on the job! 🎈 Great fit!

via Echofon in reply to programmingart

@hdv @SaraSoueidan Engagement. It’s all about interacting with the shared tweet.

via Echofon in reply to hdv

Incredible story about how Apple complies with the right-to-repair program in the US with its Self-Service Repair program: theverge.com/2022/5/21/2307…. The best is the price tag. 😂 On the other hand, I always wanted to know what happened in the Apple Storetwitter.com/slightlylate/s…

via Echofon

Thanks, @stefanjudis, for the shoutout to the 🐡 Project Fugu API showcase (developer.chrome.com/blog/fugu-show…) in your latest newsletter: stefanjudis.com/blog/web-weekl…. Independent from that, I highly recommend following (it’s a newsletter with RSS feed) or subscribi

via Twitter Web App

I listened to ДДТ when I was in Moscow for a school exchange in the 90ies. The lead singer, Ю́рий Шевчу́к, has some words to say about what homeland, Родина, means (⤵️). Homeland is one of their most popular songs, and apparently twitter.com/the_ins_ru/sta…

via Twitter Web App

@nic_o_martin /me ducks and covers. It’s all hidden inside the picture frame once finished.

via Twitter for iPhone in reply to nic_o_martin

somebitsLinks Curl Impersonate: Version of the web download tool with SSL modified to be identical to major browsers
github.com/lwthiker/curl-…
curl scraping web programming tools useragent ssl

via Zapier.com (retweeted on 8:29 PM, May 21st, 2022 via Echofon)

Sorry, 19:10 of course. Quarters-based time management is 🤯:

7:00 → 7
7:05 → 7 + 5
7:10 → 1 ¼ - 5 of 8
7:15 → 1 ¼ of 8
7:20 → 1 ¼ + 5 of 8
7:25 → 2 ¼ - 5 of 8
7:30 → 2 ¼ of 8
7:35 → 2 ¼ + 5 of 8
7:40 → 3 ¼ - 5 of 8
7:45 → 3

via Twitter Web App in reply to tomayac

Finally worked on the software side of the word clock. It’s a present for my wife, so it’s in Catalan:

ÉS UN
QUART
MENYS CINC
DE
VUIT

(It’s a quarter minus five of eight, i.e., 19:40.)

github.com/tomayac/think_… pic.twitter.com/0kR66pEpnk

via Twitter Web App in reply to tomayac

jaffathecake New stuff in devtools by @jecfish! Covering new tooling for:

➡️ CSS grid
➡️ Container queries
➡️ Cascade layers
➡️ The accessibility tree
➡️ Tracking CSS changes
➡️ CORS issues
➡️ Simplified performance debugging
…And more!Iyoutube.com/watch?v=YqWEqY…bh

via Twitter Web App (retweeted on 12:58 AM, May 21st, 2022 via Echofon)

@gsnedders @dannymoerkerke @jensimmons Weird that a full text search for “web inspector” wouldn’t turn those up.

via Twitter Web App in reply to gsnedders

I wanted to proactively apologize to Mozilla (M) as parts of the talk could be interpreted as Chromium (C) criticizing M’s vision. My intention was rather: what can C do better to make sure folks understand Fugu isn’t just Google and strengthen our ar

via Twitter Web App in reply to tomayac

👕 Exactly one month after ordering (⤵️), my t-shirt has arrived from Lwiw, Ukraine. Wearing it proudly to show I 🇺🇦. twitter.com/tomayac/status… pic.twitter.com/MsWbnrzTXd

via Twitter Web App

Looking at the history, it seems like the concrete proposal came from @tabatkins: github.com/WICG/shared-el….

via Twitter Web App in reply to tomayac

about the CSS `object-view-box` property, proposed by @jaffathecake, documented by @shadeed9: ishadeed.com/article/css-ob…. This could finally help make the spatial dimension of Media Fragments URI 1.0 (basic) feasible (w3.org/TR/media-frags…). Polyfill:tomayac.github.io/xywh.js/demo.h…

via Twitter Web App

@Indiequest1 If I find out, I’ll share the solution here.

via Echofon in reply to Indiequest1

BBCSteveR Extraordinary exchange on Russian state TV’s top talk show about Ukraine. Military analyst & retired colonel Mikhail Khodarenok tells anchor Olga Skabeyeva “the situation for us will clearly get worse…we’re in total geopolitical isolation…the situation is not normapic.twitter.com/ExMwVDszskszsk

via Twitter Media Studio (retweeted on 8:53 AM, May 20th, 2022 via Echofon)

@dannymoerkerke Looks like no one has asked for a better experience: bugs.webkit.org/buglist.cgi?bu…. Actually, there’re only four bugs in total for anything Web Inspector: bugs.webkit.org/buglist.cgi?bu…. Maybe file something and mention @jensimmons.

via Echofon in reply to dannymoerkerke

@AaronGustafson @jennylayfluffy @Microsoft Great day for such an announcement indeed! Congratulations 🎈 on the new role, and thanks for everything that you have done for the Web in general and PWAs specifically.

via Echofon in reply to AaronGustafson

@thisislalaok (The session finished already, but nos leemos en los comentarios. 😃)

via Twitter for iPhone in reply to thisislalaok

You can find the slides from the breakout session on “Increasing Project Fugu 🐡 API adoption” at goo.gle/blinkon16-fugu. The recording of the session is already up, too: youtube.com/watch?v=eqvO3x….

via Twitter Web App in reply to tomayac

@ThaUnknown_ Amazing, thanks for letting me know about the improvements!

via Twitter for iPhone in reply to ThaUnknown_

@davewsmart Oh, neat. Thanks for the pointer. This lacks conversion to other formats, but it would get me halfway there. I’ll definitely investigate this. Thanks again!

via Twitter for iPhone in reply to davewsmart

Sign up to literally any service via Google.

Receive their newsletter the minute after.

Unsubscribe and tell @Mailchimp that “I never signed up for this mailing list”. pic.twitter.com/gYjwqXzHcg

via Twitter Web App

@wolframkriesing @JSCraftCamp Unfortunately not. I’ll be in town the week before for some work meetings. Not sure about the schedule yet.

via Twitter Web App in reply to wolframkriesing

I’ll host a breakout session on “Increasing Project Fugu 🐡 API adoption” later today (17:30 CEST, 8:30am PT) at . Register quickly and hop on: app.hopin.com/events/blinkon….

via Echofon

jimniels I started to see <details> everywhere when I looked at this presentation from @muanchiou

docs.google.com/presentation/d… twitter.com/ryanflorence/s…

via Twitter for iPhone (retweeted on 2:45 PM, May 19th, 2022 via Echofon)

“[E]ach browser is built on a web browser engine, which is responsible for key browser functionality[.] When gatekeepers operate and impose web browser engines, they are in a position to determine the functionality and standards that will apply […] totwitter.com/OpenWebAdvocac…

via Echofon

argyleink 🆕
Thinking on styling `<button>` elements

I style all the web’s different button types with custom properties and :where(), for light/dark adaptive buttons that are easy to make new variants with 💀🤘🏻

links to blog, youtube, and more 👇🏻 pic.twitter.com/IxYbP0TbgF

via Twitter Web App (retweeted on 2:10 PM, May 19th, 2022 via Echofon)

devfest_ukraine Hey guys! 👋

Give a warm welcome to our next speaker - Una Kravets (@Una) with her talk “Container queries: the new frontier”

Want to join Una’s talk and ask questions? Donate and get access to the event at devfest.gdg.org.ua 🇺🇦

pic.twitter.com/MVApthHdmQ

via Twitter for iPhone (retweeted on 8:18 AM, May 19th, 2022 via Echofon)

MSEdgeDev With Microsoft Edge, you can install any website as an app for a more seamless experience on your desktop. Based on your feedback, we’re introducing new improvements for managing your installed site, including a new Apps hub. Learn more on the blog: msft.it/6017bOdAX

via Sprinklr Publishing (retweeted on 8:17 AM, May 19th, 2022 via Echofon)

The new Web platform primitive proposal `focusgroup` facilitates focus navigation using arrow keys among a set of focusable elements. This feature can then be used (w/o JS) to supply platform-provided focusgroup navigation into custom-authored controls: github.com/openui/open-ui…

via Echofon

@briankardell @igalia It would be super interesting to split up the red segment by the companies that paid Igalia. Is there any data available regarding this?

via Echofon in reply to briankardell

@marcosc @manusporny Manu’s name naturally appears in every second JSON-LD example. 😃

via Twitter Web App in reply to marcosc

@tunetheweb Yes, this would definitely be a start. It’s at the “is there any structured data at all on the page?” stage, but not at the data parsing and converting stage yet. Thanks for the pointer anyway. I got another lead at a later stage that lo

via Twitter Web App in reply to tunetheweb

@rubensworks Oh, wow, npmjs.com/package/rdf-de… seems to get me where I want. Bedankt for the pointer! I will run some tests and, if successful, share the solution.

via Twitter Web App in reply to rubensworks

@mmocny (And the tool is closed source, I’d rather have access to the code.)

via Twitter Web App in reply to tomayac

@mmocny No immediate answer yet. I don’t really care for performance that much, but completeness. A tool that partly does what I want is validator.schema.org, but it’s limited to schema.org markup, not arbitrary RDF; the preliminary dowebschemas.org/docs/validator…

via Twitter Web App in reply to mmocny

peeps, what’s currently the best/easiest Node.js way to extract semantic data from an arbitrary HTML string that supports any of JSON-LD, RDFa, and Microdata as in-/output? I’m looking for something like `magicParser.parse(htmlWithRDFa).t

via Twitter Web App

@jasonmcneill @petele It could be inspiring new OS level features, there’s no need for everything to already exist. File here: bit.ly/new-fugu-reque….

via Twitter Web App in reply to jasonmcneill

@ThaUnknown_ Oh, neat! All the caveats from your README obviously apply, so as a developer using this your mileage may vary. I’ll add a link to it in the article. Thanks for creating this!

via Twitter Web App in reply to ThaUnknown_

@jesconradsen @Adobe @Photoshop Luckily this is an option on YouTube. I needed several weeks to grok the various features (somewhat) to summarize them in 20min, so nothing but fair that you would slow the video down… :-)

via Twitter Web App in reply to jesconradsen

JoshWComeau “Should I use pixels or rems?”

I just published a blog post that aims to answer this question once and for all. 💖

Get the full scoop:
joshwcomeau.com/css/surprising…

(Spoiler: it’s both! They each have a role to play when building accessible UIs.)

via Twitter Web App (retweeted on 8:19 AM, May 18th, 2022 via Echofon)

Some neat resources in this slide deck by ⁦@nic_o_martin⁩. Starts with a beginner-friendly example. 💡 slides.nico.dev/220517-webblue…

via Twitter for iPhone

dannymoerkerke The Media Session API finally works on iOS 15.5!

It will show controls and album artwork on the lockscreen and audio will continue playing even when the PWA is minimized.

Check out a demo here: whatpwacando.today/audio

via Twitter Web App (retweeted on 7:35 AM, May 18th, 2022 via Echofon)

@kennethrohde @dannymoerkerke @firt Was discussing with Danny before. I don’t see this on the latest beta.

via Twitter Web App in reply to kennethrohde

@jennschiffer @guardian @TimeOutLondon @nytimes Just saying, in case anyone wants to acquire the viral app for an undisclosed seven-figure sum…

via Echofon in reply to tomayac

🤩 ⁦@jennschiffer⁩ just let me know that my PWA Wikipedia Around (wikipedia-around.glitch.me) was featured in the ⁦@guardian (⁩theguardian.com/lifeandstyle/2…).

It’s been in ⁦@TimeOutLondon⁩ (timeout.com/news/this-clev…) and the @nytimes⁩ (nytimes.com/2022/01/05/at-…

via Echofon

@steveruizok Google has a policy called IARC for this: opensource.google/documentation/…. By default everything belongs to them, but you can apply for something to be yours. I’ve gone through the process a couple of times for clearly orthogonal projects to Google

via Echofon in reply to steveruizok

@henrylim96 @hankchizljaw Something something `minmax()` and `auto`. This post saved me: css-tricks.com/preventing-a-g….

via Echofon in reply to henrylim96

@rauschma This is what Twitter themselves (presumably) use: github.com/twitter/twitte….

via Echofon in reply to rauschma

@AaronGustafson @hankchizljaw I’d proudly wear such a shirt. I know what I don’t know at least, that’s already something.

via Twitter for iPhone in reply to AaronGustafson

From Mozilla (otsukare.info/2022/05/04/bye…) straight to Apple (⤵️), congratulations, @karlcow! 🎈 Looks like @webkit folks are really serious about this Web compatibility thing (with @marcosc as the second recent hire in this area). 👏 twitter.com/karlcow/status…

via Echofon

@hankchizljaw That’s me and CSS Grid. I copy & pasta the basics and eventually get there, but I know there’s so much about it that I don’t know.

via Echofon in reply to hankchizljaw

@devfest_ukraine Looks like the original quoted tweet was deleted. Anyway, here’s the replacement: twitter.com/devfest_ukrain….

via Echofon in reply to tomayac

😊 I’m honored to be speaking at @devfest_ukraine, amongst a lineup of truly amazing speakers. Donate to support Ukraine against the aggressor and get your tickets at devfest.gdg.org.ua! What unites us is that we all 🇺🇦. twitter.com/devfest_ukrain…

via Twitter for iPhone

Quick recap of all Web-related announcements and news from Google I/O (with links to all talks) by ⁦@Paul_Kinlan.
web.dev/googleio22-rec…

via Twitter for iPhone

@L0uisCouture @ChromiumDev The File System Access API is currently not supported on Android. The feature bug to star is crbug.com/1011535. Meanwhile, I recommend github.com/GoogleChromeLa… as a solution that automatically falls back to an alternative i

via Twitter Web App in reply to L0uisCouture

Don’t fight the browser preload scanner, by ⁦@malchata⁩. Great article that helps you understand how the preload scanner can help you. web.dev/preload-scanne…

via Twitter for iPhone

@tropicadri Thanks, Adriana! Compliments all back at you! Your talk and demo app was great! 👏

via Echofon in reply to tropicadri

@simevidas @ChromiumDev Might be a search minimum length of >2 characters? Not sure.

via Twitter for iPad in reply to simevidas

@Teoli2003 @fvsch @kilianvalkhof @hdv @floscholz Looking forward to it! Iframed content definitely deserves a special “attention: pitfall” section. Same goes for system colors like `CanvasText` that don’t work as expected on all browsers.

via Echofon in reply to Teoli2003

@bramus @chriscoyier This notwithstanding, it’s a _very_ confusing space.

via Echofon in reply to bramus

@reillyeon @samuelgoto Windows peaked at Windows Me. Change my mind.

via Echofon in reply to reillyeon

@seaotta Congratulations on the new role! 🎈 Enjoy Berlin!

via Echofon in reply to seaotta

@simevidas @ChromiumDev Go to ChromeStatus.com, search there (chromestatus.com/feature/544571…), then open the tracking bug: bugs.chromium.org/p/chromium/iss…. You can then use the component `Blink>CSS` (very broad here) and bugs listed in “BlockedOn” and “Bloc

via Echofon in reply to simevidas

@argyleink I wonder if this could/should work with logical instead of physical properties? Haven’t thought it 100% through, but it seems like it would require redefining when the direction changes.

via Echofon in reply to argyleink

buildWithLit 🔥 We love seeing how people are using Lit.

This talk highlights how Adobe uses in their apps like Photoshop - all built with Lit! → goo.gle/3NuIa4z pic.twitter.com/YuUJJnZEaM

via Sprinklr Care (retweeted on 11:49 AM, May 14th, 2022 via Echofon)

@RReverser @tunetheweb @DanShappir Came here to say this. I posted this blog.tomayac.com/2011/06/29/dea… in 2011 and I’m still employed.

via Echofon in reply to RReverser

rowan_m Need to know what to do with your cookies as we progress towards phasing out of third-party cookies? Don’t want to watch the video? I’ve got an exclusive Made-For-Twitter thread version going through SameSite, CHIPS, and First-Party Sets in the Privacy Sandbox 🍪⤵ pic.twitter.com/ziu75MIndB

via Twitter Web App (retweeted on 11:29 AM, May 14th, 2022 via Echofon)

philwalton Next up: A deep dive into optimizing LCP ⚡

But this isn’t your typical webperf talk. Instead of repeating the same old tips & tricks, I present a brand new way to approach improving LCP: youtube.com/watch?v=fWoI9D…

SPOILER: optimizing your images is NOT the #1 recommendation!

via Twitter Web App (retweeted on 11:23 AM, May 14th, 2022 via Echofon)

brucel Debugging accessibility with Chrome DevTools youtu.be/Th-nv-SCj4Q - Google IO vid from Cynthia Shelley

via TweetDeck (retweeted on 11:19 AM, May 14th, 2022 via Echofon)

I’ll be live and in person at @webhackfest to talk about, drum roll 🥁, Project Fugu 🐡, and I hear they have room for more people (⤵️). It’s a hybrid event, but what’s not to like about A Coruña? twitter.com/webhackfest/st…

via Echofon

@BenDelarre @Adobe @Photoshop Thanks for the kind words 😊! Super proud of the teams’ joint advancements of the Web. Each couldn’t have done it without the other.

via Twitter Web App in reply to BenDelarre

@BenDelarre @udos86 @Adobe @Photoshop 👀 Oh, this looks super interesting. This github.com/lit/lit/pull/1… and this github.com/lit/lit/pull/2… seem to be the PRs to watch.

via Twitter Web App in reply to BenDelarre

@udos86 @Adobe @Photoshop Thanks for the kind words 😊! I personally don’t know the answer, but maybe @BenDelarre can point you at someone or knows directly.

via Twitter for iPad in reply to udos86

@AnaestheticsApp @Adobe @Photoshop Thank you :-) I don’t even pretend to be a Wasm expert, I was mostly just glad that my samples compiled successfully…

via Twitter Web App in reply to AnaestheticsApp

@mthie @Adobe @Photoshop Thank you very much! I learned a lot, too, when I did the research for this talk. 😅

via Twitter Web App in reply to mthie

🙀 Missed the @ChromiumDev team group photo opportunity yesterday in Google I/O Adventure. Thanks to Photoshop on the Web, it was an easy fix, though… twitter.com/tomayac/status…LI2pic.twitter.com/tV5VdXsRtrtr

via Twitter Web App

jaffathecake The web technologies Adobe used to bring Photoshop to the web:

➡️ Advanced web assembly, like threads and SIMD.
➡️ The filesystem API.
➡️ P3 colour space.
➡️ Web components via lit.
➡️ Service workers.

Great talk by @tomayac! youtu.be/CF5zZZy0R9U

via Twitter for Android (retweeted on 10:32 AM, May 13th, 2022 via Twitter Web App)

@LinkofHyrule89 @Adobe @Photoshop 🧢 Haha, I guess the video crew would hate it if they needed to get the lights right if I wore the hat for filming.

via Echofon in reply to LinkofHyrule89

chriscoyier I was fiddling with the iframe security attributes on CodePen this week and wanted to write up just what a confusing situation all that is.

blog.codepen.io/2022/05/11/ifr…

via Twitter Web App (retweeted on 8:06 AM, May 13th, 2022 via Echofon)

@chriscoyier The `allow` value is a serialized permissions policy (w3c.github.io/webappsec-perm…) whereas the `sandbox` value is an unordered set of unique space-separated tokens (html.spec.whatwg.org/multipage/comm…). So one is “complex”, the other “simple”.

via Echofon in reply to chriscoyier

@chriscoyier The `allowpaymentrequest` attribute was removed (github.com/w3c/webappsec-…), and `allowfullscreen` must have no effect if `fullscreen` appears in `allow` (w3c.github.io/webappsec-perm…).

via Echofon in reply to chriscoyier

hashseed Super proud of what the @ChromeDevTools team delivered! youtu.be/YqWEqYa-evk

via Twitter for Android (retweeted on 7:23 AM, May 13th, 2022 via Echofon)

ChromiumDev 🎨 Get creative with Adobe Creative Cloud ☁️

Learn how the Adobe and Chrome teams brought @creativecloud to the web, starting with Photoshop and Illustrator.

More here → goo.gle/3NboNx3 pic.twitter.com/HsoO9C1y31

via Sprinklr (retweeted on 10:31 PM, May 12th, 2022 via Echofon)

firt PWA-related sessions at are now streaming!

Thread with some sessions 🧵

-How to take full advantage of a PWA install; by @tropicadri (the only one with ‘PWA’ in the title 😉)

youtube.com/watch?v=tj0_4p…

via Twitter Web App (retweeted on 10:18 PM, May 12th, 2022 via Echofon)

Probably my favorite Google I/O talk: ⁦@jaffathecake⁩ explains the effort of bringing page transitions to the web.
📄 🔜 📄 youtu.be/JCJUPJ_zDQ4

via Twitter for iPhone

stefanjudis It’s hard to keep up with all the new CSS features lately. @argyleink’s sums up all the new stuff quite nicely. 👇💯

web.dev/state-of-css-2…

via Twitter Web App (retweeted on 9:41 PM, May 12th, 2022 via Echofon)

agektmr A path to a world without passwords: In this Google I/O session, I introduce various sign-in options so you can build a strategy for a passwordless future. It will be available at 9AM PDT on May 12th.
io.google/2022/program/e…

via Twitter Web App (retweeted on 9:33 PM, May 12th, 2022 via Echofon)

BenDelarre Want to know how we brought Photoshop to the web? Check out @tomayac’s great overview of some of the platform capabilities we used to get there!

It’s a whistle-stop tour of WASM, SIMD, Access Handles, P3 Color Space, Web Components and Service Workers!

youtu.be/CF5zZZy0R9U

via Twitter for Android (retweeted on 7:42 PM, May 12th, 2022 via Twitter Web App)

😆 I’m super proud to finally announce my Google I/O talk:

“Bringing @Adobe’s Creative Cloud to the Web: Starting with @Photoshop” 🎨

youtube.com/watch?v=CF5zZZ…

(Be sure to check the description for a ton of resources.)

via Twitter Web App

Fantastic overview of all the ways in CSS and HTML to prevent text from wrapping or force text to wrap: codersblock.com/blog/deep-dive….
(via @Paul_Kinlan)

via Twitter Web App

@aboodman @Paul_Kinlan @KiwixOffline FYI, just added the Kiwix PWA to the 🐡 Project Fugu API Showcase: developer.chrome.com/blog/fugu-show….

via Twitter Web App in reply to tomayac

@aboodman @Paul_Kinlan The most powerful (in the sense of data volume stored) app I’m aware of is @KiwixOffline. The PWA allows you to work with huge offline archives, for example, containing Wikipedia articles: pwa.kiwix.org/www/index.html.

via Twitter Web App in reply to aboodman

Meet @quicksave2k and me at I/O Adventure ✨now✨ to discuss all your Project Fugu 🐡, advanced apps, and PWA questions: adventure.withgoogle.com/io/#2aFmFF57Lh… pic.twitter.com/Uo9RWU42XY

via Twitter Web App

HTTPArchive Big news!

Announcing plans to increase our capacity by 10x 🚀

+ Faster crawl
+ More websites
+ Crawling beyond home pages
+ Lighthouse for desktop AND mobile
+ More efficient BigQuery datasets

It’s a huge leap forward for tracking the state of the web!
discuss.httparchive.org/t/improving-th…

via Twitter Web App (retweeted on 1:08 AM, May 12th, 2022 via Echofon)

@briankardell @bgalbs It lets you control the things from this kit lego.com/en-us/product/… via said APIs using a Web-based IDE.

via Twitter Web App in reply to briankardell

What’s new for the web platform? 31min 05sec well spent watching @Una and @jaffathecake summarize everything noteworthy: youtu.be/5b4YcLB4DVI. 👏

via Twitter Web App

@cheneytsai Hint: turn on “Play start sound” and “Play end sound” in the accessibility settings of your devices. Immediate life changer:

- Hey Google
- *blob
- Weather today?
- *blip
- It’s sunny outside…

via Echofon in reply to cheneytsai

@feross Huge deal, congratulations 🎈!

via Echofon in reply to feross

slightlylate If you want the *real* story of Web Components and not a hatchet job by folks that weren’t in the room, I told it a couple of years back:

youtu.be/y-8Lmg5Gobw

via Twitter Web App (retweeted on 12:26 AM, May 12th, 2022 via Echofon)

@kilianvalkhof @hdv @fvsch Great blog post, @fvsch! Luckily the situation has improved a bit since I filed github.com/w3c/csswg-draf…, but in the general case you still need to have what the post calls expert knowledge to make things work as expected. Slowly

via Echofon in reply to kilianvalkhof

ChromiumDev Learn about new and upcoming CSS features in this post from @argyleinkweb.dev/state-of-css-2…

Or tune in tomorrow to watch the talk at

io.google/2022/program/9…

via TweetDeck (retweeted on 12:11 AM, May 12th, 2022 via Echofon)

ChromiumDev Find out how we are working to make it easier to build for the web → web.dev/bridging-the-g…

You can also watch @rachelandrew talk on the subject at tomorrow ↓

io.google/2022/program/6…

via TweetDeck (retweeted on 12:09 AM, May 12th, 2022 via Echofon)

Deep link to the Project Fugu 🐡 experience with a teleporter back into the game: project-fugu-io22.glitch.me

via Twitter Web App in reply to tomayac

@JKTwitdev There are actually some font license deals that only allow local use, so uploading to a tool would harm the font’s license agreement. Fonts are a very serious business, the extent of which was new to me.

via Twitter Web App in reply to JKTwitdev

@JKTwitdev Design tools that need access to lower-level font data like ligatures for example.

via Twitter Web App in reply to JKTwitdev

🎉 The Local Font Access API is approved for shipping in Chromium 103! I’ve just updated the article for launch, and polished the demo, too.

👉 Article: web.dev/local-fonts/
👉 Demo: local-font-access.glitch.me/demo/ (needs a flag until shipped)

A long a

via Twitter Web App

@othermaciej We agree on that. But the shitstorm was that “Berlin bans Ukrainian flag, symbols on May 8-9”, which was simply not true. Would I have wished for different legislation? Sure, 100%. There is thankfully a legal aftermath: rbb24.de/politik/beitra…twitter.com/henrylim96/sta…

via Twitter Web App in reply to othermaciej

@othermaciej <3 Thanks for this courageous tweet! This war is so senseless and the situation so fscked up; and as in every war: truth is the first casualty. I try to triple-check whatever I share, and (no pandering), Safari’s built-in translator helps m

via Twitter for iPhone in reply to othermaciej

🎉 Thanks, @smashingmag, for the shoutout to SVGcode (svgco.de) in your latest article: smashingmagazine.com/2022/05/magica…. The app is in _very_ humbling company there…

via Twitter Web App

@othermaciej Police escorted them in groups of 5, but then let them step forward alone, which is the short unattended moment they used to pull out the flag and flash a photo. The tweet picture doesn’t tell the story of the aftermath. Did police act 100% c

via Twitter Web App in reply to othermaciej

@othermaciej Fun fact: the tweet author Julian Würzer is one of the co-journalists who authored said article. Taking cheap reach on Twitter for a seemingly scandalous fact over more accurate reporting.

via Echofon in reply to tomayac

@othermaciej Getting tired of debunking stuff, but, spoiler alert, it’s not accurately reported: morgenpost.de/berlin/article…. That’s the very source the tweet even at-mentioned, without linking the article. Safari works great for translating I hear.

via Echofon in reply to othermaciej

As @Vincent_Scheib notes (⤵️), the 🐡 Project Fugu API Showcase now supports deeplinks:

👉 All apps: developer.chrome.com/blog/fugu-show…
👉 The Espruino Web IDE app from all WebBluetooth apps: developer.chrome.com/blog/fugu-show…
👉 The MakeCode app frodeveloper.chrome.com/blog/fugu-show…twitter.com/Vincent_Scheib…

via Echofon

@wesbos @chriscoyier Definitely check the state of things summarized in bugs.chromium.org/p/chromium/iss…. If the Keyboard Lock API (web.dev/keyboard-lock/) doesn’t serve you, pile onto the bug with your use cases. Thanks!

via Echofon in reply to wesbos

@magicroundabout @chriscoyier This 👆. The closest right now is the Keyboard Lock API (web.dev/keyboard-lock/), which lets you capture some reserved key combinations like [cmd]+[t] for example in full screen mode.

via Echofon in reply to magicroundabout

ChromiumDev 📣 Announcing the Advanced Web Apps Fund!

This fund supports projects that make the web more powerful. Get all the details, and learn how to apply → developer.chrome.com/blog/advanced-…

via TweetDeck (retweeted on 7:36 PM, May 9th, 2022 via Twitter Web App)

@Nop33267216 @photopeacom If you go to `chrome://crashes/` and enable crash reporting and then launch your demo again, you will—after the crash—find a crash report that you can then submit in new.crbug.comwZ. If you paste the bug ID here, I’

via Twitter Web App in reply to Nop33267216

quicksave2k Web apps can now properly avoid the hall of mirrors dreaded effect thanks to Capture Handle, a new API shipping in Chrome 102 that enables interaction between web apps and the tabs they capture.

📓 developer.chrome.com/blog/capture-h… pic.twitter.com/D806DHKs3H

via Twitter Web App (retweeted on 12:38 PM, May 9th, 2022 via Echofon)

@mathias @steren @ChromeDevTools I know. This particular microsite doesn’t even have a server component, though.

via Twitter for iPhone in reply to mathias

@steren @ChromeDevTools It seems like this sets the `<html lang=”fr”>` and lacks the doctype. I also forgot that this needs to be added. twitter.com/mathias/status…

via Twitter Web App in reply to steren

_jason_today Wrote a blog post about implementing a falling sand simulator today!

jason.today/falling-sand

via Twitter Web App (retweeted on 9:01 AM, May 9th, 2022 via Echofon)

@marcosc Congratulations, Marcos! 🎈 Really looking forward to seeing what you’ll do there. I’m sure it’s going to be great! 👏

via Echofon in reply to marcosc

@jeffposnick @passle_ @CloudflareDev @CloudflareHelp Async IIFE is the pattern I’ve trained my muscle memory for when I write service worker code myself.

via Echofon in reply to jeffposnick

If you don’t want to install Telegram, here’s the video on YouTube: youtu.be/ie3R4utQgpk.

via Echofon in reply to tomayac

“This year, we say ‘Never again’ differently. We hear ‘Never Again’ differently. It sounds painful, cruel. Without an exclamation, but with a question mark. You say: never again? Tell Ukraine about it.”-@ZelenskyyUaa int.me/V_Zelenskiy_of…

via Echofon

@MHablich @ChromeDevTools It’s more about costly API calls whose resulting data is stored in HTML-ified form in the DOM. Whatever the correct term for this is these days. I send down a static DOM tree in `index.html` at the end.

via Twitter Web App in reply to MHablich

@mathias @ChromeDevTools Oh, that’s a good one. Thanks for the reminder!

via Twitter Web App in reply to mathias

@mathias Congratulations!

(Minor nit: two long URLs, the longest being via Echofon in reply to mathias

@othermaciej It’s limited to war memorials, which Germany has a contractual obligation to protect and maintain: bundesregierung.de/breg-de/bundes…. This was agreed on in the Treaty on Good Neighborhood, Partnership and Cooperation between the FRG and the USSR. Texbundesregierung.de/breg-de/servic…

via Echofon in reply to othermaciej

@stuk It’s almost technically correct. The repo github.com/WICG/file-hand… only contains an Explainer. The still open PR to add the feature to the Web App Manifest spec is github.com/w3c/manifest/p…. So I guess it could be changed to “Started”: github.com/GoogleChrome/w…

via Echofon in reply to stuk

Great introduction to the new Node.js `node:test` and `node:assert` packages by @samthor: whistlr.info/2022/builltin-…. 👏 twitter.com/samthor/status…

via Echofon

@cramforce @ChromeDevTools Yeah, that’s the obvious way to do this right™. In the particular case I can’t even be bothered. The thing lives on a static Glitch.com project.

via Echofon in reply to cramforce

It’s a little more nuanced than the quoted tweet (⤵️) makes it appear. Paste the contents of berlin.de/polizei/_asset… into your favorite translator and see for yourself. Please help not to spread fake news!
Berlin and all of Germany twitter.com/KyivIndependen…

via Echofon

@othermaciej It’s a little more nuanced. Paste the contents of berlin.de/polizei/_asset… in your favorite translator and see for yourself.

via Echofon in reply to othermaciej

@MHablich @ChromeDevTools It’s a one-off project and this flow turned out to be just good enough for getting a fully server-rendered site. I could have stopped at just directly serving `create.html`, which is what a not insignificant amount of Web devel

via Twitter for iPhone in reply to MHablich

The build process 🏗 for my current microsite is:

1️⃣ Load `create.html` with a ton of HTML-generating JS in Chrome.
2️⃣ Paste `copy(document.documentElement.innerHTML)` into the @ChromeDevTools Console.
3️⃣ Save the clipboard contents into

via Echofon

@steveruizok Copying as a file isn’t supported yet (only the other way round: pasting a file), but you can copy pixel data as PNG. web.dev/async-clipboar…. See github.com/tomayac/SVGcod… for dealing with it in prod (it’s ugly, but once older browsers bec

via Twitter Web App in reply to steveruizok

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