Post

This week I'm in A Coruña, Galicia, attending the @webengineshackfest.org 👩‍💻 where we are discussing the future of web engines and standards. Given the potential impact on future web development, I thought it would be helpful to share some of my personal notes from the event. ✍️👇

⏱️ Day 0 👉 After hours of hiking in the beautiful Galician forest, we finally arrived in A Coruña. 🥾🌲 👋 Holis @jonkuperman.com and @danielroe.dev

⏱️ Day 1 👉 Valerie Young gave a talk about Web Platform Tests (WPT). These are test suites for Web platform specifications written in HTML but initially lacked complete accessibility support. 👉 She found a way to solve this by writing new tests in Python. Example github.com/web-platform...

👉 HarfBuzz is an open-source text shaping engine. 👉 Behdad Esfahbod gave a very cool demo using HarfBuzz (harfbuzz.github.io/hb-gpu-demo/) to compare WebGL and WebGPU for shaping and rasterisation in 3D within a browser.

👉 Eemeli Aro discussed a HTML proposal for localising websites without relying on custom solutions. github.com/mozilla/expl... 👉 Developers could bind elements to localised messages provided by a localisation resource. 👉 This HTML proposal complements the TC39 Proposal for Intl.MessageFormat in JS.

👉 @danielroe.dev and @patak.cat gave a fantastic talk about the @npmx.dev project. They talked about how it started, its history, community and engineering culture around it. 👉 e18e.dev is a project aimed at unite individuals to enhancing the JS ecosystem's performance.

👉 atproto.com exists to decentralize social media by decoupling user data and identity from the applications built on top of them. 👉 Atmosphere are the web of apps that store and access data using the atproto 👉 Great explanation of npmx's role in the Atmosphere: docs.npmx.dev/integrations...

⏱️ Day 2 👉 We discussed date formatting without JS: 🤔 Where to implement the solution? ShadowDOM using the `<time>` element or CSS with the content property or both? 🤔 What is the scope? should we render absolute or relative time? 🤔 Accessibility? text selection? ✍️ Notes: hackmd.io/IJgF2r1DSuyZ...

👉 HTML-in-Canvas is a bridge implementation between HTML/CSS and pixel manipulation (Canvas/WebGL). 👉 Available in Chrome behind the `canvas-draw-element` flag. 👉 We discussed the challenges: cross-origin data leakage, video support, user state privacy, performance 👀 Demos: html-in-canvas.dev/demos/

🎥 you can play with the demo from the video here: wicg.github.io/html-in-canv...

⏱️ Day 2 (after the talks) We practised our monkey skills in a local climbing wall in A Coruña (amimontanismo.es/)) 💯🐒 @danielroe.dev showed us his superpowers 🧗‍♀️

⏱️ Day 3 👉 We discussed how can browsers can help to improve web accessibility 🤔 Ideas: user preferences for autoplay and contrast, keyboard nav for tooltips... 🤔 @danielroe.dev suggested browsers to share information with framework developer tools to help identify accessibility vulnerabilities ➕

👉 FedCM is a standard for identity providers. 👉 Registration API proposal allows to ask for compatible registered IdPs, expanding your options github.com/w3c-fedid/id... 👉 Email Verification API proposal allows to ask the browser for proof that you own an email address wicg.github.io/email-verifi...

What is the difference between FedCM and Passkeys? 👉 Passkeys are direct 1st-party credentials, while FedCM manages 3rd-party federated logins (e.g. "Sign in with Google"). 👉 They complement each other: FedCM eliminates the need for sign-up forms while Passkeys offer highly secure accounts.

🗣️ Spell Check Custom Dictionary API is a proposal allowing developers to provide custom dictionaries for HTML spell checking github.com/Igalia/expla... 👉 Despite limitations with conjugated languages, the group agreed it is a practical "first step" since native dictionaries have the same limitation.