Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

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

December 2019

@kennethrohde @denladeside @Paul_Kinlan @peterlubbers @robertnyman Running really low on eggs 🥚. Get that bar stocked again quickly!
All the best everyone and happy new year back! Thanks, Lars, for starting this amusing thread. 🎇

via Twitter for iPhone in reply to kennethrohde

stephenmcgruer A bit late due to the holidays, but Safari Tech Preview 97 hit web-platform-tests last week[0] and WebKit-specific failures are down 25%! This is an amazing step towards an interoperable web; congrats to @othermaciej and the whole @webkit team.

[0]: github.com/web-platform-t… pic.twitter.com/EvWdehZudd

via Twitter Web App (retweeted on 1:08 AM, Dec 31st, 2019 via Echofon)

mark_e_davis Excellent paper on the challenges of producing virtual keyboards for a large number of the world’s languages
arxiv.org/pdf/1912.01218…

Great job by @daanvanesch @elishkaa and the other members of the team twitter.com/assertpub_/sta…

via Twitter Web App (retweeted on 1:05 AM, Dec 31st, 2019 via Echofon)

New Year’s Eve: xkcd.com/2248/. Off-by-one errors are my favorite kind of error. 💥

via Echofon

I’m fully aligned with the arguments the author of this article on “why we use Web Components” makes. If one thing, I’m a little concerned about “not invented here” syndrome: seems like everyone starts their design system from scratch. Anothersap.github.io/ui5-webcompone…twitter.com/viljamis/statu…

via Echofon

Bundling JavaScript for Performance: Best Practices. Good article that compares different approaches. 👍 calendar.perfplanet.com/2019/bundling-…

via Twitter for iPhone

@stefanjudis Not an expert, but probably something to investigate as a first option.

via Echofon in reply to stefanjudis

@stefanjudis Chromium isn’t signed and “[i]f you run an unsigned app that is not listed in the firewall list, a dialog appears with options to Allow or Deny connections for the app. If you choose Allow, OS X signs the application and […] adds it to support.apple.com/en-us/HT201642

via Echofon in reply to stefanjudis

SaraSoueidan 💬 @shadeed9 put together a great guide to styling: rtlstyling.com/posts/rtl-styl…

I picked up a few good tips from this.👌

via Tweetbot for iΟS (retweeted on 10:32 AM, Dec 28th, 2019 via Echofon)

@jaffathecake @othermaciej @rmondello @webkit Whatever you call it, here’re some of the {Progressive Web Apps, Home Screen Web Apps, Websites} features that I personally as an iOS user would love to see in @webkit: tomayac.github.io/pwa-feature-de….

via Twitter for iPhone in reply to jaffathecake

@othermaciej @jaffathecake @rmondello @webkit My tweet was not referring to the particular QR-coded website in question (which by the way doesn’t permit any analysis since it returns an error code: imakan.app/o/swch/7bbdef), but to Ricky’s take on peop

via Twitter for iPhone in reply to othermaciej

@rmondello Call it Progressive Web Apps, call it Home Screen Web Apps (cf. webkit.org/blog/9674/new-…), call it Website; as long as the concept meant by that term works great on @webkit, you make us web developers happy. ❤️

via Echofon in reply to rmondello

@notquitedante In case you’re interested, `<dark-mode-toggle>` implements exactly the behavior you’re describing. github.com/GoogleChromeLa…

via Twitter Web App in reply to notquitedante

@gmail Okay. I have checked that I’m connected to the Internet, have turned on background app refresh, have checked sync settings on my Gmail app, have checked my storage space, and also issues specific to non-Gmail addresses. I still don’t have the d

via Twitter for iPhone in reply to gmail

@gmail Hmm, that’s an article for the “Gmail app messages aren’t syncing” problem.

via Twitter for iPhone in reply to gmail

Modern Mobile Bookmarklets with the ShareTarget API. Neat exploration of an idea by ⁦@Paul_Kinlan⁩. paul.kinlan.me/modern-mobile-…

via Twitter for iPhone

@gmail Yes. There’s no “Theme” item (but I had it in the past).

via Twitter for iPhone in reply to gmail

Threading the web with module workers, by ⁦@_developit⁩: web.dev/module-workers/. The only missing piece is module support in service workers now, which is spec’ed, but not implemented yet. 👏

via Twitter for iPhone

Adaptive icon support in PWAs with maskable icons: web.dev/maskable-icon/. Great article by @Not_Woods on making your icons look nice under all circumstances. 🎭 Also a new ⁦@ChromeDevTools⁩ feature. 🎉

via Twitter for iPhone

@gmail Hello 👋. I’ve had dark mode on Gmail for iOS before, but it’s gone again. I’m on version 6.0.191117. Was there a rollback? 😱

via Twitter for iPhone

romannurik Delighted to share a little holiday gift 🎁 to dev conference speakers!

The latest version of SlidesCodeHighlighter lets you select chunks of code to highlight in a variety of ways. Great for walking through larger code snippets.

Check it out @ romannurik.github.io/SlidesCodeHigh… pic.twitter.com/bhdvpDTY01

via Twitter Web App (retweeted on 8:57 AM, Dec 24th, 2019 via Echofon)

@oliverW42355990 I have some other cases, too, sharing doesn’t work as expected. I’ll investigate in the new year, please keep the Codepen unchanged. :-) On vacation now.

via Twitter for iPhone in reply to oliverW42355990

@yoavweiss @Rich_Harris @jaffathecake @gregwhitworth @sirjamespants @schwanksta 👆 My exact same thoughts. One logic fits all as in today’s behavior doesn’t have to be the way `loading=lazy` works tomorrow. UAs can innovate and optimize over time fo

via Echofon in reply to yoavweiss

Paul_Kinlan It would be an understatement to say how much this survey has impacted Chrome’s 2020 planning - hopefully we can share more specific information soon - but TL;DR improving developer satisfaction will be one of our main objectives. twitter.com/mozhacks/statu…

via TweetDeck (retweeted on 10:46 AM, Dec 20th, 2019 via Echofon)

cramforce It was another great year of @AMPhtml sponsoring @igalia
to improve web compat with a focus on @webkit:
🦾 ResizeObserver in Safari
📜 Lots of scrolling improvements on iOS
🎁 Preloading of responsive images
🖼 Inferred intrinsic size for images
& more!
blog.amp.dev/2019/12/16/our…

via Twitter Web App (retweeted on 2:32 AM, Dec 20th, 2019 via Echofon)

dalmaer Threading the web with module workers /by @_developit

web.dev/module-workers/

via Twitter Web App (retweeted on 2:29 AM, Dec 20th, 2019 via Echofon)

jeffposnick Do you have a PWA? Do you want to help users find your offline-capable content?

Chrome is experimenting with a new Content Indexing API to aid in discovery of locally cached pages.

Learn more at web.dev/content-indexi… pic.twitter.com/ssDoGhNDtp

via TweetDeck (retweeted on 2:29 AM, Dec 20th, 2019 via Echofon)

@FilipStanis It is the default, making it explicit mostly just makes sure you (or a CSS framework that you may include) don’t set it to something else… ;-)

via Twitter Web App in reply to FilipStanis

@theBashShell If someone sets their default font size to very large, ugly scrollbars may be the least of their concerns…

via Twitter Web App in reply to theBashShell

@othermaciej If I may, some additional data to look at would be @____lighthouse run on the randomly selected page webkit.org/blog/8935/audi… out of many others with images).

Massive savings potential, here’s the relevant pic.twitter.com/5OGHhBLGLN

via Twitter Web App in reply to othermaciej

@othermaciej Serving fallbacks has been a recommended best practice from the start of the format (developers.google.com/speed/webp/faq…), so I guess pages completely ignoring non-compatible UAs are rare. But if(f) @webkit were to support it, all modern browsers would: caniuse.com/#feat=webp

via Twitter for iPhone in reply to othermaciej

@cjinfantino Yes, as long as you use `:root { font-size: 1rem; }`.

via Echofon in reply to cjinfantino

@othermaciej “Does this mean WebP is coming (back) to Safari or already there?”-bugs.webkit.org/show_bug.cgi?i…c

via Echofon in reply to othermaciej

bendhalpern I am excited to share a post detailing improvements we shipped to DEV in terms of performance and UX.

We now leverage Service Workers and ReadableStream really effectively.

Shoutout to @jaffathecake for inspiring this approach.

dev.to/devteam/instan…

via Twitter Web App (retweeted on 8:12 AM, Dec 19th, 2019 via Echofon)

@tombyrer @matejlatin I tend to use `rem`s exclusively, but there are situations where `em`s make sense, too (see @chriscoyier’s meta comment on @jeremybchurch’s post linked in css-tricks.com/confused-rem-e…).

For monospace font sizing, interesting background rwebkit.org/blog/67/strang…

via Twitter Web App in reply to tombyrer

@aaronpeters @mathias I’m learning something new about accessibility myself almost every day, and with this tweet was only standing on the shoulders of others..twitter.com/tomayac/status…jI

via Twitter Web App in reply to aaronpeters

@aaronpeters @mathias By doing that, you override and upscale the user’s chosen default font size, which typically is 16px, to 17.6px. You can do that, but maybe only above a certain screen size (or more hand-wavily: on “big” screens).

via Twitter Web App in reply to aaronpeters

v8js V8 hits its long-awaited v8.0, now with optional chaining, nullish coalescing, faster higher-order builtins — oh and 40% less memory use thanks to pointer compression, no big deal.

h8rs gonna h8, V8ers gonna V8 🔥🔥🔥
v8.dev/blog/v8-releas…b

via TweetDeck (retweeted on 4:45 PM, Dec 18th, 2019 via Twitter Web App)

Full credits to @matejlatin from whose article betterwebtype.com/articles/2019/… I have learned this from. We just fixed this issue on v8.dev (pending deploy).

via Twitter Web App in reply to tomayac

Tip: Don’t set absolute font sizes! If someone has their default browser font size bumped up/down, you override their choice and force them to zoom. 😔

Instead, set the font size to `100%` on the `:root {}` level and make everything a function thpic.twitter.com/q455OUjHO8

via Twitter Web App

_scottlow Want more information on Microsoft Edge’s new user agent string? We’ve published some documentation here: docs.microsoft.com/en-us/microsof…

via Twitter Web App (retweeted on 9:53 PM, Dec 17th, 2019 via Echofon)

😂 Just seeing a typo: Largest Contentful Pain(t). A new speed metric. By the way, if you don’t see it, it’s because `PerformanceObserver` is spec’ed to ignore metrics it doesn’t know. So while iOS has the observer, it doesn’t understand the m

via Twitter for iPhone in reply to tomayac

v8js JavaScript is now equipped with a new regular expression enhancement!

@MayaLekova shows how it can be used for finding positions of matched groups. v8.dev/features/regex…

(This feature is available starting from V8 v7.9 behind a —harmony-regexp-match-indices flag.) pic.twitter.com/dYSYkZwSkF

via TweetDeck (retweeted on 5:40 PM, Dec 17th, 2019 via Echofon)

@neelkirit I do hope apart from the game you also got some stickers at the booth. 😂

via Twitter Web App in reply to neelkirit

@domenic @briankardell @fabricedesre @brucel @stevefaulkner @LeonieWatson @chaals Are there plans to publish some of the would-be built-in modules like std-toast or std-switch as a coherent custom elements library under one umbrella repo? I could find github.com/tkent-google/s…github.com/jackbsteinberg…

via Echofon in reply to domenic

@FilipStanis @simevidas Please don’t do this, it can have interesting and unexpected side effects: blog.tomayac.com/2019/12/12/sam….

via Echofon in reply to FilipStanis

@simevidas @horsemankukka Track bugs.chromium.org/p/chromium/iss… for all the details :-) It’s definitely an interesting bug…

via Twitter Web App in reply to simevidas

ChromiumDev 🏷️ Web NFC reaches a key milestone - it is coming soon!
Check out w3.org/community/web-… pic.twitter.com/MmsIDHGNjy

via TweetDeck (retweeted on 11:54 AM, Dec 17th, 2019 via Twitter Web App)

Speed metrics can be quite abstract, so on my blog I’ve tried to make them more understandable. At the bottom of each page, you now get Largest Contentful Pain (LCP), Cumulative Layout Shift (CLS), and First Input Delay (FID).

Try it on blog.tomayac.com/2018/07/19/sub…pic.twitter.com/zx10kL2Ptz

via Twitter Web App

@philwalton @RickByers @david_bokan Correcting myself. § 2.3.1 wicg.github.io/ScrollToTextFr… says the use cases you brought up are not enabled for privacy reasons.

via Twitter Web App in reply to philwalton

@BrendanEich @pes10k @bz_moz Thanks for starting this discussion. For people watching from the comfort of their couches at home, this discussion is happening in github.com/WICG/ScrollToT….

via Twitter Web App in reply to BrendanEich

@simevidas @firt @webkit The one could come with the other. But as you write, it’s not going to happen.

via Echofon in reply to simevidas

about `box-decoration-break`. It helps to define how elements should be rendered across lines. Thanks, ⁦@stefanjudis⁩. stefanjudis.com/today-i-learne…

via Twitter for iPhone

@csarven JavaScript-based routers make this space ultra complex to navigate (no pun intended) when one goes Web-scale.

via Twitter for iPhone in reply to tomayac

@csarven Both can co-exist. The Scroll to Text Fragment proposal solves the issues Web Annotation brings up in w3c.github.io/web-annotation…. For some fun reading on adding stuff after the # but inadvertently breaking the dereferencability of a URL, I recommendbugs.chromium.org/p/chromium/iss…

via Twitter for iPhone in reply to csarven

Why <details> is not an Accordion: daverupert.com/2019/12/why-de…. Great article and a plea for modern web aware new HTML elements.

via Echofon

@ehsanakhgari @RickByers @david_bokan Hmm, it seems to work fine on Safari for example (the old from the bug report and the new syntax). To be clear, the new syntax would be webmd.com/skin-problems-….

via Twitter for iPhone in reply to ehsanakhgari

stoyanstefanov Web performance calendar day 13 with @anniesullie on what LCP is and how it came to be. Invaluable insight from Chrome folks on how they think about metrics calendar.perfplanet.com/2019/developin…

via Twitter Web App (retweeted on 10:53 PM, Dec 13th, 2019 via Echofon)

@philwalton @RickByers @david_bokan Based on my experiments, I don’t think it does anything useful yet. It can currently be used to feature-detect support. But @david_bokan may have a better answer. pic.twitter.com/w2ZjwtHQ9O

via Twitter Web App in reply to philwalton

@gsnedders @DanielBratell I noticed that as well and checked: his last article dev.opera.com/blog/opera-58/ is from 2019, so concluded Opera’s still the current employer. Anyway, thanks for letting me know.

via Twitter for iPhone in reply to gsnedders

@gsnedders @DanielBratell Oh 😲. The Twitter bio at least still says he’s working for Opera.

via Twitter for iPhone in reply to gsnedders

@othermaciej @BrendanEich @yoavweiss @chrishtr @DanielBratell @slightlylate @bz_moz Thanks, Maciej, we have collected this (emailing the @webkit mailing list) as part of our best practices.

via Twitter for iPhone in reply to othermaciej

🎉 The Scroll to Text Fragment proposal (wicg.github.io/ScrollToTextFr…) now has 4 LGTMs, i.e., is ready to ship! It allows you to truly deep-link into docs—even when there’s no # anchor.

Here’s a sample URL:blog.tomayac.com/2019/12/12/sam…2 ⛄️

(Test with flag pic.twitter.com/gwFB8EpEKJ

via Twitter Web App

NikolasZimmerm1 I just published an article about my first large project @igalia on my blog: enabling CSS 3D transformations in @webkit SVG. I am looking forward to your comments - checkout blogs.igalia.com/nzimmermann.

I am excited :-)

via Twitter Web App (retweeted on 11:02 PM, Dec 12th, 2019 via Echofon)

@davidxcheng @ChromeDevTools @AMPhtml @jaffathecake @mathias This was my initial misreading as well, but as @jaffathecake wrote in github.com/whatwg/html/is…, it should probably say the following instead: “If the document is an HTML document, attribute names

via Twitter Web App in reply to davidxcheng

tomayac “Same same but different: Unicode Variation Selector-16”:

👉 blog.tomayac.com/2019/12/12/sam…

A post on the difference between ⚡️ and ⚡ in which I find out about ️U+FE0F and file @ChromeDevTools and @AMPhtml feature requests. This was fun to write!

Thanks, @jaffathecake and @mathias.

via Twitter Web App (retweeted on 6:14 PM, Dec 12th, 2019 via Twitter for iPhone)

@horsemankukka I’m on the latest iOS Beta, maybe that’s why it works here.

via Twitter for iPhone in reply to horsemankukka

@horsemankukka @jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias That’s super weird, macOS ignores Unicode Variation Selector-15, whereas iOS and iPadOS respect it.

via Twitter for iPhone in reply to horsemankukka

mark_e_davis Put together some material about the underside of emoji for programmers: — how to handle them so they work for end-users. Suggestions welcome: more examples, problems, solutions, &c.
docs.google.com/document/d/1pC…Kpic.twitter.com/m5qJ3KZViff

via Twitter Web Client (retweeted on 2:26 PM, Dec 12th, 2019 via Twitter Web App)

@jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias So do macOS and Windows, both snowmen render in the emoji variation (blog.tomayac.com/2019/12/12/sam…), despite me coding them as `&#x2603;&#xfe0e;` and `&#x2603;&#xfe0f;` respectively.

via Twitter Web App in reply to jaffathecake

“Same same but different: Unicode Variation Selector-16”:

👉 blog.tomayac.com/2019/12/12/sam…

A post on the difference between ⚡️ and ⚡ in which I find out about ️U+FE0F and file @ChromeDevTools and @AMPhtml feature requests. This was fun to write!@jaffathecake@mathias

via Twitter Web App

Learning modern JavaScript with Tetris: medium.com/@michael.karen…. 🧱

via Twitter Web App

slightlylate This sort of detailed feedback about Origin Trial APIs (you can sign up here!: developers.chrome.com/origintrials/) is critical to our learning process. Project Fugu is *all about* iteration and learning from developer needs 🐡🐡🐡 twitter.com/marcushellberg…

via Twitter Web App (retweeted on 10:52 PM, Dec 11th, 2019 via Echofon)

marcushellberg . @fractorious, following up on our discussion about the Native File System API at . We wrote a blog post on what we learned from experimenting with the origin trial, especially about the UX of permission popups: vaadin.com/blog/accessing…

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

webaxe Applying prefers-color-scheme to SVG favicons: blog.tomayac.com/2019/09/21/pre…

via Easy Chirp (retweeted on 8:21 PM, Dec 11th, 2019 via Twitter for iPhone)

@yoavweiss I could have sworn I have seen a crbug somewhere to improve @ChromeDevTools handling of localhost service workers from different projects. Maybe @mathias remembers?

via Echofon in reply to yoavweiss

johnwilander Updates to ITP in today’s iOS and macOS releases including a thank you to Google researchers – all under the title “Preventing Tracking Prevention Tracking”webkit.org/blog/9661/prev…3H

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

ChromiumDev Chrome 79 is rolling out now! Installed PWAs on Android get support for maskable icons. The WebXR Device API has landed. Origin trials start for the Wake Lock API, and the rendersubtree attribute. And plenty more! @petele has all the details at developers.google.com/web/updates/20… pic.twitter.com/3iC0Rf2M4q

via TweetDeck (retweeted on 2:42 PM, Dec 11th, 2019 via Echofon)

tkadlec New post: a few quick tips for how to use without breaking the bank. timkadlec.com/remembers/2019…

via Twitter Web App (retweeted on 2:40 PM, Dec 11th, 2019 via Echofon)

If you’re interested in the background on the better password protection feature that recently launched in Chrome, read up on this great work. ⤵️ twitter.com/aawc/status/12…

via Echofon

FakeUnicode Because it keeps coming up, how about a thread on Emoji in passwords. So we (and you) can link to it in the future.

Should they be allowed? For all practical purposes they can’t not be. So, yes.

Should they be heavily warned against? Yes.

But why? Well…

via Twitter Web App (retweeted on 10:43 AM, Dec 11th, 2019 via Twitter Web App)

@mahemoff “`js
#!/usr/bin/env node
const express = require(‘express’);
const server = express();

server.all(‘/*’, (_, res) => {
res.sendFile(__dirname + ‘/index.html’);
});

const port = 8000;
server.listen(port, () => {
console.log(‘Server listenin

via Echofon in reply to mahemoff

@uskay Definitely, and recipe pages are a great example use case for this feature. You know my email… 😂

via Twitter for iPhone in reply to uskay

@shmdhussain12 @ChromeDevTools @patmeenan I don’t know of any, but if the WebView in question is marked as debuggable (blog.tomayac.com/2019/12/09/ins…), then you can just test for yourself.

via Twitter Web App in reply to shmdhussain12

tomayac Facebook have recently marked their WebView-based In-App Browser debuggable 🧐. I have taken a close look 👀 with the @ChromeDevTools and have documented my findings.

👉 blog.tomayac.com/2019/12/09/ins…

Thanks, @patmeenan, who announced this feature. pic.twitter.com/2Al1bPG8fD

via Twitter Web App (retweeted on 12:07 PM, Dec 10th, 2019 via Twitter Web App)

@SterbalRobert I don’t know, maybe @Facebook is A/B testing their settings? And to be clear, I was talking about the Android app, the setting doesn’t seem to exist on iOS.

via Echofon in reply to SterbalRobert

Paul_Kinlan getUserMedia API can access the infrared camera on the Pixel 4.

paul.kinlan.me/pixel-4xl-infr… pic.twitter.com/OdtBFnPhU8

via Twitter Web App (retweeted on 9:59 AM, Dec 10th, 2019 via Echofon)

Not_Woods I’ve upgraded my maskable icon tool - now you can easily create new icons in the browser!

🧪
Upload and resize layers with live preview
⬛️
Try out a variety of shapes and masks
💧
Quickly share your results via the existing viewer tool

maskable.app/editor pic.twitter.com/BhMRYr6EKv

via Twitter Web App (retweeted on 9:49 AM, Dec 10th, 2019 via Echofon)

@kylealden @DotProto Still blows my mind what they pulled out of CGA: youtu.be/niKblgZupOc.

via Echofon in reply to kylealden

@ericlaw The next phrase is key: “That reflects the fact that advertisers pay more money for ads that can be targeted at people with specific demographics and interests”.

via Echofon in reply to ericlaw

manucorporat Integrated with new Native File System API, and I just realized it’s the best API the web got in a long long time! We need this shipped soon everywhere!
cc @kennethrohde @Paul_Kinlan pic.twitter.com/Rxo59eh0TP

via Twitter Web App (retweeted on 8:38 AM, Dec 10th, 2019 via Echofon)

@derSchepp Nolan Lawson has written about a similar experiment: nolanlawson.com/2019/02/10/bui…. Something I noticed in your implementation when playing with it on iOS is that the whole page scrolls up when I swipe/scroll the carousel.

via Echofon in reply to derSchepp

@ChromeDevTools @patmeenan @ChromeDevTools, is there a way to see all injected scripts other than hoping an early inserted `debugger;` will catch them and also hoping for console output to click through?
@slightlylate, if you find other things by looking blog.tomayac.com/images/example…

via Twitter Web App in reply to tomayac

Facebook have recently marked their WebView-based In-App Browser debuggable 🧐. I have taken a close look 👀 with the @ChromeDevTools and have documented my findings.

👉 blog.tomayac.com/2019/12/09/ins…

Thanks, @patmeenan, who announced this feature. pic.twitter.com/2Al1bPG8fD

via Twitter Web App

@mobtec Seen and preparing a response. Thanks for the pointer anyway.

via Twitter Web App in reply to mobtec

@robloxdevrel Hi there 👋. You just lost me at “Download and Install @Roblox”. Any reason why I need to download a player instead of just running the game on the Web? We all know amazing games can run in the browser..wasm.continuation-labs.com/d3demo/26 pic.twitter.com/wTCFxtfbcx

via Twitter Web App

💡 about Hyrum’s Law (hyrumslaw.com by @hyrumwright), well illustrated by 1172 (xkcd.com/1172/). It was brought up by @jyasskin in the context of the Periodic Background Sync “Intent to Ship” discussion: groups.google.com/a/chromium.org…

via Twitter Web App

@briankardell I can highly recommend Xubuntu: blog.tomayac.com/2018/06/25/lin…. Of course your mileage may vary depending on the model you have.

via Echofon in reply to briankardell

@KenjiBaheux @fractorious @denladeside @DasSurma @_developit @kennethrohde @mathias @Snugug @reillyeon I think one key question is: what “nearby” are we talking about? Within hearing range? Bluetooth range? NFC range? Seeing range?

via Echofon in reply to KenjiBaheux

css “Off The Main Thread” css-tricks.com/off-the-main-t… pic.twitter.com/q6nid3pEXl

via Buffer (retweeted on 9:56 PM, Dec 7th, 2019 via Echofon)

@othermaciej @KenjiBaheux @tobie @dauwhe @yoavweiss @ehsanakhgari @jyasskin Native having too much power is a standpoint I fully agree with. An approach as taken in the Contact Picker API proposal (wicg.github.io/contact-api/sp…) is a step to fix this: No contin

via Echofon in reply to othermaciej

zcorpan What is document.domain? What does it do? Why is it bad? (Thread)

via Twitter Web App (retweeted on 11:00 AM, Dec 7th, 2019 via Echofon)

umaar Using ARIA in HTML 📖️ w3c.github.io/using-aria/ - Some great guidelines here to improve your webpage accessibility. Also includes code examples + explanations to learn from ✅️ pic.twitter.com/Oj0VbLOIb3

via Twitter Web App (retweeted on 10:58 AM, Dec 7th, 2019 via Echofon)

@yoavweiss @briankardell And shameless plug: `prefers-reduced-data` would turn an HTTP header and read-only property into a media feature. The issue github.com/w3c/csswg-draf… proposes the opposite: media feature to HTTP header. Both are useful.

via Echofon in reply to yoavweiss

@bz_moz Maybe show it as a network error that can be hidden.

via Echofon in reply to bz_moz

The new PWAbuilder.com will focus more on components and remove the iOS build path. The future directions post linked in the quoted tweet is a good read. ⤵️ twitter.com/davrous/status…

via Echofon

@firt @facebook @slightlylate It is the current intended behavior. Which is positive. 👍

via Echofon in reply to firt

Una 🔥This brand new post is all about dynamic color theming using CSS custom properties, HSL, and the calc() function

Learn how to recreate the lighten/darken, complement/triad, color-contrast (sort of), & mix functions using ONLY vanilla CSS

👇👇👇
una.im/css-color-them…
☝️☝️☝️ pic.twitter.com/2S87WFtDKI

via Twitter Web App (retweeted on 9:01 AM, Dec 6th, 2019 via Echofon)

@paul_irish @simevidas This might have been a case where Priority Hints could have helped. Not defending that they load stuff this way in the first place, just thinking of fighting the symptoms.

(CC: @yoavweiss)

via Echofon in reply to paul_irish

@patmeenan This is a great move in the direction of more transparency. Thank you!

via Echofon in reply to patmeenan

In-app browsers like @facebook’s (any WebView really) effectively are a _potential_ man-in-the-middle attack that can modify the traffic between server and client, for example, to insert tracking scripts. Great move by Facebook to make theirs inspectabl@slightlylatetwitter.com/patmeenan/stat…

via Echofon

FlowBrowser Sometimes JS frameworks present unexpected challenges for those implementing a new HTML browser engine. ekioh.com/devblog/fixed-…

via Twitter Web App (retweeted on 8:24 AM, Dec 6th, 2019 via Echofon)

In case you were following the built-in modules JavaScript discussion, here’s the latest stance on this by @domenic: github.com/w3ctag/design-…. The tl;dr is: “I believe that built-in modules are harmful and should not be pursued”.

via Twitter for iPhone

@mayeedwin1 Don’t praise the messenger… 🤣

via Twitter Web App in reply to mayeedwin1

beverloo This, and new Origin Trials for Notification Triggers and support for addresses & photos in the Contact Picker. Chrome 80 will be a good release! :) twitter.com/tomayac/status…

via Twitter Web App (retweeted on 2:22 PM, Dec 5th, 2019 via Twitter Web App)

🎉Two new Project Fugu 🐡 APIs have just received their 3rd LGTM (Looking Good To Me) seal of approval 💌 by the API owners, which means they’re ready to ship (chromium.org/blink#TOC-Poli…)!

Periodic Background Sync: groups.google.com/a/chromium.org…
Contact Pickgroups.google.com/a/chromium.org…

via Twitter Web App

@Paul_Kinlan @dstaley There’s some discussion around making elements of Web App Manifest color-scheme-aware (github.com/w3c/manifest/i…), but currently your best bet _now_ is to dynamically switch `link[rel=manifest]` (and `meta[name=theme-color] and `link[rdark-mode-baseline.glitch.me

via Twitter Web App in reply to Paul_Kinlan

Funny how the screenshot lies about the notch and just fills it with the background pattern. It’s not magically gone of course, but barely noticeable. The original article by @hortont424’s here: webkit.org/blog/7929/desi…. Glad `env()` is being standardidrafts.csswg.org/css-env-1/

via Echofon in reply to tomayac

I’m using the `env(safe-are-inset-{left,right})` CSS function (developer.mozilla.org/en-US/docs/Web…) on my new old blog (blog.tomayac.com/2019/09/29/the…); and (completely biasedly) have to say: it looks gorgeous 🤩 on my notch phone 📱. Easy to implement, too: github.com/tomayac/blogcc…pic.twitter.com/QsvMOKc3pW

via Twitter for iPhone

@kennethrohde @webkit Also adding in @jonathandavis, since we were discussing this at .

via Echofon in reply to tomayac

@kennethrohde, you might want to chime in or on subscribe yourself to bugs.webkit.org/show_bug.cgi?i…. The @webkit team is looking at Web App Manifest work.

via Twitter for iPhone

Eramdam Damn, the new multi-line mode in @firefox 71’s console is AMAZING. It’s going to be SO convenient, and the history search is going to save my life.

Kudos to whoever contributed on this at Mozilla. developer.mozilla.org/en-US/docs/Too… pic.twitter.com/sB8LLw0VjL

via TweetDeck (retweeted on 1:18 AM, Dec 5th, 2019 via Echofon)

@patrick_h_lauke @derSchepp @goetsu @dotCSS `prefers-reduced-motion` is actually a great case for the idea we brought up in github.com/w3c/csswg-draf…. Having this information exposed as a header would even allow for old browsers to send the preference via a@tabatkins

via Echofon in reply to patrick_h_lauke

andreasbovens Firefox 71 is out & it’s a packed release:
🖼️ Picture-in-Picture on any video (Windows)
🏛️ Multicol column-span
📰 Subgrid
🛣️ Clip-path: path()
⚡️ WebGL Multiview
+ a ton of Devtools stuff:
📨 WebSocket Message Inspector
👀 Inline var preview
& much more
hacks.mozilla.org/2019/12/firefo…

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

@momenabdelkarim I can’t say anything about future plans, but we definitely see demand.

via Twitter for iPhone in reply to momenabdelkarim

intenttoship Blink: Intent to Ship: Periodic Background Sync groups.google.com/a/chromium.org…

via Feeds for @intenttoship (retweeted on 8:54 PM, Dec 3rd, 2019 via Echofon)

MSEdgeDev Improving Tracking Prevention in Microsoft Edge blogs.windows.com/msedgedev/2019…

via TweetDeck (retweeted on 8:46 PM, Dec 3rd, 2019 via Echofon)

rowan_m In-depth but accessible exploration of the upcoming cookie 🍪 changes. You’ve only got 2 months left to fix this, so if you don’t know what I’m talking about then go read this blog. twitter.com/_panva/status/…

via Twitter Web App (retweeted on 4:43 PM, Dec 3rd, 2019 via Echofon)

@mayeedwin1 @MartaW_PL Nice, thanks for sharing! I’ve built something similar when I was doing research on WebView capabilities: tomayac.github.io/pwa-feature-de…. There’s also WhatWebCanDo.today by @NOtherDev.

via Twitter Web App in reply to mayeedwin1

@nhoizey Yes, true. Check the section “Twitter cards and Open Graph” on via Twitter Web App in reply to nhoizey

cobra_winfrey with a whole lot of clip-paths, masks and box-reflect I built this generative holiday sweater pen over at @CodePen // if you want to experience the darkest dark mode go ahead and open it outside of Chrome
codepen.io/cobra_winfrey/… pic.twitter.com/89LlkiQe9E

via Twitter Web App (retweeted on 7:30 AM, Dec 3rd, 2019 via Echofon)

@rick_viscomi @Twitter Thanks, it’s probably some sort of caching issue. It didn’t render locally in my logged in session at all, but it did render when I opened the tweet individually in an incognito tab.

via Twitter for iPhone in reply to rick_viscomi

@tibor @Twitter Yeah, it works fine on mobile for me, too, but looks borked on desktop (it seems to work in an incognito tab, though).

All that being said, you should _really_ charge your phone, your battery charge level makes me super nervous. 😂

via Echofon in reply to tibor

It’s also hilarious how @Twitter manages to fsck this up on desktop, but makes it work perfectly on mobile; and in its Validator shows it should work fine universally. pic.twitter.com/mimkW6HSNY

via Twitter Web App in reply to tomayac

The repetitiveness of the three formats, Open Graph Protocol, Twitter Cards, and Schema.​org, still hurts… 😞 It’s 2019, and we still don’t have structured markup interoperability.

via Twitter for iPhone in reply to tomayac

I’ve added structured markup (Facebook, Twitter, Schema​.org) to my blog with actual screenshots created by Puppeteer (github.com/tomayac/blogcc…); so when you share a post like blog.tomayac.com/2019/12/01/ani…, now there should be a decent preview of what to expec

via Twitter Web App

derSchepp As much as I like to talk about things, as slow I am at writing. So it almost took me 6 months to write my first ever blogpost (also after 15+ years in the business 🙈):

++ Dealing with Ads in 2020 ++
schepp.dev/posts/ad-integ…

Massive THX go to @stefanjudis for proof-reading!

via TweetDeck (retweeted on 9:58 PM, Dec 2nd, 2019 via Twitter Web App)

@simevidas CC: @ChromeDevTools. Is there something we could do here?

via Echofon in reply to simevidas

bbcweather When you’re a weather presenter and your watch contradicts your forecast….😆
🔊Sound on👇 pic.twitter.com/YXojblKcIQ

via SocialFlow (retweeted on 11:03 AM, Dec 2nd, 2019 via Twitter Web App)

@kennethrohde @_zouhir @darktears @MSEdgeDev It’s imported from your repo, just make the change and it will update when I pull the next time. I have also just sent you the Glitch invite code so you can modify the project yourself (i.e., click the “import

via Twitter Web App in reply to tomayac

@rowan_m is looking for things to complain about on Twitter. Please help. ⤵️ twitter.com/rowan_m/status…

via Echofon

@Not_Woods Wow, this looks incredibly useful in the current state already. I’ll try this to get my new old blog blog.tomayac.com a better (or rather: an actual made for this purpose) favicon & manifest icon.
(Meta: Thought of adding the `permanen

via Echofon in reply to Not_Woods

Not_Woods Here’s a new project I’m working on: an image editor for maskable icons! It’s currently rough around the edges but ready to try out.

maskable.app/editor pic.twitter.com/sMmsFyv2vP

via Twitter Web App (retweeted on 6:52 PM, Dec 1st, 2019 via Echofon)

@rowan_m Go to the bot’s full profile, three dot menu, mute.

1/1

via Echofon in reply to rowan_m

@mrdoob github.com/tomayac/blogcc… 😂 Yeah, good remark.
I was honestly surprised that the inlined SVG with the JS animation played, while the referenced via `<img>` didn’t. Need to find out if this is working as intended.

via Twitter for iPhone in reply to mrdoob

📢 New blog post! Animated SVG favicons:

👉 blog.tomayac.com/2019/12/01/ani…

Should your favicons dance 💃 like no one is watching? Probably not, but it might be useful as a progressive enhancement in certain situations. Looking forward to learning your th

via Twitter Web App

@CharlieCroom @dalmaer @slightlylate Well played 👏. You all obviously know, but for others who watch this from the comfort of their couches, this feature request is tracked in github.com/WICG/contact-a….

via Echofon in reply to CharlieCroom