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

August 16th, 2022

Google Meet call control for USB peripheral devices, so you can access features like a headset’s mute setting via the Meet Web app, powered by the API: workspaceupdates.googleblog.com/2022/08/google…. Project Fugu 🐡 at work: web.dev/hid/.

via Twitter for iPhone

simevidas As a workaround, set the aspect-ratio property to avoid the layout shift:

<video src=”video.mp4” controls
width=”1280” height=”720”
style=”—aspect-ratio: 1280 / 720”>
</video>

video {
aspect-ratio: var(—aspect-ratio);
max-width: 100%;
height: auto;
} pic.twitter.com/xy6o0Eeel6

via Twitter Web App (retweeted on 10:13 AM, Aug 16th, 2022 via Twitter Web App)

simevidas Adding width/height attributes to <video> won’t prevent a layout shift in browsers. twitter.com/jaffathecake/s… pic.twitter.com/2uSNVbnkL8

via Twitter Web App (retweeted on 10:13 AM, Aug 16th, 2022 via Twitter Web App)

On ratings and meters: lea.verou.me/2022/08/on-rat…. @LeaVerou has created two styleable and flexible custom elements, one user-editable, one not, to solve the star rating UI paradigm: ⭐️⭐️⭐️⭐️⭐️.

via Echofon

The HTML Standard has added a `focusVisible` option for the `focus()` method:

`button.focus({ focusVisible: true })`

This option enables websites to forcibly show the browser’s focus indicator (focus ring ✴️) when programmatically focusing an elemwebplatform.news/#1660387734000

via Echofon

Exciting new Chrome origin trial: the Pop-Up API, which can be used to build transient UI elements that are displayed on top of all other Web app UI, accessed using the `popup` content attribute allowing the element to be displayed in the top layer: developer.chrome.com/origintrials/#…

via Echofon