Thomas Steiner (@tomayac)

Hamburg, Germany

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

September 2019

ericlaw Inside Chromium’s clever and brave plan to change the recipe for cookies: textslashplain.com/2019/09/30/sam…

I think it’s the biggest change to the web platform you probably haven’t yet heard about.

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

Element Timing, or Time to First Cat: wicg.github.io/element-timing/. Now usable in Chrome 77. The slide shows the source code you can copy from the spec. 👍
(⁦@egsweeny⁩ and ⁦@paul_irish⁩ at ) pic.twitter.com/4RzIRTiCs4

via Twitter for iPhone

Performance Budget Calculator for your @____lighthouse runs: perf-budget-calculator.firebaseapp.com. Neat tool tip from @egsweeny’s and @paul_irish’s talk.

via Echofon

hdv ‘All of us browser makers are motivated by different things. Some of us make iPads, some of us have huge complex code bases like Gmail… this is positive, these differences result in push and pull’ @miketaylraylr on why browser diversity is essentConf

via Twitter for iPhone (retweeted on 4:42 PM, Sep 30th, 2019 via Echofon)

slightlylate Are you a PWA developer? Frustrated that Chrome is (far) behind other browsers in advertising that your site is installable? Make your voice heard by starring @alexey_rodionov’s bug here:

bugs.chromium.org/p/chromium/iss…

/cc @b1tr0t

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

ChromiumDev Hello Monday👋Many of our team are attending @viewsourceconf this week, come find @petele @tomayac @argyleink @DasSurma @kosamari @sw12 and more at the venue and ask us anything 💪

via TweetDeck (retweeted on 3:01 PM, Sep 30th, 2019 via Twitter Web App)

Augmented Reality in JavaScript by @ASpittel: alispit.tel/ar-javascript/… A big piece of AR is Snapchat and Instagram. 💄

via Twitter Web App

@flaviocopes Something interesting to know in this context is this stat: blog.tomayac.com/2019/04/04/let…. Some users also just want their operating system dark, but not websites.

via Twitter Web App in reply to flaviocopes

@patmeenan @slightlylate This doesn’t seem to work on neither Chrome on Android nor Safari on iOS. pic.twitter.com/OChyR9BxtO

via Twitter Web App in reply to patmeenan

@flaviocopes Why not have both? 😃 Initially adhere to the user preference, but allow the user to override it (permanently) if they choose to: web.dev/prefers-color-….

via Twitter Web App in reply to flaviocopes

@slightlylate @patmeenan Just noticed I had to manually add the ‘s’ in the URL so the protocol is https://. Can webpagetest.org automatically use a secure connection? I *think* this issue github.com/WPO-Foundation… mentions some bits of the relev

via Echofon in reply to tomayac

@slightlylate Happy birthday 🎂, Alex! Here’s some recursive tracing for you (the queue is busy, waiting behind 11 others 🙌)! webpagetest.org/result/190930_…. twitter.com/slightlylate/s…

via Echofon

@cassidycodes The `color-scheme` CSS property or meta tag respectively should in the future help avoid this—the idea being to let pages inform the UA about the scheme early so it can adapt the UI accordingly, e.g. set a dark default background.drafts.csswg.org/css-color-adju…drafts.csswg.org/css-color-adju…

via Twitter Web App in reply to cassidycodes

@cheneytsai @dalmaer @HenrikJoreteg …which most probably just embeds said page in a web view. 🤦‍♂️

via Echofon in reply to cheneytsai

somebitsLinks DNS over HTTPS and policy
“How DNS over HTTPS is Reshaping Privacy,Performance, and Policy in the Internet Ecosystem”. Very thoughtful paper.
cs.princeton.edu/~pschmitt/docs…

via Zapier.com (retweeted on 5:54 AM, Sep 30th, 2019 via Echofon)

@argyleink That’s awesome! 👏 Consider following this CSS architecture web.dev/prefers-color-… and giving it the `<dark-mode-toggle>` github.com/GoogleChromeLa… treatment. Happy to help out, of course.

via Echofon in reply to argyleink

😻 An incredibly cool device orientation demo and variable fonts showcase at the same time by @Mandy_Kerr in the quoted tweet. ⤵️

(A quick console patch to make it work on iOS: twitter.com/tomayac/status…) twitter.com/Mandy_Kerr/sta…

via Twitter Web App

@Mandy_Kerr 😲 This demo is incredibly cool. On iOS 13.1 (potentially earlier versions, too), just add this line and it works:

document.addEventListener(‘click’, async () => await DeviceMotionEvent.requestPermission());

via Twitter Web App in reply to Mandy_Kerr

@smphr @shwetank I was a WebWasher user back then. So strange that it came from Siemens, a brand not necessarily known for its web affinity at the time. Another fun fact is that (by default) it transparently changed the user-agent, no obscuring whatsoeverde.wikipedia.org/wiki/Webwasher

via Echofon in reply to smphr

@RReverser @patmeenan logs_exporter. I hate this fella.

via Echofon in reply to RReverser

@filmaj @tobie Ironically enough, their web app works perfectly fine but they still have native apps.

via Echofon in reply to tomayac

@filmaj @tobie +1 to workfrom.co, web-based, nice and elegant, and at least for my area the suggestions are great!

via Echofon in reply to filmaj

Paul_Kinlan We’re hiring for a Chrome DevTools Developer Advocate (Munich based). If you love tooling and helping developers, ping me.

careers.google.com/jobs/results/1…

via TweetDeck (retweeted on 3:46 PM, Sep 26th, 2019 via Twitter for iPhone)

TimvdLippe “How did MS-DOS decide that two seconds was the amount of time to keep the floppy disk cache valid?”

devblogs.microsoft.com/oldnewthing/20…

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

@JonasKuske @tombyrer @styfle @AMidKnight @ChromiumDev `<dark-mode-toggle>`, described in web.dev/prefers-color-…, tries to follow this idea from the original tweet.

via Twitter Web App in reply to JonasKuske

@ilithya_net @lassediercks @terabaud @CodePen Maybe `<dark-mode-toggle>`, described in web.dev/prefers-color-… can save you some headaches.

via Twitter Web App in reply to ilithya_net

jyasskin Gotta love fingerprinting-visibility sites like amiunique.org/fp that claim I’m the only person in the world using the Chrome Dev channel on Linux.

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

ericlaw Interesting article from the Tor folks on browser fingerprinting: blog.torproject.org/browser-finger…

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

that CSS attribute selectors have case (in)sensitivity switches ‘i’ and ‘s’: drafts.csswg.org/selectors-4/#a…. E.g., `[frame=hsides i]` would match for “hsides”, “HSIDES”, “hSides”, etc.
This can be used for client-side filtering, as shown in @css’ article css-tricks.com/filtering-data…

via Twitter Web App

@jaffathecake @DasSurma @argyleink The time zone switch is amazing (as is the design). Congratulations!

via Echofon in reply to jaffathecake

ChromiumDev Wondering what’s in store for ? 🤔

Well, we just published the agenda! Find out about all the exciting sessions planned → goo.gle/CDSAgenda

Request your invite today! pic.twitter.com/YDSfqK6kyi

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

daviddalbusco Introducing @deckdeckgo : the web open source editor for presentations

dev.to/daviddalbusco/…

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

@RubenVerborgh @AquaticSciences @ElsevierConnect Finally, we would like to express our gratitude to the anonymous reviewers for their thoughtful comments that helped improve the paper significantly.

via Echofon in reply to RubenVerborgh

@torgo @googlechrome There’s a “remove” action to not see articles again, it’s a little hidden though:

iOS: support.google.com/chrome/answer/…

Android: support.google.com/chrome/answer/…

via Echofon in reply to torgo

@itsmeandresito That’s not exactly around the corner for me ;-) I can happily offer slides to a local presenter, though.

via Twitter Web App in reply to itsmeandresito

A “[p]retty simple but neat” SVG editor that uses the new Native File System API (developers.google.com/web/updates/20…, ), by @elecash. ⤵️ twitter.com/elecash/status…

via Twitter Web App

@elecash @angular @ChromiumDev Thanks for sharing, as you write: “Pretty simple but neat”. I have added this to our internal list of examples using the API.

via Twitter Web App in reply to elecash

webkit Read about enhanced protection for link decoration tracking, updates to the Storage Access API, and ITP Debug Mode updates in Safari on iOS 13, iPadOS and Safari 13 on macOS with Intelligent Tracking Prevention 2.3 on the WebKit blog. webkit.org/blog/9521/inte…

via Twitter Web App (retweeted on 9:41 PM, Sep 23rd, 2019 via Echofon)

Mandy_Kerr I had a play with the Google Fonts V2 Beta API. There are a couple of changes but it’s still simple to use! buff.ly/2LK9AX4

I wrote a short post: buff.ly/2OeHKnp

@jpamental also wrote a great post about it buff.ly/2Qyaz0C pic.twitter.com/QUVbarGDBR

via Buffer (retweeted on 9:12 PM, Sep 23rd, 2019 via Echofon)

The joy and challenge of developing for KaiOS: nolanlawson.com/2019/09/22/the…
“I’m not a huge fan of app stores—I don’t like having to agree to the ToS, going through a review process, and ultimately subjecting myself to the whims of a private corporation.

via Twitter Web App

angustweets TIL, if you visit devtools’ “source” tab right after using the “performance” tab you get benchmarks… pic.twitter.com/bWB1T38zuT

via Twitter Web App (retweeted on 9:39 AM, Sep 23rd, 2019 via Echofon)

tomayac 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.”

(Photo by @thejohnjansen at ) pic.twitter.com/JJw4NxrqfD

via Twitter Web App (retweeted on 9:09 AM, Sep 23rd, 2019 via Twitter Web App)

@lunamoth No. You can access AMP pages from any browser with the AMP runtime that you can just download as a set of (self-hostable) scripts.
Note that this is distinct from the AMP treatment in Google Search and the AMP cache optimizations. If either went

via Twitter Web App in reply to lunamoth

@tobie @johnmark GPL conformance was an issue, too.

via Echofon in reply to tobie

@b1tr0t Munich. Helmholtzstraße I think. 🐴.js

via Echofon in reply to b1tr0t

@tobie @johnmark This has been tried before: google.com/search?q=%22Th…. Not sure if I missed any potential irony, hard to read from the tweet alone, just thought the pointer might be interesting nonetheless.

via Echofon in reply to tobie

@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)

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