@tomayac@toot.cafe
@tomayac@toot.cafe avatar

tomayac

@tomayac@toot.cafe

Developer Relations Engineer at Google, focused on WebAssembly and Project Fugu 🐡. Dad-of-3. Alum of Université de Lyon (Postdoc), Universitat Politècnica de Catalunya (PhD), Karlsruhe Institute of Technology (MA).

This profile is from a federated server and may be incomplete. Browse more on the original instance.

sarajw, (edited ) to random
@sarajw@front-end.social avatar

Dude. Feel like I'm back in my old engineering maths lectures 😵‍💫

(I say this with love, @matthiasott. Indeed CSS is a programming language)

Re alt text - will add more code specifics later, sorry! Thank goodness for editing, thanks Mastodon 🦣

sarajw,
@sarajw@front-end.social avatar

@matthiasott's slides: https://noti.st/matthiasott/JrA84R

https://ownyourweb.site

nucliweb, to javascript
@nucliweb@webperf.social avatar

Comprehensive guide to JavaScript performance analysis using Chrome DevTools

https://blog.jiayihu.net/comprenhensive-guide-chrome-performance/

cheeaun, to firefox
@cheeaun@mastodon.social avatar

Interesting, there's experimental local alt text generation in Firefox Nightly https://hacks.mozilla.org/2024/05/experimenting-with-local-alt-text-generation-in-firefox-nightly/

In short: DistilGPT-2 model in Transformers.js, trained on updated Flickr30k dataset with supervised learning.

The copy used is also interesting: "Alt text (alternative text) helps when people can't see the image or when it doesn't load."

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar

fetch-in-chunks: fetching large files in chunks, with parallel downloads, progress tracking and request abortion
@tomayac
https://github.com/tomayac/fetch-in-chunks/

tomayac, to random
@tomayac@toot.cafe avatar

Released a neat little helper today—fetch-in-chunks 📦—a powerful utility library for fetching large files in chunks with parallel downloads, progress tracking, TypeScript types, and request abortion 💪!

Get started with:

npm install fetch-in-chunks  

const MODEL_URL = 'g-2b-it-gpu-int4.bin';  
const blob = await fetchInChunks(MODEL_URL, {  
 progressCallback: (done, total) => console.log(done / total),  
});

Check out the README for more details! 🎉

https://github.com/tomayac/fetch-in-chunks/

mayank, to webdev
@mayank@front-end.social avatar

i created a tiny (~10LOC) custom element to demonstrate how easy it can be to avoid repetition of shadow dom templates.

why can't we have something like this built into ? seems fairly safe and uncontroversial

https://www.mayank.co/notes/use-html

scottjehl,
@scottjehl@mstdn.social avatar

@mayank reminds me a bit of https://www.filamentgroup.com/lab/html-includes/

jensimmons, to random
@jensimmons@front-end.social avatar

Are you a web developer? What do you wish you understood better? What's frustrating to get? What do you have to keep looking up over and over?

tomayac,
@tomayac@toot.cafe avatar

@rauschma @jensimmons The File System Access API (Chromium-only: https://developer.chrome.com/docs/capabilities/web-apis/file-system-access) would be fantastic to have across browsers, since it solves this problem well and uses the concepts agreed-on cross-browser from the Origin Private File System (https://web.dev/opfs). Until we get there (hopefully 🙏), shameless plug for my browser-fs-access library (https://github.com/GoogleChromeLabs/browser-fs-access), which may help (https://developer.chrome.com/docs/capabilities/browser-fs-access).

scottjehl, to random
@scottjehl@mstdn.social avatar

New on my blog:
Responsive Video Works Now. These Features Could Make It Work Better.

In this post I return to my bs with some responsive video features on my wishlist, and 4 WhatWG issues for their specific discussion: https://scottjehl.com/posts/rwd-video/

mnot, to random
@mnot@techpolicy.social avatar

It’s common for voluntary technical standards developing organisations (SDOs such as the IETF and W3C) to make decisions by consensus, rather than (for example) voting. This post explores why we use consensus, what it is, how it works in Internet standards and when its use can become problematic.

https://www.mnot.net/blog/2024/05/24/consensus

diekus, to random
@diekus@toot.cafe avatar

PWAs that reproduce media content now show on the Windows notification/tray area as "themselves" instead of "Microsoft Edge". We continue to refine the web apps experience on desktop to ensure that no matter what you build, your app will have best-in-class UX.

Following our team's philosophy, this is an upstream fix that we at Microsoft Edge are bringing to Chromium, meaning we are working on providing the same type of support on macOS and Linux.

smallcircles, to webassembly
@smallcircles@social.coop avatar

Interview with Ben Titzer, co-founder of the open standard.

https://microarch.club/episodes/1000/

tomayac, to webassembly
@tomayac@toot.cafe avatar

📢 The next #WasmAssembly podcast 🎧 episode is out!

CG, WG, W3C, Deepti—Wasm standardization with Deepti Gandluri:
https://wasmassembly.libsyn.com/cg-wg-w3c-deeptiwasm-standardization-with-deepti-gandluri

In case you didn't notice: the YouTube version of the podcast has some additional visuals 👀, apart from the talking heads…

https://youtu.be/lhop_KiBHm0?si=FNMCMDKMGatYlNhu

#WebAssembly #Wasm #Podcast

samwho, to random
@samwho@hachyderm.io avatar

✨ I spent 3 months writing the best interactive introduction to queueing I could, and it's live now!

You can read it here: https://encore.dev/blog/queueing.

It starts off by showing what happens when you have no queue...

A screenshot from the post. It shows the first visualisation, an orange circular button on the left and a black rounded square on the right. The button is clicked, and a request travels to the black square, the server, and gets processed by slowly disappearing in a clock-like fashion.

evanw, to random
@evanw@hachyderm.io avatar

I've been studying algorithms for collaborative text editing recently. The best way for me to understand something complex is to implement it myself, so I made my own simple text editing CRDT. It comes with an interactive demo to show what goes on "under the hood":

https://madebyevan.com/algos/crdt-text-buffer/

The code is small enough to understand (only 500 lines including comments). But the internals use optimized block-based storage similar to Yjs (a popular CRDT text library), so it should be pretty realistic.

hawkticehurst, to random
@hawkticehurst@fosstodon.org avatar

New post: Bring your own base class

The discussion over on a thread by @chriscoyier spurred me to respond in the form of a blog post (and also finally add the seventh installment of the web component series I started in December).

I talk about how building dependency-free #WebComponents that last a life time does not have to mean a bad developer experience.

https://hawkticehurst.com/writing/bring-your-own-base-class/

nolan, to random
@nolan@toot.cafe avatar

"How Do Chrome Extensions Impact Website Performance In 2024?" by Matt Zeunert https://www.debugbear.com/blog/chrome-extensions-website-performance

Once again, one of the most reliable ways to speed up your browser is to uninstall extensions. (Except ad blockers.)

tunetheweb, to random
@tunetheweb@webperf.social avatar

Lots of advice on debugging INP in @malchata ’s Google I/O video.

Delves deep into useful attribution data available in version 4 of the web-vitals library released this week!

#googleio #webperf

https://io.google/2024/explore/ba446093-0036-410b-ba1e-f9016ec21899/

tomayac, to random
@tomayac@toot.cafe avatar

Just finished the presentation of my History of the Web track paper on "Toward Making Opaque Web Content More Accessible: Accessibility From Adobe Flash to Canvas-Rendered Apps":

📄 Paper: https://goo.gle/opaque-web-content-paper
🖼️ Slides: https://goo.gle/opaque-web-content-slides

tomayac,
@tomayac@toot.cafe avatar

Following my recent trip to attend in Singapore 🇸🇬, I wrote a trip report 🧳 for my colleagues (and you) to share some of the things that I learned: https://blog.tomayac.com/2024/05/22/the-web-conf-2024-singapore-trip-report/. Surprise: this edition was dominated heavily by , , and how all this affects the , but also and . I co-organized the Resource track 🧑‍🎓 and had a paper in the History of the Web track.

9to5Mac, to random
@9to5Mac@mastodon.online avatar

Apple previews iOS 18 accessibility features including eye tracking and music haptics https://9to5mac.com/2024/05/15/apple-previews-ios-18-accessibility-features-including-eye-tracking/?utm_source=dlvr.it&utm_medium=mastodon

floscholz, to random
@floscholz@front-end.social avatar

I wrote documentation for the Compute Pressure API.
Thank you to @kennethrohde and Will Bamberg for the reviews and the interesting discussions to make the specification and the API surface even better.

Published on MDN: https://developer.mozilla.org/en-US/docs/Web/API/Compute_Pressure_API

Available in Chromiums starting with version 125.

jensimmons, to random
@jensimmons@front-end.social avatar

For those of you who make a PWA / Home Screen web app, do you use Fullscreen API inside your web app? Do you need it??

Or as a general web developer, how do you like Fullscreen API?? Do you wish it were different / better?

tomayac,
@tomayac@toot.cafe avatar

@jensimmons I've seen the Fullscreen API feature used for "Zen mode", that is, a view fully focused on one thing, without distractions from other windows of unrelated apps, and even the app UI that's not relevant for the concrete thing.

argyleink, to random
@argyleink@front-end.social avatar

🆕 Mini Web Machine - The Pile

  • element layering layout machine
  • replaces many use cases for position: absolute
  • offers group or individual keyword alignment
  • can be intrinsically sized based on content

Watch on YouTube!
https://www.youtube.com/watch?v=6qpEOBkDr88

⤷ https://nerdy.dev/the-pile-mini-web-machine

searchliaison, to random
@searchliaison@mastodon.social avatar

We’ve launched a new “Web” filter that shows only text-based links, just like you might filter to show other types of results, such as images or videos. The filter appears on the top of the results page alongside other filters or as part of the “More” option, rolling out today and tomorrow globally….

Web filter using the More option

nolan, to random
@nolan@toot.cafe avatar

"Why Patching Globals Is Harmful" by Artem Zakharchenko https://kettanaito.com/blog/why-patching-globals-is-harmful

One of those classic lessons that apparently needs to be learned over and over again.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • ngwrru68w68
  • everett
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • GTA5RPClips
  • Durango
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • provamag3
  • tacticalgear
  • osvaldo12
  • tester
  • cubers
  • cisconetworking
  • mdbf
  • ethstaker
  • modclub
  • Leos
  • anitta
  • normalnudes
  • megavids
  • lostlight
  • All magazines
    •