Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

November 2020

bramusblog Native Aspect Ratio Boxes in CSS thanks to `aspect-ratio`

🔗 bram.us/2020/11/30/nat…

🏷

🖼 pic.twitter.com/QTkLZM5nUN

via Bramus RSS (retweeted on 8:08 AM, Nov 30th, 2020 via Echofon)

CharlieCroom If you use Twitter.com with a screenreader and/or j+k keyboard shortcuts. I’d love to hear about your experiences so we can make it better.

I’ve heard rumblings there’s some expectations we aren’t meeting, but we could use more details or videos to help us understand twitter.com/JamesTateHill/…

via Twitter Web App (retweeted on 7:40 AM, Nov 30th, 2020 via Echofon)

Life Before the Pandemic: xkcd.com/2391/ 😷 🦠

via Twitter for iPhone

Accudio I was thinking of the things I’ve learnt this year, and I honestly think the most useful thing is that I can now remember the arguments I need for tar.
All thanks to an old http 203 where @DasSurma mentioned “extract ze files” (-xzf), and “compress ze files” (-czf) pic.twitter.com/3vcvb0bFv0

via Twitter Web App (retweeted on 3:43 PM, Nov 28th, 2020 via Echofon)

@kennethrohde @anssik Oh, boy. The simple alpha fixed it! Thanks so much for the help!

via Twitter for iPhone in reply to kennethrohde

Do you have an idea what I’m doing wrong? Sorry for the nerd snipe on a weekend… It’s not urgent. Thanks in advance for any pointer or help.

via Twitter Web App in reply to tomayac

@kennethrohde @anssik I’m playing with Accelerometer and Gyroscope and a complementary filter following this code w3c.github.io/motion-sensors…, but fail to get useful data for alpha.

Demo: complementary-filter.glitch.me
(Red: Gyro/Accl, Blue: DeviceOrientation)

An

via Twitter Web App

@aemkei @HolyJSconf @hhjs Looking forward to seeing what you’ll build with these APIs! Happy to help out in case of doubts/questions. Other recent preso: web.dev/progressively-….

(Side remark: I hope we can meet again some time in the not too distant f@hhjs

via Twitter for iPhone in reply to aemkei

tomayac Just finished my @HolyJSconf talk on “The wonderful world of new Web APIs”, i.e., a rundown of recent Project Fugu 🐡 APIs and where they come from. Here are the slides: goo.gle/holyjs-fugu. ,большое спасибо!

via Twitter for iPhone (retweeted on 6:58 PM, Nov 27th, 2020 via Twitter for iPhone)

Just finished my @HolyJSconf talk on “The wonderful world of new Web APIs”, i.e., a rundown of recent Project Fugu 🐡 APIs and where they come from. Here are the slides: goo.gle/holyjs-fugu. ,большое спасибо!

via Twitter for iPhone

@rowan_m @heycam Confirming that it works in Safari indeed. Now unwash my brain, please.

via Echofon in reply to rowan_m

@stefanjudis Maybe try porting it to `shx`: github.com/shelljs/shx. I learned about it through @RReverser and I use it in all my projects now.

via Echofon in reply to stefanjudis

rowan_m I had to figure out how this worked, so
👉 not-wheely.glitch.me 👈
You can switch direction, pause, change speed, toggle smooth motion, and overlay a grid.
I was staring at this for too long and got motion sickness. My own code literally made me sick 🤢💚 so please enjoy! twitter.com/jagarikin/stat… pic.twitter.com/cSbW1oUR3G

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

Pro gaming just got a little better on the Web: disable mouse acceleration to provide a better FPS gaming experience, by François Beaufort: web.dev/disable-mouse-…. 🖱

via Twitter Web App

nic_o_martin Only a couple of days until .
Make sure to subscribe via email, or just add it to your :

pwadvent.dev

pic.twitter.com/oq9IE5ziFZ

via Twitter Web App (retweeted on 9:15 AM, Nov 26th, 2020 via Twitter Web App)

@benschwarz I built so many websites back then, but as a kid didn’t have the money (nor the knowledge) to put them online. None of them survived. It was my localhost Geocity.

via Twitter Web App in reply to benschwarz

🤩 FrontPage: The Good, The Bad, and The Ugly, by ⁦@InvisibleUp⁩. Super nostalgic walk down memory lane on the traces of a Windows app that helped people create webpages. I “learned” the basics of HTML by editing in it and then looking at its ouinvisibleup.com//articles/33/

via Twitter for iPhone

argyleink 🆕 Show 🆕
GUI Challenges 🤘💀

Episode #1 - Thinking on ways to solve Stories





Get inspired and challenged by @argyleink to bring your UI/UX style to the table.

Watch youtu.be/PzvdREGR0Xw
Read web.dev/building-a-sto…
Code web.dev/codelab-buildi… pic.twitter.com/NSvRbTTgSB

via TweetDeck (retweeted on 9:44 PM, Nov 25th, 2020 via Echofon)

littledan @devongovett @threepointone @buildsghost @thomasankcorn I just presented on the topic of bundling and JavaScript, with the tradeoffs between various formats, at @HolyJSconf
My slides: docs.google.com/presentation/d…

via Twitter Web App (retweeted on 9:20 PM, Nov 25th, 2020 via Echofon)

slightlylate .@rick_viscomi’s essential post from ’17 on CrUX deserves to make the rounds again: calendar.perfplanet.com/2017/finding-y…

via Twitter Web App (retweeted on 9:03 PM, Nov 25th, 2020 via Echofon)

nomsternom A new post in the @Wikimedia tech blog!

I’ve analyzed the MediaWiki popups for , to see what the web platform can do to make it easier for web developers to author things like popups without creating performance bottlenecks.

techblog.wikimedia.org/2020/11/23/web…

via Twitter Web App (retweeted on 8:41 AM, Nov 25th, 2020 via Echofon)

@bascule Since folks keep asking, this is a real product (prototype): expanscape.com.

via Echofon in reply to bascule

sarah_edo I’m thoroughly convinced that learning how to use SVG to create UI components opens a ton of doors for interaction on the web!

🙌 I wrote up an article on how to do so: Creating UI Components in SVG

css-tricks.com/creating-ui-co…

via Twitter for iPhone (retweeted on 8:17 AM, Nov 25th, 2020 via Echofon)

Wow, what an amazingly interactive way to learn about d3’s d3-force API. The format even works brilliantly on mobile. Ace work, @Wattenberger! 👏 twitter.com/Wattenberger/s…

via Echofon

@wanderview That’s brilliant! Congratulations! 🎈

via Echofon in reply to wanderview

WebPlatformNews If you apply CSS white-space: pre-line to a heading element, you’ll be able to control where the heading breaks into multiple lines via the 
 character entity.

Use-case: On a landing page, breaking a heading at a specific word can be more eye-catching. twitter.com/a_sandrina_p/s…

via Twitter Web App (retweeted on 8:36 AM, Nov 24th, 2020 via Echofon)

webkit The MediaRecorder API is available in Safari Technology Preview and Safari for iOS 14.3 beta, along with getUserMedia now available in WKWebView! Try it out and report any bugs you encounter.

Read about it on the WebKit blog to learn more. webkit.org/blog/11353/med…

via Twitter Web App (retweeted on 8:06 AM, Nov 24th, 2020 via Echofon)

🎄 It’s almost that period of the year again… This time, I’m subscribed tpwadvent.devtP b@nic_o_martinin who has promised me an advent full of PWA and Project Fugu 🐡 surprises! Can’t wait…

via Twitter Web App

SaraSoueidan 🆕 “Yes or No” — One checkbox vs two radio buttons. sarasoueidan.com/blog/one-check…d

A quick and short post in which I collected the responses to this tweettwitter.com/SaraSoueidan/s…g
XL

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

@rowan_m @RReverser Make it a live photo, though, so that those “WTF”s come across properly.

via Echofon in reply to rowan_m

slightlylate The Blink Launch Process is both more open and more rigorous than folks assume. If you’re curious about the caution and effort that goes into launching features when you know there are no mulligans, check out @cwilso’s BlinkOn talk:

youtube.com/watch?v=hgEyQs…

via Twitter Web App (retweeted on 11:26 AM, Nov 21st, 2020 via Echofon)

CNET Google’s letting outside companies have more say in the future of Chromium, and that could change the future of the web cnet.co/2KstvLR

via SocialFlow (retweeted on 11:13 AM, Nov 21st, 2020 via Echofon)

ChromiumDev Dreaming of ☁️💤

🌅 Set your alarms for 9:30am PT on December 9th & 10th. Soon you’ll be waking up for the opening keynote of with @bgalbs, @dalmaer, and more from the Chrome team!

🗓 Schedule → goo.gle/cds20schedule pic.twitter.com/YFsRysdfgo

via Twitter Web App (retweeted on 11:06 AM, Nov 21st, 2020 via Echofon)

The results of @igalia’s Open Prioritization experiment are in: `focus-visible` (developer.mozilla.org/en-US/docs/Web…) in @webkit made the race. In the quoted tweet some more reflections by @briankardell on the way things went: ⤵️ twitter.com/briankardell/s…

via Echofon

@chrmod “To use private ad-free search, please
Sign In or Create an Account.” 🤔

via Echofon in reply to chrmod

@agektmr Isn’t it an affiliate link? Does it have &tag= in the URL?

via Echofon in reply to agektmr

@FilipStanis @alexcwilliams @AMPhtml Could data URLs work, so no external request needs to be made? Not that it would be beautiful…

via Twitter for iPhone in reply to FilipStanis

✍️ There’s a proposal for a Handwriting Recognition API that takes temporal ink stroke information into account (differentiating it from Optical Character Recognition): github.com/WICG/handwriti…. Here’s Chrome’s Intent to Prototype: groups.google.com/a/chromium.org…

via Twitter Web App

@alexcwilliams I don’t know the answer, but maybe @AMPhtml can help. @FilipStanis used to be on the team, so maybe he can help, too, or point you to someone else who can.

via Twitter for iPhone in reply to alexcwilliams

RickByers BlinkOn, the chromium web platform contributors conference, just wrapped up. All the videos are, amazingly, already posted here: youtube.com/user/blinkonta….

Thank you organizers, presenters and everyone who engaged in the conversation!

via Twitter Web App (retweeted on 8:58 AM, Nov 20th, 2020 via Echofon)

HTTPArchive 🎂 To help us celebrate HTTP Archive’s 10th anniversary, we reconnected with @Souders to talk about the project’s inception and growth. Lots of fun stories and history!

Listen to this anniversary special on the State of the Web podcast: thestateoftheweb.libsyn.com/http-archives-… 🆕🎙️

via Twitter Web App (retweeted on 8:48 AM, Nov 20th, 2020 via Echofon)

n8Schloss Chrome 87 includes the full release of isInputPending. It’s FB’s first time taking an API from incubation to standards proposal to shipping.

It’s already used on >1% of page loads! (chromestatus.com/metrics/featur…)

@acomminos and I blogged about the API at web.dev/isinputpending/

via Twitter Web App (retweeted on 8:37 AM, Nov 20th, 2020 via Echofon)

@perjerz34 @kennethrohde It might not be accessible universally or be behind a login wall, but this is the link: docs.google.com/presentation/d….

via Twitter for iPhone in reply to perjerz34

The 13 breakout session on “Project Fugu 🐡 in the wild” is happening in 5 minutes. Here are the slides if you want to follow along: docs.google.com/presentation/d….

via Twitter for iPhone in reply to tomayac

📢 I’ll host a breakout session at 13 (more about the conference: docs.google.com/document/d/e/2…) later today on the topic of…

Project Fugu 🐡 in the wild!

VC linkmeet.google.com/vcx-radp-erk9e. Starts at 7:30pm UTC (in your time zonetimeanddate.com/worldclock/con…

via Twitter Web App

@Nyr0 You can just call the API directly yourself after a user gesture like a click (`navigator.fonts.query()`).

One other thing to try could be to manually allow font access in Chrome site settings, so the permission prompt would be skipped.

via Twitter for iPhone in reply to Nyr0

@Nyr0 Sounds good. Maybe a screenshot of the “Font Book” app focused on the “All Fonts” section so we can understand if the crash might be due to an “excess” (by whatever definition) number of fonts (I have 332 fonts installed for example).

via Twitter for iPhone in reply to Nyr0

Productivity PWAs at desktop level thanks to the File System Access and File Handling APIs, by @christianliebel: The original article is in German heise.de/developer/arti…, but the English translation works well enough translate.google.com/translate?sl=a… (solve the ca

via Twitter Web App

@Nyr0 Thanks. In this case, please file a Chromium bug via new.crbug.com. If you could maybe send a video recording of your screen actions, this would help people understand what’s going on. Post the bug URL here, I can help triaging.

via Twitter for iPhone in reply to Nyr0

@Nyr0 Could you try once more in a guest profile without any extensions, please?

via Echofon in reply to Nyr0

🤩 Wowza, iOS 14.3 (18C5054c) beta makes the camera available in `WKWebView`-based browsers like Chrome for iOS. Could it be that bugs.webkit.org/show_bug.cgi?i… finally got fixed? 📷 pic.twitter.com/rpQoCJXfvr

via Twitter for iPhone

about `grid-auto-flow` for making a CSS grid fill its cells columns first: css-tricks.com/grid-auto-flow….

via Twitter for iPhone

@mikeal @FredKSchott Small typo alert: “That project is called IPLD (Interplantery Linked Data)”

s/Interplantery/Interplanetary

And here I was asking myself if I had misremembered the name and heard it wrong all those years and then what the heck t

via Echofon in reply to mikeal

@chrmod I see. Since both are apparently based on Firefox, I was wondering. Thanks for clarifying!

via Twitter for iPhone in reply to chrmod

@mathias @rowan_m Another playlist contribution: Wünsch dir was! youtu.be/vKnsfwFj-PE 🤘 Sit through the first minute, it gets 90ies punk after that!

✅ Here’s hoping!
✅ Make a wish!

via Echofon in reply to mathias

@chrmod Congratulations! 🎈

Quick question: What is the core differentiator between this new Ghostery Browser and the previous Cliqz Browser (github.com/cliqz-oss/brow…)?

via Echofon in reply to chrmod

ChromeDevTools Chrome 87 is here! 🎉

Try inspect CSS Grid with our new debugging tools! 📐

On top of that, with just 1 click, DevTools now detect all color contrast issues of your page (experimental).

Excited? Update your Chrome today!

Full list of what’s new 👉🏼
developers.google.com/web/updates/20… pic.twitter.com/pN4FwsFVTS

via TweetDeck (retweeted on 10:21 PM, Nov 18th, 2020 via Echofon)

@rowan_m I waited all day to let you know that _now_ is the time to warm up the Glühwein. 🔥🍷 Hope you’re having a great time!

via Echofon in reply to rowan_m

@rowan_m Oh, wow! Congratulations, Rowan 🎂! My playlist contribution is music.youtube.com/watch?v=LVKB5Q….
✅ _Un_ambiguously depressing, especially in 2020.
✅ You will think of me for the rest of the day.

You now may wear the “Lieber 40 und würzig, als 2

via Echofon in reply to rowan_m

DasSurma Today I champion’d my first JavaScript proposal at TC39 and it’s now stage 1! 🎉

“JS Module Blocks” aka. “Surma *really* wants you to use workers”

github.com/tc39/proposal-…

(Thanks @gesa, @littledan and @_shu for all the help!) pic.twitter.com/bglFI3bkXP

via Twitter Web App (retweeted on 3:00 PM, Nov 18th, 2020 via Echofon)

@elrond25 You can see crashes at chrome://crashes/. I just tried the demo local-font-access.glitch.me/demo/ on Chrome 89 and it worked fine. If you continue to see this behavior, please file a bug at new.crbug.com and add as much information as possible, pic.twitter.com/dZilMWYtRV

via Twitter Web App in reply to elrond25

jordaust Thank you to the busy folks working on project Fugu 🐡 APIs. Look at this progress! Thank you 🙌: docs.google.com/spreadsheets/d…

via Twitter Web App (retweeted on 8:29 AM, Nov 18th, 2020 via Twitter Web App)

@JonasKuske I just tweeted an article that answers this and other questions people may have: twitter.com/tomayac/status….

via Twitter for iPhone in reply to JonasKuske

All the details about Chrome’s back/forward cache implementation are covered in ⁦@philwalton⁩’s excellent article: web.dev/bfcache/.

via Twitter for iPhone

Tab throttling and more performance improvements like the back-forward cache in Chrome M87. blog.chromium.org/2020/11/tab-th…

via Twitter for iPhone

@AgentZeroNine @dannymoerkerke I tend to have content attribute reflection as part of my custom element (example: github.com/GoogleChromeLa…). More background: html.spec.whatwg.org/multipage/comm….

via Twitter for iPhone in reply to AgentZeroNine

ChromiumDev Chrome 87 is rolling out today! You can now control pan, tilt, and zoom on webcams, range requests and service workers don’t require as many workarounds, the font access API starts it’s origin trial, and plenty more. @petele has all the details at developers.google.com/web/updates/20… pic.twitter.com/JKgL05zUAH

via TweetDeck (retweeted on 10:54 PM, Nov 17th, 2020 via Echofon)

dannymoerkerke How can you style a Web Component when its internal state changes?

There is a smart and easy way.

Read about it in my new article:

medium.com/@dannymoerkerk…

via Twitter Web App (retweeted on 10:20 PM, Nov 17th, 2020 via Echofon)

Ten Years: xkcd.com/2386/. This is so beautiful and a much needed sign of hope in these tough times. But still: fuck cancer.

via Twitter for iPhone

GoogleDevExpert The digital Moscow Conference for JavaScript developers on Nov 25-28! Congrats to organizer GDE @bunopus and speakers @g33konaut, @tomayac, @egsweeny.

🔊Content both in English & Russian!

Tune in →holyjs-moscow.ru/en/ pic.twitter.com/7NXvRExhuI

via Twitter Web App (retweeted on 8:46 PM, Nov 16th, 2020 via Twitter for iPhone)

ericerway Capabilities drive experiences. The “Capabilities Project”(Project Fugu) bridges the web and native experience gap beyond with file system/handling, async clipboard, web share, contact picker, shape detection, web NFC/serial/USB/BT and other web APIs today. 🧰🎉 twitter.com/HTTPArchive/st…

via Twitter Web App (retweeted on 10:10 AM, Nov 16th, 2020 via Twitter Web App)

Does Apple really log every app you run? Good follow-up on last week’s OCSP issues at Apple. blog.jacopo.io/en/post/apple-…

via Twitter for iPhone

shadeed9 ✍️ New Article: A Deep Dive Into CSS Grid minmax()

I wrote about CSS grid minmax() and how it works, with a detailed visual explanation for auto-fit and auto-fill keywords. Happy reading!

🔗 ishadeed.com/article/css-gr… pic.twitter.com/o41MDp8Td9

via Twitter Web App (retweeted on 7:55 AM, Nov 16th, 2020 via Echofon)

@simevidas @rustybrick It hasn’t been approved for shipping because no one has asked for it to be shipped yet. It’s currently only at Step 2 (Intent to Prototype) of the process: chromium.org/blink/launchin….

via Twitter for iPhone in reply to simevidas

The official German corona ad: “our couch 🛋 was the front, and our patience our weapon”.

🇩🇪 Official announcement: twitter.com/regsprecher/st….
Quoted tweet contains a subtitled and translated version: ⤵️

Whatever you do, don’t spread thitwitter.com/antoni_uk/stat…

via Twitter for iPhone

xnimorz Just added save, open, and export for boarder.app
You can try it by clicking the menu button on a board or by pressing CMD+S | CMD+O
It works on top of github.com/GoogleChromeLa… which is a pretty cool ponyfill. pic.twitter.com/OgWaLYjf5K

via Twitter Web App (retweeted on 10:57 PM, Nov 14th, 2020 via Twitter for iPhone)

@hdv I don’t know, hence my question. 😃

via Twitter for iPhone in reply to hdv

@passle_ @webwewantfyi @seaotta I’m not personally involved; my background is from reading the page and from one or two conference talks.

via Twitter for iPhone in reply to passle_

@hdv Nice! XSLT on the server or the client? I feel like whenever I wanted to use XSLT (in 2007/2008) the juicy functions were spec’ed, but not implemented in the browsers I needed to support.

via Echofon in reply to hdv

@pes10k @thezedwards @robinberjon There’s an update with an FAQ in the post now: “This has nothing to do with analytics. It seems this is part of Apple’s anti-malware (and perhaps anti-piracy) efforts, and happens on all macs running the affected ve

via Echofon in reply to pes10k

The @webwewantfyi initiative has moved its discussions over to GitHub: github.com/WebWeWant/webw…. For a status update, see @seaotta’s post in the quoted tweet ⤵️. twitter.com/seaotta/status…

via Echofon

dhh “This means that Apple knows when you’re at home. When you’re at work. What apps you open there, and how often. They know when you open Premiere over at a friend’s house on their Wi-Fi, and they know when you open Tor Browser in a hotel.” 😞 sneak.berlin/20201112/your-…

via Twitter for iPad (retweeted on 11:21 AM, Nov 14th, 2020 via Echofon)

addyosmani Use CSS gradients or transform: rotate()? @ChromeDevTools now supports better angle debugging tools! bit.ly/angle-viz pic.twitter.com/jkjc2dbdDI

via Twitter Media Studio (retweeted on 11:10 AM, Nov 13th, 2020 via Echofon)

@marcosc @briankardell @tobie I made this error on an office-wide misc mailing list. Molestar in Catalan is the same false friend. 🤦

via Echofon in reply to marcosc

lapcatsoftware Hey Apple users:

If you’re now experiencing hangs launching apps on the Mac, I figured out the problem using Little Snitch.

It’s trustd connecting to ocsp.apple.com

Denying that connection fixes it, because OCSP is a soft failure.

(Disconnect internet also fixes.) pic.twitter.com/w9YciFltrb

via Tweetbot for Mac (retweeted on 7:51 AM, Nov 13th, 2020 via Echofon)

Puppetaria: accessibility-first Puppeteer scripts. This release introduces a new kind of selectors called “ARIA selectors” that support querying for the computed accessible name and role of the accessibility tree. developers.google.com/web/updates/20…

via Twitter for iPhone

What’s New In DevTools (Chrome 88) developers.google.com/web/updates/20…. My favorite addition: Open Network panel from the Service Workers pane. 👍

via Twitter for iPhone

johnwilander The latest update to Safari’s Intelligent Tracking Prevention is here: “CNAME Cloaking and Bounce Tracking Defense” webkit.org/blog/11338/cna… CNAME cloaking defense is another Safari first.

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

ChromiumDev 🤩 This year’s virtual lineup is action packed!

✅ Watch keynotes by @bgalbs and @dalmaer
✅ Get major updates on Web Vitals, Privacy and Advanced PWAs
✅ and more on Dec 9-10!

Join the fun 🎥🍿→ goo.gle/cds20schedule pic.twitter.com/IRjfASI3gv

via Twitter Web App (retweeted on 6:32 PM, Nov 12th, 2020 via Echofon)

@JRSim_UIX @MasterDevwi Hmmm, interesting. If there isn’t one already (you mentioned others’ comments), could you please create a new.crbug.com? If you ping me the bug URL, I can help triage to the right folks. Thanks!

via Twitter for iPhone in reply to JRSim_UIX

@JRSim_UIX Are you trying with installed PWAs on Chrome? On the latest Edge, according to a post by @MasterDevwi, it now should also work without installation there: techcommunity.microsoft.com/t5/articles/im….

via Twitter Web App in reply to JRSim_UIX

dannymoerkerke I created an audio-recorder Web Component that captures audio through the microphone of the user’s device (both desktop and mobile).

It can record and save the audio, display it as a waveform and provides real-time frequency analysis.

Check out the demo:
dannymoerkerke.github.io/audio-recorder/

via Twitter Web App (retweeted on 2:34 PM, Nov 12th, 2020 via Echofon)

@ricmac @hdjirdeh @rauchg @vercel @dalmaer @noel Massive props for standing up and saying “I was wrong, sorry!” in public. Happy the misunderstandings could be resolved.

via Echofon in reply to ricmac

kennethrohde If you are contributing to any specs - and especially if you are a spec editor - this document is a great resource and especially worth reading before sending your spec off for @w3ctag review twitter.com/w3ctag/status/…

via Twitter Web App (retweeted on 11:49 PM, Nov 11th, 2020 via Echofon)

@anssik @photopeacom This, and the developer of the app, Ivan Kuckir, has recently added File System Access API support. 😎

via Echofon in reply to anssik

The Raven Technique: One Step Closer to Container Queries: css-tricks.com/the-raven-tech…. This is pretty neat CSS foo by @batch_man on display here!

via Twitter Web App

@kennethrohde It might not be too late to add it in again. Who tells Raphael, though… 🤣

via Twitter Web App in reply to kennethrohde

Interesting—a proposal for making `AbortController` work with `addEventListener()`:

“`js
const ac = new AbortController();
let { signal } = ac;
const et = new EventTarget();

et.addEventListener(‘foo’, (e) => {
// …
}, { signal } );

ac.abort();
github.com/whatwg/dom/iss…

via Twitter Web App

@dominickng @stefanvermaas @b1tr0t @andreban @jaffathecake This still is the current behavior on iOS. I have just confirmed on iOS 14.2 (18B92) with piotrswigon.github.io/pwa-demo/stand….

via Twitter for iPhone in reply to dominickng

@dominickng @b1tr0t @andreban @stefanvermaas @jaffathecake The rationale is to allow for breaking out of the PWA and just letting the user continue their browsing in their default browser.

This is the _opposite_ of PWAs like feed readers that let you ope

via Twitter for iPhone in reply to dominickng

@dominickng @b1tr0t @andreban @stefanvermaas @jaffathecake Stefan has just added more context in bugs.chromium.org/p/chromium/iss…. The bug is about breaking out of the PWA to just launch Chrome with a link to a website or web app (that is not installed). Linking t

via Twitter for iPhone in reply to dominickng

ChromiumDev 🎥 Fading an element in, and back out again. Sounds simple right? Not quite!

@jaffathecake goes through the gotchas. Can you spot them faster than @DasSurma?

Watch here: youtube.com/watch?v=9-6CKC…

via TweetDeck (retweeted on 8:34 AM, Nov 11th, 2020 via Echofon)

@b1tr0t @andreban @stefanvermaas @jaffathecake I don’t disagree. The point was raised in bugs.chromium.org/p/chromium/iss…, might be worth checking back with @dominickng if there are new arguments today that weren’t discussed back then.

via Twitter for iPhone in reply to b1tr0t

From the official Google Webmaster Central blog: Timing for bringing page experience to Google Search: “The change for non-AMP content to become eligible to appear in the mobile Top Stories feature in Search will also roll out in May 2021”. webmasters.googleblog.com/2020/11/timing…

via Twitter for iPhone

HTTPArchive 🎉 Chapter 3: Markup
almanac.httparchive.org/en/2020/markup

Written by @j9t @catalinred and @iandevlin
Reviewed by @zcorpan @mmatuzo and @briankardell
Analyzed by @TonyMcCreath

via Twitter Web App (retweeted on 9:08 AM, Nov 10th, 2020 via Echofon)

If you’re interested in Project Fugu 🐡, be sure to read @christianliebel’s (👏) chapter (in early access) of this year’s HTTP Archive. ⤵️
A lot of work went into it, and I’m super proud of the progress we’ve collectively achieved. twitter.com/HTTPArchive/st…

via Echofon

@andreban @b1tr0t @stefanvermaas @jaffathecake Manifest might be too inflexible. An attribute can be set dynamically per link and you even can let (power) users decide (open links: in app / in browser). I have seen such a setting in various Twitter or Mas

via Twitter for iPhone in reply to andreban

@b1tr0t @stefanvermaas @jaffathecake To be quite honest, from my point of view, this sounds like something that should be controllable with a simple attribute (like a new `target=”_browser”` or something similar in the same vein).

via Twitter for iPhone in reply to b1tr0t

tomayac There is great information on converting existing Web Extensions to @webkit 🧭 Safari App Extensions or creating new Safari App Extensions from scratch, but no guide on how to submit and distribute them via Xcode. Until now: blog.tomayac.com/2020/11/09/sub…. Thanks, @xeenon, for the help!

via Twitter Web App (retweeted on 5:43 PM, Nov 9th, 2020 via Twitter for iPhone)

@stefanvermaas @jaffathecake It does. Just responded with next steps while you were tweeting. I’ll star the bug to be notified of changes myself.

via Twitter for iPhone in reply to stefanvermaas

@stefanvermaas @jaffathecake I see, thanks for the background.
The only way to _not_ open in a CCT currently is to link to a URL consumed by a native app (like YouTube) or to another installed standalone/fullscreen PWA.
Might be worth outlining on this bu

via Twitter for iPhone in reply to stefanvermaas

@stefanvermaas @jaffathecake So, the current behavior to always open in CCT was implemented in crbug.com/709889. This includes all known methods (and hacks) of opening links (test app: piotrswigon.github.io/pwa-demo/stand…). I was asking to better understand the

via Twitter Web App in reply to stefanvermaas

@jaffathecake @stefanvermaas Would you have a link to the PWA in question and instructions how to navigate within this app to the link you want to open in a new window?

via Twitter for iPhone in reply to jaffathecake

There is great information on converting existing Web Extensions to @webkit 🧭 Safari App Extensions or creating new Safari App Extensions from scratch, but no guide on how to submit and distribute them via Xcode. Until now: blog.tomayac.com/2020/11/09/sub…. Tha@xeenon

via Twitter Web App

@diekus @yoavweiss The link crbug.com/new (or new.crbug.com) is a reasonable template pre-filled based on your current browser. Use it whenever you want to submit a bug for something you’re experiencing right now.

via Echofon in reply to diekus

mikewest Thanks to @ericlaw, Chrome 88+ will match Safari and Firefox’s behavior of treating `target=_blank` links as `noopener` by default (chromium-review.googlesource.com/c/chromium/src…).

(If you need to maintain that relationship for some reason, you can opt-into it with `rel=opener`.) twitter.com/addyosmani/sta…

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

VanJones68 Today is a good day.
It’s easier to be a parent this morning.
Character MATTERS.
Being a good person MATTERS.
This is a big deal.

It’s easy to do it the cheap way and get away with stuff — but it comes back around.

Today is a good day.
ndpic.twitter.com/h8YgZK4nmkk

via Twitter Media Studio (retweeted on 11:02 PM, Nov 7th, 2020 via Echofon)

kentbrew Some really great BASIC programming lessons for the Commodore 64 right here: tomasp.net/commodore64/

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

@david_bokan @Justinwillis96 @pwabuilder Here’s the relevant excerpt of a PR where I add file handling to @excalidraw: github.com/excalidraw/exc…. Maybe this helps compare implementations. You did set the specific flag, did you? web.dev/file-handling/….

via Echofon in reply to david_bokan

briankardell New post with an update on our container queries related switch proposal from earlier this year..
includes video of prototype developed by @lajava77 at @igalia youtu.be/cWub_3wActI
And some questions for devs

Post: bkardell.com/blog/AllThemSw…

via Twitter Web App (retweeted on 10:27 AM, Nov 7th, 2020 via Echofon)

@fm3ndoza Awesome, looking forward to it! Thanks!

via Twitter for iPhone in reply to fm3ndoza

@yoavweiss Sure, before are a runtime flag or a regular chrome://flags. Not sure why this form is needed.

via Echofon in reply to yoavweiss

@stubbornella @littledan Is this not going through the regular origin trial process?

via Echofon in reply to stubbornella

@fm3ndoza Really cool app, thanks. Installed 📲! Few wishes:
- Increase contrast when dark mode is active (web.dev/color-scheme/ and web.dev/prefers-color-…).
- Use an apple-touch-icon (tip: github.com/tomayac/hiit-t…).
- Use the native share method whenweb.dev/web-share/

via Echofon in reply to fm3ndoza

@shadeed9 As a watcher of the video I have a hard time figuring out which is the active one. Lacks a clear contrast color.

via Echofon in reply to shadeed9

@jyzg @DenisTRUFFAUT @petele @jaffathecake @DasSurma Not sure about concrete implementation plans in Chromium (bugs.chromium.org/p/chromium/iss… reveals nothing), but there’s an Issue for it: github.com/WICG/compressi….

via Echofon in reply to jyzg

👀 Intent to Prototype—Container Queries:groups.google.com/a/chromium.org…L.
This is the Chrome bug to star: ⭐️crbug.com/1145970K.

📏 Containers will be marked with `contain: size` and a new at-rule `@​container (min-width: 100px) {…}` specifie

via Twitter Web App

@marcosc @diekus @sid_vishnoi Wow, that simple? Why aren’t more specs using this?

via Echofon in reply to marcosc

tomayac @ChromiumDev 📢 I have a special treat on my personal blog where I show how you can play Chrome dino 🦖 on your Nintendo Switch: blog.tomayac.com/2020/11/04/pla….

via Twitter Web App (retweeted on 9:41 AM, Nov 5th, 2020 via Twitter Web App)

ChromiumDev Play the Chrome dino 🦖 game with your gamepad 🎮!

web.dev/gamepad/

In @tomayac’s latest article you will learn how to use the Gamepad API to push your web games to the next level!

via TweetDeck (retweeted on 9:40 AM, Nov 5th, 2020 via Twitter Web App)

@ChromiumDev 📢 I have a special treat on my personal blog where I show how you can play Chrome dino 🦖 on your Nintendo Switch: blog.tomayac.com/2020/11/04/pla….

via Twitter Web App in reply to ChromiumDev

jefbinomed I’ve just finished a new article about and 😇: jef.binomed.fr/2020/11/03/202… Francois Beaufort told me to ping @tomayac @reillyeon 😉 pic.twitter.com/nXmeBrBISj

via Twitter Web App (retweeted on 10:10 PM, Nov 4th, 2020 via Echofon)

smashingmag Internationalization and localization is more than just writing your content in multiple languages. You need a strategy to determine what localization to send, and code to do it.

↬ Internationalization And Localization For Static Sites
smashingmagazine.com/2020/11/intern… pic.twitter.com/R8gAfZxjb2

via Twitter Web App (retweeted on 1:58 PM, Nov 4th, 2020 via Echofon)

@jasnell @dret Brilliant, thanks for the clarification!

via Twitter for iPhone in reply to jasnell

@dret Limited to DAV resources, though, no? My understanding is that the present proposal generalizes the method for general HTTP applications. I may well be wrong.

via Twitter for iPhone in reply to dret

Oh, interesting: there is a proposal for a new HTTP method called `SEARCH`: tools.ietf.org/html/draft-sne…. Non-cacheable, and the query goes in the request body.

via Twitter Web App

@nill It seems like this affects only the iframe embed. I have opened github.com/GoogleChrome/w… that prunes the `allow` values to just the needed ones, since the browser was complaining about an unknown value of `”vr”`. Let’s see if this fixes the issue onc

via Twitter Web App in reply to nill

MozDevNet As of November 2, 2020, The Yari beta is open. 🎉🤝

Find out how you can get involved, what kind of feedback we’re looking for, and where you can put it.

github.com/mdn/content/bl…

via Twitter Web App (retweeted on 12:22 PM, Nov 3rd, 2020 via Echofon)

@AndyDavies @tomtaylor @TheRealNooshu Oh, wow. That’s a surprisingly small share. Thanks for, well, sharing!

via Echofon in reply to AndyDavies

@argyleink Firefox should be easy, it’s Safari that requires special treatment. I still roll each update submission manually. Not ideal, but workable for now. Would love to learn about best practices in that area.

via Echofon in reply to argyleink

@argyleink I’m trying to deal with the different builds of my Chrome/Firefox/Safari extensions in separate branches, too (like your Firefox branch: github.com/GoogleChromeLa…). I’m not sure if that’s the best way. uBlock Origin has a different system (github.com/gorhill/uBlock…

via Echofon in reply to argyleink

The `local()` function for CSS font face declarations (developer.mozilla.org/en-US/docs/Web…) will soon be disabled ⤵️.
For actual local fonts access, consider giving the Local Font Access API a try: web.dev/local-fonts/. twitter.com/googlefonts/st…

via Echofon

@cwilso @briankardell Life hack: get a selfie stick 🤳 and remap “volume up” to “right arrow” key. You’re welcome!

I’m only half kidding. I have a tiny Bluetooth remote shutter that I use to advance slides based on the key remapping.

via Echofon in reply to cwilso

This minimap @ChromeDevTools experimental feature could make my CSS flexbox alignment guessing so much less guessy. Love it! ⤵️ twitter.com/argyleink/stat…

via Echofon

@AndyDavies @tomtaylor @TheRealNooshu Just like in the original tweet I’d be curious to hear Chrome (macOS) numbers if you wouldn’t mind sharing them. Thanks.

via Twitter Web App in reply to AndyDavies

@TheRealNooshu What percentage is Chrome (macOS), please?

via Twitter Web App in reply to TheRealNooshu

FlowBrowser Rendering @keithclarkcouk’s CSS powered 3D environment in Flow.

ekioh.com/devblog/3d-env…

keithclark.co.uk/labs/css-fps/ pic.twitter.com/c6wtcOJGbL

via Twitter Web App (retweeted on 10:09 PM, Nov 2nd, 2020 via Echofon)

@slightlylate @microblocksfun Seems like no one at @microblocksfun picked this up so far. Opened bitbucket.org/john_maloney/s…; maybe someone can have a look there.

via Twitter Web App in reply to slightlylate

@briankardell Search for “has:attachment larger:10MB” for quickly pruning some space.

via Echofon in reply to briankardell

DanShappir Start November with a new post on the @WixEng blog: Rethinking the Pipeline Operator wix.engineering/post/interlude… An interlude in my series on collection and sequences processing in JS. I’d made heavy use of the proposed pipeline op - I explain why, and why I’m dropping it

via Twitter Web App (retweeted on 4:35 PM, Nov 1st, 2020 via Echofon)

@iandevlin Congratulations, Ian! Keep it real,-

via Echofon in reply to iandevlin