Bet on web technology, interested in building collaboration tools, CRDTs, browser engineering & API, system design, compilers, distributed systems.
"The Saga of the Closure Compiler, and Why TypeScript Won" by Dan Vanderkam https://effectivetypescript.com/2023/09/27/closure-compiler/
Really interesting bit of history. I've played around with Closure Compiler, and some of the stuff it can do is still impressive compared to more mainstream tools.
Oh neat, I guess Terser is able to mangle private class properties now. That was a big feature of Closure Compiler I recall, but now it's just based on native JavaScript syntax: https://github.com/terser/terser/pull/1060
We believe #rustlang is a great choice for building web backends and now is the time for teams to pick it up 🦀❤️
@marcoow writes about why we believe that, what makes Rust a great choice for web backends and how to approach adoption on our blog: https://mainmatter.com/blog/2023/08/14/the-case-for-rust-on-the-web/
High Performance HTML Tables with Lit and Virtual Scrolling
https://coryrylan.com/blog/high-performance-html-tables-with-lit-and-virtual-scrolling
📢 The Origin Private File System (OPFS) is a cross-browser solution for your performance-critical, file-based storage needs on the Web! @chrisdavidmills has documented everything you need to know about the API over on MDN: https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Origin_private_file_system.
💡 This is what powers Photoshop (https://developer.chrome.com/blog/how-photoshop-solved-working-with-files-larger-than-can-fit-into-memory/) and SQLite Wasm (https://developer.chrome.com/blog/sqlite-wasm-in-the-browser-backed-by-the-origin-private-file-system/).
#️⃣ #OPFS #ProjectFugu 🐡
@zachleat Not really a "blog post", but the HTML Design Principles has been pretty foundational in how I think about both making websites and making web standards:
https://www.w3.org/TR/html-design-principles/
In particular, the Priority of Constituencies ("In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.") is a guiding mandate in standards design.
⚛️ Did some coding on the flight and came up with a proposal for pixel-based Panel constraints for react-resizable-panels:
https://github.com/bvaughn/react-resizable-panels/pull/176
While I'm happy that @leaverou's proposal about the ability to style the native `title` tooltip is moving forward in CSSWG (yay!), I think there was one thing that was not discussed enough — #accessibility of those tooltips (or absence of it).
I wrote a quick comment about this at the corresponding issue: https://github.com/w3c/csswg-drafts/issues/8930#issuecomment-1644631295 — but I am not an accessibility expert, far from it, so I would welcome anyone who actually knows what they're doing to comment over at this issue.
🤩 Exciting news from the @CSSWG F2F.
We just resolved on adding sibling-count() and sibling-index() to css-values-5 ED! 🥳
This was the #1 request we heard from authors at @CSSDayConf. Yes, we *are* listening to you.
I think that I am getting better at these https://youtu.be/o-kDVP1U3Do
I think that I am getting better at these https://youtu.be/o-kDVP1U3Do
Chapter 16 is almost here! Maybe one or two more weeks and it'll be done.
"Draggable objects" by Amit Patel https://www.redblobgames.com/making-of/draggable/
I love these kinds of deep-dives. The browser APIs have gotten a lot better, but it's clearly still hard to do drag-and-drop right.
I'll be speaking at Strange Loop about our recent research on collaborative text editing. Sad that this will be the final Strange Loop! https://thestrangeloop.com/2023/new-algorithms-for-collaborative-text-editing.html
RT @naugtur
As a JS security engineer I am looking forward to the new 4letter shortcuts describing the classes of attacks against this and then participating in the security community work to make everyone aware of them and avoid insecure server interactions. https://twitter.com/ken_wheeler/status/1654450636145008640
RT @fabiospampinato
I've just rewritten the context for Voby. Interestingly, AFAIK:
- In Svelte: context cloned for components, more memory but constant lookups
- In Solid: context never cloned, low memory but linear lookups
- In Voby: context cloned if necessary, low memory _and_ constant lookups
RT @niallcrosby
The @ag_grid demo page video was a few years old, so it was time to refresh it, bringing all the video editing I've learnt over the last few years!
https://www.youtube.com/watch?v=bcMvTUVbMvI
RT @vinchbat
Vercel now allows you to mix HTML, JavaScript, and SQL in a single file, just like we did with PHP 20 years ago. We’ve come full circle, and I don’t hate it.
RT @acdlite
A 🤯 feature of Server Actions is they support progressive enhancement: a server function passed to a <form>'s action prop is interactive before any JS has loaded. No hydration required.
But you did you know you can define actions on the client, too? https://nextjs.org/blog/next-13-4#server-actions-alpha
