Thomas Steiner (@tomayac)

Hamburg, Germany

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

September 2019

@schweinepriestr It’s in the slides and in the session description. 😃

via Twitter for iPhone in reply to schweinepriestr

@autiomaa Yeah, I know, I know. I just fixed the tech stack, design is up next :-)

via Twitter for iPhone in reply to autiomaa

@mathias @cjamcl @hooraybuffer Oh, my Twitter client doesn’t support polls and I didn’t even see it, but voted on the official client now. ✅

via Twitter for iPhone in reply to mathias

@autiomaa Please note: my notes only represent a tiny slice of the web platforms. ☺️

via Twitter for iPhone in reply to autiomaa

Project Fugu 🐡 at @w3c TPAC, my personal recap:

👉 blog.tomayac.com/2019/09/21/pro…

“The web is threatened from multiple angles, and being able to work in the standards bodies on defending it is a privilege of the few. Both shouldn’t be the case.”

(P@thejohnjansenpic.twitter.com/JJw4NxrqfD

via Twitter Web App

Variable Fonts Link Dump, by @css: css-tricks.com/variable-fonts…. I never can remember Wakamai Fondue, despite (or maybe due to its) genius name. Good to have these links in one place.

via Twitter for iPhone

🆕 Chrome 78 Beta: a new Houdini API and two exciting origin trials: native file system access and SMS retriever API. This is a fabulous @googlechrome release from a Project Fugu 🐡 viewpoint. blog.chromium.org/2019/09/chrome…

via Twitter for iPhone

Smarter custom CSS properties with Houdini’s new API, by ⁦@Snugug⁩. This is exciting news for the web. web.dev/css-props-and-…

via Twitter for iPhone

@thejohnjansen Been there. Done that. In Shanghai. Behind the great firewall. 🤦‍♂️

(To be fair, it was my fault, I had a new laptop and was missing one step that I thought was part of the out-of-the-Google-box experience.)

via Echofon in reply to thejohnjansen

@Birowsky @ChromiumDev The document is still in internal review, sorry

via Echofon in reply to Birowsky

Google Search (finally) supports in-video search using so-called Clips (schema.org/Clip) that are based on Media Fragments URI: developers.google.com/search/docs/da… developers.google.com/search/docs/da… (for select partners). 🎞 ✂️

(CC: @troncy, @dvdeurse, and other

via Echofon

@firt You’re welcome, this is the tweet you want to credit: twitter.com/xeenon/status/…

via Twitter for iPhone in reply to firt

@ericlaw Oh, interesting. Is there any written documentation on this new behavior?

via Echofon in reply to ericlaw

kennethrohde Great summary from @AaronGustafson on discussions related to Web App Manifest at TPAC:

github.com/w3c/manifest/i…

via Twitter Web App (retweeted on 1:28 PM, Sep 20th, 2019 via Echofon)

@rowan_m @stefanjudis Classic. We’ve all been there.

via Echofon in reply to rowan_m

iOS 13 PWA news by @firt ⤵️.
Oh, WKWebView/SFSafariViewController apparently not supporting dark mode is simply due to the fact that the hosting apps in question weren’t compiled for the iOS 13 SDK. We have internal builds against the new SDK of Chrtwitter.com/firt/status/11…

via Echofon

Query without a credit card: introducing BigQuery sandbox cloud.google.com/blog/products/… by @felipehoffa. The sandbox tier could be your free entry ticket to the @HTTPArchive.

via Echofon

@vrandezo This is fantastic news both for @wikidata/@WikiResearch as well as @GoogleAI. Congratulations on making this happen! 🥂

via Echofon in reply to vrandezo

viticci I’ve been working on this for 3 months, pouring hundreds of hours into it. And here it is:

My iOS and iPadOS 13 review: macstories.net/stories/ios-an…

I covered everything: iOS 13, iPadOS, Shortcuts, and iOS 13.1.

Enjoy! pic.twitter.com/4K7q8cQ2cX

via Twitter for iPad (retweeted on 12:06 PM, Sep 20th, 2019 via Echofon)

TimoTijhof This week we finished a year-long effort that’s saving @Wikipedia readers over 4.3 Terabytes of data bandwidth every day!

Thanks @AmirSarabadanii, @catrope, and many others.

For the technical how and why 👉 w.wiki/8bA pic.twitter.com/WzhGyXXWzi

via Twitter Web App (retweeted on 4:11 AM, Sep 20th, 2019 via Twitter for iPhone)

rick_viscomi 📝 new post on @ThePracticalDev: Fixing layout instability

Using my own website as a case study, I show how to use the Layout Instability API and WebPageTest to identify and fix layout issues 👇

dev.to/chromiumdev/fi…

via Twitter Web App (retweeted on 11:32 AM, Sep 19th, 2019 via Echofon)

@glazou @thejohnjansen None of these ship dates are fixed. We strictly follow the process defined in developers.google.com/web/updates/ca…, and note that this process includes also following the Blink launch process chromium.org/blink/launchin….

via Twitter Web App in reply to glazou

☝️ If the slides link in the original tweet doesn’t work for you (which inexplicably seems to be the case for some folks), try this link instead: docs.google.com/presentation/d…. Sorry for this!

via Twitter Web App in reply to tomayac

@_satyakresna @DenisTRUFFAUT All the protected files have been removed and replaced with links to the demos that they were showing. Can you try again? Sorry for this.

via Twitter Web App in reply to _satyakresna

@reillyeon You probably want Eleventy. I love it because it has no template engine lock-in at all, is fast, and the community is nice. Consider starting with github.com/11ty/eleventy-….

via Echofon in reply to reillyeon

@nathankjer Would be cool to get your Hawkes process model into our more primitive approach described in this paper: ai.google/research/pubs/…. The tool is still up: wikipedia-live-monitor.herokuapp.com.

via Echofon in reply to nathankjer

@marypcbuk @codepo8 Point taken. Thanks for sharing this feedback!

via Twitter for iPhone in reply to marypcbuk

@marypcbuk @codepo8 If it’s perceived divisive this wasn’t intentional. “Take back” as in: apps that use web technologies but are not on the web because capabilities are missing, so they opt for hybrid frameworks just to bridge these capability ga

via Twitter for iPhone in reply to marypcbuk

@marypcbuk @codepo8 From almost-web-but-not-quite frameworks. See the quoted tweet for an example of such a framework.

twitter.com/christianliebe…

via Twitter for iPhone in reply to marypcbuk

christianliebel JSPaint meets MSPaint! Little interop demo via Async API/Raw Clipboard Access. PWA on the left, native app on the right! First paste to website requires user consent.

Demo: christianliebel.github.io/jspaint/index.…
Code: github.com/christianliebe…

pic.twitter.com/XQYwOAsMSG

via Twitter Web App (retweeted on 1:26 PM, Sep 18th, 2019 via Twitter for iPhone)

ChromiumDev The Project Fugu 🐡 team had a breakout session today at . You can follow up on what was discussed and presented via the links in the quoted tweet. ⤵️ twitter.com/tomayac/status…

via TweetDeck (retweeted on 12:51 PM, Sep 18th, 2019 via Twitter for iPhone)

@DenisTRUFFAUT Oh, sorry, there are three videos embedded that don’t work. I hope I can fix this.

via Twitter for iPhone in reply to tomayac

The slides from our (Intel, Microsoft, Google) breakout session on Project Fugu 🐡 are available online: docs.google.com/presentation/d…. The full IRC logs of the session are likewise public: w3.org/2019/09/18-cap…. Let’s take back the Web! API per AP

via Twitter Web App

@SteveALee @AaronGustafson @slightlylate @kennethrohde KaiOS is the same, but the app stores that ship with the phone have different inventory depending on the provider you get your phone from.

via Twitter Web App in reply to SteveALee

mikewest Minutes from yesterday’s WebAppSec meeting are up at github.com/w3c/webappsec/…. It’s a fairly wide-ranging conversation on topics that I think are interesting and important (Trusted Types, `IsLoggedIn()`, Mixed Content HSTS fingerprinting, etc.).

via Twitter Web App (retweeted on 6:23 AM, Sep 18th, 2019 via Echofon)

A comparison of various image-optimizing CDNs: medium.com/@firt/faster-p…. I like that @firt looked into Client Hint support, too.

(CC: @sw12, who ran a large-scale image survey recently) twitter.com/firt/status/11…

via Echofon

@AaronGustafson @SteveALee @slightlylate @kennethrohde Note that the existence on one phone doesn’t mean other phones will have the app, too. Each provider runs their own store they control—even if it’s just “PWAs”. But *cough* jailbreaksites.google.com/corp/view/bana…sites.google.com/corp/view/b-ha…

via Twitter for iPhone in reply to AaronGustafson

@christianliebel Thanks, this is great developer feedback, keep the comments coming :-)

via Twitter for iPhone in reply to christianliebel

@SteveALee @slightlylate @kennethrohde @AaronGustafson On the Nokia 8110 4G there is. Also Facebook and WhatsApp.

via Twitter for iPhone in reply to SteveALee

jaffathecake Service worker working group felt productive yesterday. Agreed to add a few minor features, and discussed some less minor ones docs.google.com/document/d/1_Q… (thanks to @slsoftworks & @slightlylate for note-taking)

via Twitter Web App (retweeted on 6:19 PM, Sep 17th, 2019 via Echofon)

@christianliebel Wow, this is seriously awesome. Thanks for sharing and for hacking this together! 🤩

via Twitter for iPhone in reply to christianliebel

christianliebel I added Native File System API support to , a JavaScript remake of good ol’ MS Paint. 🎨 Would you have guessed that this is actually a web application? 😉

Demo: christianliebel.github.io/jspaint/index.…
Code: github.com/christianliebe…

pic.twitter.com/OavB6cUOVb

via Twitter Web App (retweeted on 5:42 PM, Sep 17th, 2019 via Twitter for iPhone)

@_JHorse Thanks for the feedback, always great to know something you worked on was helpful to someone. Obrigado :-)

via Twitter for iPhone in reply to _JHorse

😆 Web Development Merit Badges: css-tricks.com/web-developmen… Hilarious collection of badges compiled by @css.

via Echofon

@udzura Yes, and here’s some more information on it: web.dev/prefers-color-….

via Twitter Web App in reply to udzura

@eleline5 @Media Here’s some more background documentation on it: web.dev/prefers-color-….

via Twitter Web App in reply to eleline5

@kojilin It’s not that hard with instructions: web.dev/prefers-color-…. Maybe this is helpful… 🌒

via Twitter Web App in reply to kojilin

@vernalkick @majouji Email publishers can use dark mode in emails like this: github.com/tomayac/dark-m…. Support is slowly growing: caniemail.com/features/css-a…. 📧🌒

via Twitter Web App in reply to vernalkick

@dtroode @ilyabirman @surganov That’s a really well implemented dark mode on davidkistauri.ru! 👏
One additional idea could be to add a toggle, so people can switch: github.com/GoogleChromeLa…. 🌒

via Twitter Web App in reply to dtroode

@_JHorse Aqui está um artigo (traduzido automaticamente para o português) que pode ajudar as pessoas a implementar o modo escuro com o `prefers-color-scheme`: translate.google.com/translate?sl=a… 🌒

via Twitter Web App in reply to _JHorse

For everyone tweeting about things like CSS @​font-face, @​supports,
@​media, etc., this one weird trick makes you not inadvertedly mention people who happen to have this username:

‘@’ + ‘zero-width space’ + “media”

codepen.io/chriscoyier/pe…

via Twitter for iPhone

@simevidas Is this an Internet of Shit troll? 😂
theregister.co.uk/2018/07/20/iot…
See the little display on the hoover?

`@​media (hoover) { … }`

via Twitter for iPhone in reply to simevidas

@slightlylate @kennethrohde @AaronGustafson I actually got one for my 11 year-old as their first (smartish) phone, who is super fascinating to watch explore this brave new world. Surprisingly less voice use than I would have thought, but also almost no we

via Twitter for iPhone in reply to tomayac

@slightlylate @kennethrohde @AaronGustafson 🙋‍♂️ Big fan of the Nokia “banana phone”, which you can get easily from Amazon and other retailers, and which is jailbreakable (sites.google.com/corp/view/bana…), so you can create, install, and test proper

via Twitter for iPhone in reply to slightlylate

ChromiumDev When “not all” is nothing. Finding out about media query support in the browser. ⤵️ twitter.com/tomayac/status…

via TweetDeck (retweeted on 6:55 PM, Sep 16th, 2019 via Twitter for iPhone)

Recently we’ve sent our Intent to Implemenent for the proposed `navigation-controls` media feature: groups.google.com/a/chromium.org….

🤔 But how can you find out if the browser understands this media feature—or any media query really? My article has you covblog.tomayac.com/2019/09/16/not…

via Twitter for iPhone

@BartoszBobin You need to be careful: this approach leaves browsers that don’t understand the media query stand in the rain. web.dev/prefers-color-…

via Twitter Web App in reply to BartoszBobin

@elecash @angular @ChromiumDev That sounds super cool. Is there a link to your app? No worries if it’s potentially in a rough shape, this is purely out of curiosity.

via Twitter Web App in reply to elecash

@kennethrohde @Una @materialdesign Here’s the Material demo with the fixed toggle (until the Chrome bug gets resolved): …s-color-scheme-toggle-fixed.glitch.me.

via Twitter Web App in reply to tomayac

@kennethrohde @Una @materialdesign Meanwhile I have just released v0.4.0 of `<dark-mode-toggle>` that works around this bug: npmjs.com/package/dark-m…. See googlechromelabs.github.io/dark-mode-togg… for the up-to-date demo.

via Twitter Web App in reply to tomayac

@kennethrohde @Una @materialdesign Hmmm, there seems to have been a breaking change between 76 and 77. It works correctly in Firefox and Safari. Filed bugs.chromium.org/p/chromium/iss….

via Twitter Web App in reply to kennethrohde

Just remixed @Una’s @materialdesign Glitches with `prefers-color-scheme` & material toggle to have the best of both worlds 🎉: …prefers-color-scheme-toggle.glitch.me.

👉 Initially respects `prefers-color-scheme`.
👉 Supports overriding—optionally permanently.
Mgithub.com/GoogleChromeLa…twitter.com/Una/status/117…

via Twitter Web App

@qantify @FlunseyTheFox I help people who might be interested in learning more about dark mode. A simple Twitter search unearthed you. Seems like you’re good. Enjoy the rest of your day. ✌️

via Twitter for iPhone in reply to qantify

@qantify I’m simply a web developer and learning on my way. If you’re a student, you can apply for free credit: edu.google.com/programs/. Likewise when you’re a startup: cloud.google.com/developers/sta….

via Twitter for iPhone in reply to qantify

@CodePen @smnarnold +1, great idea 👏. For quick testing, also consider adding a toggle: github.com/googlechromela….

via Twitter Web App in reply to CodePen

bocoup Next week is , we will be there! @zcorpan and @fantasai have written a survival guide for attendees who are asked to SCRIBE 😱✍🏽 bocoup.com/blog/how-to-sc…

via Twitter Web App (retweeted on 5:28 AM, Sep 15th, 2019 via Echofon)

@slightlylate @wanderview ✅ Mount Fuji view. 🗻
✅ Super friendly staff. 👮
✅ Amazing speed. 💨
🚫 No Wi-Fi yet on my Tokaido-Sanyō Shinkansen (but soon).

Coming from Germany 🇩🇪:
✅ No random car reordering that messes with reserva

via Echofon in reply to slightlylate

@jxnblk @studio_hungry @chatsidhartha Here’re the results from a survey we did: medium.com/dev-channel/le….
You can run tests on your own site: people who have dark mode on and use your dark theme vs. people who have dark mode on but override to use your l

via Echofon in reply to jxnblk

@tjmonsi Standardization is slow, and should mini apps get standardized, then they will experience the same. Finding compromises is hard. Right now, each mini app platform just does their own thing, and it mostly seems to work: dev.to/tomayac/a-quic….

via Echofon in reply to tjmonsi

@marcus_lindblom @bdc I have made a toggle that initially respects the user’s system preference, but then allows them to override it: npmjs.com/package/dark-m…. More info: web.dev/prefers-color-….

via Twitter Web App in reply to marcus_lindblom

@adamzea Nice! A neat addition for people would maybe be a toggle, so they can check out the photography in different lights: npmjs.com/package/dark-m….

via Twitter Web App in reply to adamzea

I disapprove of this proposal becoming a web standard (as web technology usage doesn’t mean it’s “web”), but fully approve of hearing their arguments: MiniApp Standardization White Paper. Especially interesting is the gap analysis: w3.org/TR/2019/WD-min…w3.org/TR/mini-app-wh…

via Twitter for iPhone

@jerroenbakker For these browsers (all browsers in fact), you can still use dark mode, just with a manual toggle (github.com/googlechromela…), and share the same code with browsers that support the media query. Follow this stylesheet architecture web.dev/prefers-color-…

via Twitter Web App in reply to jerroenbakker

@asmallteapot @rrrrrrrix The media query is widely supported nowadays (web.dev/prefers-color-…). A couple of mobile and desktop browsers also have a forced dark mode for sites that don’t make use of the media query, e.g., for Chrome, search in chrome://

via Twitter Web App in reply to asmallteapot

@jxnblk @studio_hungry @chatsidhartha My recommendation is to initially adhere to the user’s system preference, but to offer an opt-out: web.dev/prefers-color-….

via Twitter Web App in reply to jxnblk

💡Two interesting posts by @rem:

Any other tag in the <head> that isn’t one of <title>, <meta>, <style>, <script>, <base>, or <link> will automatically be moved into the <body>: remysharp.com/2019/09/13/hea….

Why <p> doesn’t need a corresponding closingremysharp.com/2019/09/12/why…

via Twitter for iPhone

@darianrosebrook @hyumankind @Media For more info on the media query, check out web.dev/prefers-color-…. In the article, there’s also a section on such a toggle: github.com/googlechromela…. 🌒

via Twitter Web App in reply to darianrosebrook

Snowden So I get stopped in the hallway as I’m carrying this old computer that I need to copy the files, and one of the chiefs asks: ‘What are you doing with this machine?’ And I look at him frankly and I say: ‘Stealing secrets.’ theguardian.com/us-news/ng-int…

via Twitter Web Client (retweeted on 4:48 AM, Sep 14th, 2019 via Echofon)

@johnbburg Setting a dark theme on your system should be enough, but currently there’s a bug bugs.chromium.org/p/chromium/iss…, so temporary you need to launch Chrome with these two flags:

—enable-features=WebUIDarkMode —force-dark-mode

via Twitter for iPhone in reply to johnbburg

@DasSurma @petele One of my jokes made it in the graveyard of jokes that he keeps around on his phone for special occasions like the Fugu 🐡 team hanging out in a Tiki bar 🍹. People must be dying to get in there.

via Echofon in reply to DasSurma

@ebidel @lyft Oh, interesting. Has this launched yet? I checked ride.lyft.com and lyft.com itself to no avail. We offer github.com/GoogleChromeLa… and web.dev/prefers-color-… to help bootstrap a dark mode quickly.

via Echofon in reply to ebidel

🕸️🔊 9 years of WebAudio: docs.google.com/presentation/d…. A presentation from the spec editor.

via Twitter Web App

A new round in the “detecting headless Chrome” cat 🐈 and mouse 🐁 game, by @xopek59: antoinevastel.com/bot%20detectio….

via Twitter Web App

@Birowsky @ChromiumDev We have some folks on Chrome who’re looking into improving the History API, or at least taming it a bit. I have reached out to them to see if there’s anything they could share externally at this stage.

via Twitter Web App in reply to Birowsky

MrAhmadAwais 🔥 VS @code just released v1.38 which empowers HTML & CSS to have MDN Reference IntelliSense. Makes writing complex CSS properties super easy. Thanks to @MozDevNet docs team. 👏

❯❯ SHARED AT: VSCode.pro/tip/25

what’s your fav new feature for this release? pic.twitter.com/iVimAWW8aK

via Twitter Web App (retweeted on 1:33 AM, Sep 13th, 2019 via Echofon)

@Birowsky @ChromiumDev Not directly, but you can keep track of previously visited URLs in a stack yourself, so you can see where in the history you are. It’s not great, but it might work depending on your use case.

via Twitter for iPhone in reply to Birowsky

@Birowsky @ChromiumDev Yeah, you can’t. For Single-Page Apps, you might be able to work with developer.mozilla.org/en-US/docs/Web….

via Twitter for iPhone in reply to Birowsky

simonmlaroche I’ve started writing some thoughts on Tetris game design. My first article is about the randomizers found in various versions of the game. Hope you guys find it interesting! simon.lc/the-history-of…

via Twitter Web Client (retweeted on 5:29 PM, Sep 12th, 2019 via Echofon)

@AnaestheticsApp @ChromiumDev Apps should not have a dedicated exit or close button as per the Android design guidelines. Just make proper back navigation work: developer.android.com/guide/navigati…. In fullscreen mode, the home button can always be reached by swiping developer.android.com/training/syste…

via Echofon in reply to AnaestheticsApp

@Birowsky @ChromiumDev If you stick to vanilla JS with no framework-based router, `onbeforeunload` might be your best bet at the moment: developer.mozilla.org/en-US/docs/Web….

via Echofon in reply to Birowsky

@samthor That fake SNES controller obviously can only send fake keydown events. Also: your colleague seems unimpressed. Also: cute baby photo… :-)

via Echofon in reply to samthor

@fantasai I wouldn’t call it “fine”, but more a necessary evil. Email clients typically deal pretty well with it and keep the overhead low. Caveat: I can only speak as a sighted person. I certainly have cut threads and provided a “context” link

via Twitter Web App in reply to fantasai

@endrift @reillyeon @rmondello I actually discussed Wake Lock indications in blog.tomayac.com/2018/12/18/exp…. Personally, I think it would make sense on mobile, but as discussed, the Wake Lock is released when visibility changes: wake-lock-demo.glitch.me. The Orig

via Twitter Web App in reply to endrift

ManningBooks Back to Simple CSS: with the Shadow DOM—a new free eBook with chapters selected by @bfarrellforever! link.medium.com/qYr49YEbSZ

via Twitter Web Client (retweeted on 4:04 PM, Sep 12th, 2019 via Echofon)

Neat, my favorite email newsletter publishers @CSSWeekly and @peterc both start looking into supporting dark mode email (github.com/tomayac/dark-m…). 📧 🌒 The motivation: auto-darkening isn’t always doing a great job. twitter.com/peterc/status/…

via Twitter for iPhone

anatudor I proudly present you my newest and geekiest @css article so far: Logical Operations with CSS Variables css-tricks.com/logical-operat…

Super happy to see this one live as it’s basically using stuff I learned in some of my favourite electronics courses at uni… in CSS! pic.twitter.com/7NIAuYLv8E

via Twitter Web App (retweeted on 6:14 PM, Sep 11th, 2019 via Echofon)

zachleat New on the @filamentgroup blog:

Two Browsers Walked Into a Scrollbar
filamentgroup.com/lab/scrollbars/

Studying scrollbar obtrusiveness and the design control we have with CSS (some of it off the standards track 😱)

via Twitter Web App (retweeted on 5:20 PM, Sep 11th, 2019 via Echofon)

daviddalbusco “The Simple Guide to HTML SVGs” by @cavezza dev.to/cavezza/the-si…

via Twitter Web Client (retweeted on 5:09 PM, Sep 11th, 2019 via Echofon)

hadleybeeman When you’re designing a new feature for the web, the stakes are high. You could be changing where a user’s location goes, or letting sites fingerprint & recognise users…

To help: updated Security & Privacy Questionnair@w3ctaga@w3c3c PINgw3.org/TR/security-pr…pQ

via Twitter Web App (retweeted on 5:08 PM, Sep 11th, 2019 via Echofon)

On supporting browsers you can see the new “screen” Wake Lock in action at tomayac.github.io/wikipedia-scre…. 🚫💤 twitter.com/intenttoship/s…

via Echofon

intenttoship Blink: Intent to Experiment: Screen Wake Lock API groups.google.com/a/chromium.org…

via Feeds for @intenttoship (retweeted on 4:28 PM, Sep 11th, 2019 via Echofon)

marcosc Yep yep… looks like @saschaplas and I have implemented the Web Share API in Gecko. Ignore the “tentative” fails - they are non-standard tests.

Next step, get this stuff into an actual Firefox product!🚀

Windows, Mac, Android, anyone? pic.twitter.com/9x9Dgu2iGK

via Twitter Web App (retweeted on 4:28 PM, Sep 11th, 2019 via Echofon)

@mathias Curious. Would you call twitter.com/mathias/status… a macro optimization?

via Echofon in reply to mathias

@fantasai Fully agree on 1).

For a long time I was a strong defender of 2), too, but it makes it harder for people to follow the thread who were CC:’ed into it later. Now I tend to just remove email signatures and other noise, but leave hiding repeate

via Echofon in reply to fantasai

@wesbos @Paul_Kinlan It seems to be a lower-level macOS thing that strikes again as previously in bugs.chromium.org/p/chromium/iss…. Pinging the bug with new info (like, are you running Catalina?) might be a good idea.

via Twitter for iPhone in reply to wesbos

@CrystalOnScript @kristoferbaxter This was a good read. Thanks for sharing this.

via Echofon in reply to CrystalOnScript

@mhartington This wasn’t a subtweet or anything; I truly like the similar thinking here. It makes a lot of sense to keep everything in the “ion-*” namespace.

via Twitter for iPhone in reply to mhartington

notwaldorf New blog post about building a (good) metronome and keeping time in JavaScript!! ✨

It comes with a demo comparing the audio delay of 3 different approaches, to convince you just how bad setInterval REALLY is (spoilers: p bad)

📝meowni.ca/posts/metronom…
metronomes.glitch.me pic.twitter.com/qTI5PEH0Gd

via Tweetbot for Mac (retweeted on 3:26 PM, Sep 11th, 2019 via Echofon)

@mhartington @daviddalbusco @brandyscarney @Ionicframework Love it! Respect the initial `prefers-color-scheme` preference, but allow for a manual override (web.dev/prefers-color-…). Exactly the philosophy behind `<dark-mode-toggle>` (github.com/GoogleChromeLa…

via Echofon in reply to mhartington

Two new link type (proposals) for hinting at Google that a link is either sponsored (`rel=”sponsored”`) or user-generated content (`rel=”ugc”`), apart from the existing “no follow” (`rel=”no-follow”`). Seems worth standardizing, @dannysullivan & @methodehtml.spec.whatwg.org/multipage/link…twitter.com/googlewmc/stat…

via Echofon

@AnaestheticsApp I have only seen it in google.com/maps/_/sw/ml.j… in the wild. It’s not standardized as far as I can tell. Probably something purely internal to Google Maps.

via Twitter Web App in reply to AnaestheticsApp

@Paul_Kinlan @wesbos It’s broken on macOS at the moment (you always get back an empty array).

via Twitter for iPhone in reply to Paul_Kinlan

ChromeUXReport 2/ For the first time, we crossed the 6M distinct origin threshold for a single release 🎉

We’re keeping up with what seems to be a trend of Chrome users visiting a growing number of unique websites. Good news for the health of the web as a whole! pic.twitter.com/C6JKzgPic5

via Twitter Web App (retweeted on 5:44 PM, Sep 10th, 2019 via Echofon)

@samccone Thanks for sharing! For anyone interested in the theory behind: web.dev/prefers-color-….

via Twitter for iPhone in reply to samccone

kinu We’re implementing Navigation to Bundled Exchanges (a part of Web Packaging) on Chrome! 📦😃
No idea about how this can be used? Check out the demo video that shows how you can share a web site using Bundled Exchanges! ➡ youtube.com/watch?v=rs-3R0… twitter.com/intenttoship/s…

via Twitter Web App (retweeted on 4:35 PM, Sep 10th, 2019 via Echofon)

This is great news for the web developer community: ⁦@caniuse⁩ now includes ⁦@MozDevNet⁩ compatibility data. 🎉 No more guess work!
(via ⁦@medleyjp⁩) hacks.mozilla.org/2019/09/canius…

via Twitter for iPhone

Great article on @Apple App Store ranking weirdnesses with actually useful and beautiful data visualizations embedded. This is taking advantage of digital journalism. 👍 twitter.com/slightlylate/s…

via Echofon

@Mr_Stezz @litmusapp Apple Mail does for sure: github.com/tomayac/dark-m…. It’s work in progress for other clients. From what I hear, Outlook for web supports it as well, but I don’t have firsthand knowledge.

via Twitter Web App in reply to Mr_Stezz

@dragosrobertn @amyvpellegrini As far as I can tell, they respect `prefers-color-scheme` first, and allow you to override it with your own preference. I’m a big fan of this pattern, too: web.dev/prefers-color-….

via Twitter Web App in reply to dragosrobertn

stefanjudis ✍️TIL: focus events do not only include a `target` but also a `relatedTarget` property.

Writeup: stefanjudis.com/today-i-learne…
Codepen: codepen.io/stefanjudis/pe…

alt: prototype showing that relatedTarget is the prev focused element for `focus` and the next focused element for `blur` pic.twitter.com/BUFLedbXi2

via Twitter Web App (retweeted on 7:14 PM, Sep 9th, 2019 via Echofon)

@stefanjudis TIL about `focusin` (and `focusout` respectively): developer.mozilla.org/en-US/docs/Web…. Thanks so much for writing these articles!

via Echofon in reply to stefanjudis

slightlylate A few things for web developers about IDC’s recent report on smartphone shipment volumes: idc.com/getdoc.jsp?con…

(thread)

via Twitter Web App (retweeted on 6:45 PM, Sep 9th, 2019 via Echofon)

GretaThunberg Sept 20 and 27 the World strikes again! Everyone is welcome, everyone is needed. I’ll be in New York 20/9 and in Montreal 27/9. Find or register your local strike at fridaysforfuture.org or local websites. Spread the word! pic.twitter.com/BNI7ZywpsL

via Twitter for iPhone (retweeted on 6:44 PM, Sep 9th, 2019 via Echofon)

@davywtf And not just Firefox, many other browsers, too: web.dev/prefers-color-…. We just fixed a bug in Chrome, so that it now correctly detects a Linux dark theme and doesn’t need a command line flag.

via Twitter Web App in reply to davywtf

@sutarmin_aa @poke @getify Yeah, +1, thanks for looking this up and sharing!

via Echofon in reply to sutarmin_aa

tomayac @othermaciej @firt *Cough* bugs.webkit.org/show_bug.cgi?i…. 81 users on CC:, 72 comments, some just “+1”, but many also from company emails outlining why they want it and how not having the feature harms their clients’ experience.


Sent from my iPhone with @echofon, as @Twitter’s PWA can’t have push.

via Echofon (retweeted on 4:40 AM, Sep 9th, 2019 via Echofon)

@othermaciej @firt *Cough* bugs.webkit.org/show_bug.cgi?i…. 81 users on CC:, 72 comments, some just “+1”, but many also from company emails outlining why they want it and how not having the feature harms their clients’ experience.


Sent from my iPhone wi@echofon@Twitter

via Echofon in reply to othermaciej

@reillyeon One port to rule them all.*

*) Conditions apply.

via Echofon in reply to reillyeon

@sutarmin_aa @getify I am definitely going to adopt this pattern, and if it turns out to be a bottleneck (unlikely for me and probably most people), I can still fine tune it.

via Twitter for iPhone in reply to sutarmin_aa

@mahemoff I was torn between adding one on purpose and triple-reviewing to make sure there wasn’t one. In German, we call this feeling … 😂

via Twitter for iPhone in reply to mahemoff

slightlylate *So* excited to see this 🐡 API headed to Origin Trials: groups.google.com/a/chromium.org…

via Twitter Web App (retweeted on 2:50 PM, Sep 7th, 2019 via Echofon)

josephfcox Apple just posted a wild statement in response to Google Project Zero’s findings on malicious websites pushing iOS exploits for years
- confirms against Uighurs
- disputes “years” deployment, says two months
- pretty arrogant tone about device security vice.com/en_us/article/… pic.twitter.com/mgjIKkHAVq

via Twitter Web App (retweeted on 2:47 PM, Sep 7th, 2019 via Echofon)

@mahemoff Yeah, been there. That feeling when a tweet with a typo starts to get popular and you’re torn between deleting or leaving it. In German we call it Fehlertweetslöschdilemma.

twitter.com/chromiumdev/st…

via Echofon in reply to mahemoff

Need to append a couple of nodes to an element? You were taught `documentFragment` is your friend? It is, but now `append(…nodes)`—that under the hood still uses it—turns out to be your new best friend. twitter.com/paul_irish/sta…h1

via Echofon

cramforce Super excited by this intent to implement:
TL;dr; If an image “width: 100%; height: auto;” set in CSS compute the reserved space from the width and height attributes (if available) while the image is loading. Thus avoiding a layout jump on load!
twitter.com/intenttoship/s…

via Twitter Web App (retweeted on 1:41 PM, Sep 7th, 2019 via Echofon)

The responses to the quoted tweet are pretty hilarious: people are sending pictures of @BorisJohnson. As always in ML, the quality of your training data matters. twitter.com/raeBress/statu…

via Echofon

knmille7 Move over Structured Data Testing tool & say hello to the Rich Results Testing Tool- search.google.com/test/rich-resu…! I’ve been hesitant over some of the new GSC features, but have to admit I like this better than the old.

via Twitter Web App (retweeted on 1:24 PM, Sep 7th, 2019 via Echofon)

@argyleink Still waiting for the loading to finish. This site is extremely slow. Albeit, I have to say, its loader is nice. 😂

via Echofon in reply to argyleink

@html5test @kennethrohde @Apple @maxlynch That’s my reading as well. But, hey, we’ll see what the app approval team make of it. The quoted statement in my tweet is what I find remarkable.

via Twitter for iPhone in reply to html5test

“Apps that provide core features and functionality dynamically with web technology like are best delivered to everyone in Safari, rather than through the curated App Store.”-developer.apple.com/news/?id=09062…D
New restriction for@Applee’s App Store str

via Echofon

Cryptic Wifi Networks xkcd.com/2199/ 😂

via Echofon

Apple just shipped Web Components to production with the Apple Music for Web Beta: dev.to/ionic/apple-ju…. 🎉 🎶

via Echofon

“Should I use the Public Suffix List/eTLD+1 for …?”

“The answer is no. For anything new, you should avoid the Public Suffix List”.

Good read! ⤵️ twitter.com/sleevi_/status…

via Echofon

@kdzwinel @thomweerd Love it, really great work! Congratulations!

via Echofon in reply to kdzwinel

@w3c TPAC is around the corner. Super excited 😆 to have Intel, Microsoft, and Google as joint organizers of a breakout session on Project Fugu 🐡: w3.org/wiki/TPAC/2019…. We’re in this together!

via Twitter for iPhone

@bytemind_de @sepia_fw Dark mode on Windows 10 is a keeper! For browser support of the media query, I tend to check before using it: web.dev/prefers-color-….

via Twitter Web App in reply to bytemind_de

@eleline5 @masaworks_ja This definitely has reached web apps, it’s by no means limited to just native apps: web.dev/prefers-color-….

via Twitter Web App in reply to eleline5

@Antijingoist @lucas20013_ @AlexLamond1 @stroughtonsmith Correct, the old Edge didn’t, but the new Chromium-based Edge (that is now released as public beta) does: web.dev/prefers-color-….

via Twitter Web App in reply to Antijingoist

@farique @abdurrakhimov While there is a media query (web.dev/prefers-color-…), we also see the need for a header. Follow github.com/w3c/csswg-draf… if you’re interested.

via Twitter Web App in reply to farique

@aplusplus `prefers-color-scheme` indeed. The @webkit site webkit.org uses it, too, but not apple.com (yet?). If you’re interested in learning more, here’s an article I wrote: web.dev/prefers-color-….

via Twitter Web App in reply to aplusplus

polymer Wondering what we’re up to?

🏎️🚚🏍️🚗🚲🛴

Check out our up-to-date roadmap here:

github.com/Polymer/projec…

via Twitter Web App (retweeted on 7:41 PM, Sep 5th, 2019 via Echofon)

felixarntz Native lazy-loading is now a thing - of course also in WordPress! felix-arntz.me/blog/native-la… wordpress.org/plugins/native…

via Twitter Web App (retweeted on 7:14 PM, Sep 5th, 2019 via Echofon)

@christianliebel @zattoo @heisedc App icon shortcuts: bugs.chromium.org/p/chromium/iss….

Chromecast limitations: could you ask for more details? Happy to be connected directly.

Autoplay: yeah, it’s complicated.
- Chrome: developers.google.com/web/updates/20…
- Safari: webkit.org/blog/7734/auto…

via Echofon in reply to christianliebel

christianliebel Just stumbled upon Screen Enumeration API (behind a flag in Chrome 78). It enumerates connected displays+their properties in preparation for Window Placement API, allowing to define a target screen+position for windows. Cool for . github.com/spark008/scree… pic.twitter.com/DbZE1BLGN7

via Twitter Web App (retweeted on 6:54 PM, Sep 5th, 2019 via Echofon)

@steinbring @UWM Fair enough… 😅 Without that context it just sounded as if dark mode weren’t apt fo@UWMWM.

via Twitter Web App in reply to steinbring

@steinbring @UWM Why not? Milwaukee must have dark mode fans, too!?

via Twitter Web App in reply to steinbring

Neat, a `<round-slider>` custom element by @thomasloven. Has @rowan_m of `<input-knob>` fame seen this? Looks like some synergies can be unlocked™ when it comes to labels: github.com/GoogleChromeLa…. twitter.com/thomasloven/st…

via Echofon

bramusblog Take both Light and Dark Mode screenshots with Puppeteer

🔗 bram.us/2019/09/04/tak…

🏷

🖼 pic.twitter.com/c1Uz4pkDIs

via Bramus RSS (retweeted on 11:52 PM, Sep 4th, 2019 via Twitter for iPhone)

🎨 CSS blend mode put to creative use for dynamically changing the colors of product images, neat article by @codrops. tympanus.net/codrops/2019/0…

via Twitter for iPhone

@MylesBorins Me: I will never again 2h before a talk install a beta version of an OS on the one and only device that I will use on stage for a demo.

Also me: Ooooh, new beta available.

via Echofon in reply to MylesBorins

random_walker Here’s a really neat illustrated article about our dark patterns study: qz.com/1657890/this-i…

The trick is that you have to interact with a few dark patterns to read the whole piece! twitter.com/random_walker/… pic.twitter.com/KZqvnMvv2A

via Twitter Web App (retweeted on 8:32 PM, Sep 4th, 2019 via Echofon)

intenttoship Blink: Intent to Experiment: Native File System API groups.google.com/a/chromium.org…

via Feeds for @intenttoship (retweeted on 8:19 PM, Sep 4th, 2019 via Echofon)

@ericlaw Definitely EasyList that’s universally used by blockers of all sorts: easylist.to/easylist/easyl….

via Echofon in reply to ericlaw

@FredKSchott @pikapkg Seems like you became too successful and ran out of disk space. 🙀 pic.twitter.com/UmVgWEDtoq

via Twitter for iPhone

@ChromiumDev `prefers-color-scheme` of course… 🤦‍♂️

via Twitter Web App in reply to tomayac

@theSdev @ChromiumDev 🤦‍♂️It’s too early… Thanks!

via Twitter Web App in reply to theSdev

@ChromiumDev Just in case someone else noticed: android.com/android-10/ doesn’t use `prefers-color-theme` yet (despite having a gorgeous dark theme), but I have already reached out… 😅

via Twitter Web App in reply to ChromiumDev

ChromiumDev 🎉 Yay, Android 10 is here! android.com/android-10/

👉 The biggest change for web devs is that Android now supports dark theme, aka. dark mode.

🌒 Support dark mode on your site via the `prefers-color-theme` media query! Read @tomayac’s post for more:
web.dev/prefers-color-…

via TweetDeck (retweeted on 10:20 AM, Sep 4th, 2019 via Twitter Web App)

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