Joe Dakroub
banner
dakroub.co
Joe Dakroub
@dakroub.co
Writing about the web platform — what it already does, and what shipped last week.

Building transclude, a simple HTML-first server-side framework where a page is an .html file and any part of it is also a URL.

transclude.dev
Pinned
Today I released transclude — an HTML-first server-side web framework.

A page is one HTML file. Any element can be a URL.

HTML, CSS, JavaScript and Custom Elements.

Node, Bun, Deno & Workers. MIT licensed.

transclude.dev

#WebStandards #WebFrameworks #HTML #CSS #JavaScript
transclude
A page is an .html file, the directory tree is the route table, and any fragment of a page is a URL of its own.
transclude.dev
Reposted by Joe Dakroub
The killer feature of PWAs is not that they update automatically or they’re cross-platform.

The absolute killer feature of PWAs is that they can be freely distributed without any app store dependency

No risk that one party can kill your distribution and end your business. That’s a killer feature.
September 15, 2026 at 3:31 PM
Reposted by Joe Dakroub
Today, I’m proud to announce Homebrew 7.0.0. The most significant changes since 6.0.0 are faster installations and upgrades, stronger sandboxing, a native macOS app, built-in vulnerability checks and an advisory database, the end of macOS 10.15... | brew.sh/2026/09/13/h...
7.0.0
Today, I’m proud to announce Homebrew 7.0.0. The most significant changes since 6.0.0 are faster installations and upgrades, stronger sandboxing, a native macOS app, built-in vulnerability checks and ...
brew.sh
September 14, 2026 at 8:18 PM
The template system in transclude has four things in it: ${} interpolation, an if attribute, an each attribute, and . else-if, else and key round out the first two. That is deliberate. Load data in
In 2024, the W3C published 12 principles for what the web should be.

In my framework, transclude, I show where we are at in terms of support and where we still fall short:

transclude.dev/docs/princip...

#W3C #WebDevelopment #WebStandards #EthicalWeb
Principles · transclude
The W3C Ethical Web Principles, and what this framework does about each of the twelve.
transclude.dev
September 10, 2026 at 9:54 PM
Reposted by Joe Dakroub
August 31, 2026 at 3:01 PM
Reposted by Joe Dakroub
“A design system is like Lego…”
Or is it?
Why LEGO was never the right metaphor for a design system - zeroheight
Guy Segal explores what the LEGO metaphor gets wrong about design systems, from governance and maintenance to adoption and trust.
zeroheight.com
September 9, 2026 at 3:44 PM
Reposted by Joe Dakroub
I wrote about what I've been up to with my new programming language!

Zena targets WebAssembly GC, with a TypeScript-like syntax, sound type system, and lots of cool features like pattern matching, async cancellation, borrow checking, WASI integration, and more!

justinfagnani.com/2026/09/09/z...
Zena: A new Wasm-first programming language
justinfagnani.com
September 9, 2026 at 6:13 PM
Custom Elements are a building block of the web. Some find their JavaScript-centric approach off-putting.

transclude enables you to build custom elements as .html files and add JavaScript where needed. Light DOM by default, shadow root opt-in.

transclude.dev/docs/elements

#HTML #WebStandards
Elements · transclude
One .html file becomes a custom element. Light DOM by default, shadow root opt-in.
transclude.dev
August 28, 2026 at 6:48 PM
Reposted by Joe Dakroub
For your next website…

Skip the CMS

Define structure and layout in code with Svelte

Let clients edit text, images, and videos directly on the page — easily and safely, without breaking your design

This is Editable — launching in preview today

Install now: editable.website
August 26, 2026 at 6:19 PM
Reposted by Joe Dakroub
It started as a joke online after some discussions with the design team. Then someone dared me to write a blog post... so I did. 😅

Four HTML/web terms look and sound so similar, they create friction. In this post, I break down The 4 Hs of HTML to clear things up: alvaromontoro.com/blog/68111/t...
The 4 Hs of HTML
As diamonds are defined by the 4 Cs, HTML has 4 Hs that are important and present in every page and, more often than not, get confused by designers and developers. In this article we review the differ...
alvaromontoro.com
August 26, 2026 at 12:55 PM
Reposted by Joe Dakroub
Few people care more about performant code than @cmuratori.bsky.social. Casey is a down-to-earth programmer, game dev, performance nerd. A refreshing episode about why the basics (still) matter, and why learning to read Assembly remains useful for anyone who cares about performance:

(cont'd)
August 26, 2026 at 5:58 PM
Linus Torvalds' original announcement on Usenet | Learn Linux
www.learnlinux.ie
August 25, 2026 at 7:02 PM
Reposted by Joe Dakroub
When we got modals with dialog, it already seemed like something that was a pain in the butt was just so easy now... add invoker commands into the mix, and it's almost too easy 😅
August 24, 2026 at 8:07 PM
Yes, 2169 radio buttons and some CSS can make a Lite-Brite board without JavaScript: lite-brite.transclude.dev

Nothing too serious. Just some HTML fun.

#HTML #CSS #WebStandards
August 24, 2026 at 7:55 PM
Today, I released new explorer page that walks you through how a page is created in my web framework, transclude.

transclude.dev/explorer

#WebStandards #WebDevelopment #HTML
How transclude works
One page traced from source to response, with every stage opening the module that does the work.
transclude.dev
August 22, 2026 at 3:17 PM
Reposted by Joe Dakroub
The initial pieces of Declarative Partial Updates have landed in the HTML spec.

Folks, I believe this means we are officially on the road towards declarative native templating! Microsoft Edge has prototyped a concept of {{handlebars}} interpolation syntax too.

github.com/whatwg/html/...
Add <template for> for declarative out-of-order streaming by foolip · Pull Request #11818 · whatwg/html
Add support for &lt;template for&gt;, where the for attribute value identifies a &lt;?marker&gt; or &lt;?start&gt; processing instruction to be replaced. This makes out-of-order streaming in the in...
github.com
August 20, 2026 at 7:17 PM
Reposted by Joe Dakroub
The PWA Runtime Audit now tests if your PWA:

- works offline after an update
- works after a cold start while offline
- serves the correct cached content while offline
- retries requests made offline when back online

Find runtime issues under real-world conditions, before your users do

pwa.today
Ship a PWA users can trust.
Run a free PWA audit, then uncover install, offline, update, and lifecycle failures under real-world conditions.
pwa.today
August 20, 2026 at 6:58 PM
Reposted by Joe Dakroub
MCP is a stateless protocol now. Any instance can answer the tool call.

The 2026-07-28 spec killed sticky sessions. Dual-lane until the metrics say you can drop the old one.

https://www.youtube.com/watch?v=1B9H6RTAGmE&list=PLV5CVI1eNcJhP4nrJt85L7PxHjebFpDfY
Here's how the new MCP spec works.
MCP is stateless now. Any instance can answer a tool call. Kent walks the 2026-07-28 release: sticky sessions vs a normal load balancer, CIMD vs DCR, multi-round-trip elicitations, and how to run both lanes until the metrics say you can drop the old one.
www.youtube.com
August 20, 2026 at 7:23 PM
Reposted by Joe Dakroub
And because no one will remember all the weird values, I made a small generator to get the code in no time.

css-tip.com/text-box/
August 19, 2026 at 5:41 PM
Reposted by Joe Dakroub
CSS text-box is newly baseline, and it's solves a common text layout issue. Here's how it works:
August 19, 2026 at 1:19 PM
213 US counties have no local news source at all. Another 1,500 are down to one.

Starting a site to cover your town shouldn't mean installing WordPress and maintaining a plugin stack.

So I built Whispers.

whispers.news
Whispers — a headline-only news site you own
Post a link in seconds. Host it anywhere. Own the source. Free for personal sites, $99 once for commercial use.
whispers.news
August 18, 2026 at 8:33 PM
Reposted by Joe Dakroub
★ Required reading for makers of websites: Matuzo’s HTML boilerplate in 2026.

Every element that world-class front-end dev, author, a11y auditor & web standards speaker @matuzo.at uses for the basic structure of an HTML document … with explanations.

Updated from his classic 2021 boilerplate.
My HTML boilerplate in 2026 - Manuel Matuzović
Every element I use for the basic structure of a HTML document, with explanations why.
matuzo.at
August 17, 2026 at 12:45 PM
Reposted by Joe Dakroub
In 1994, chaining 16 Linux PCs together matched mainframe performance at a fraction of the cost. The Beowulf architecture democratized high-performance computing and laid the groundwork for modern cloud infrastructure.

bit.ly/4wTNFRa

Image: Vcarceler / Wikimedia Commons (CC BY-SA 3.0)

#Linux35
August 17, 2026 at 5:34 PM
Can definitely attest to all of the points made in the video. We are simply not meant to consume this much information, sit in one place and glue our eyes to a screen for so long.

Digital dementia may not be a medical term yet, but it is real and AI usage left unchecked is only making it worse.
This is the most important video I've ever made.

In this, I explore the negative and positive mental health effects of AI coding, with data and expert commentary.

www.youtube.com/watch?v=iPUn...
The True Cost of AI Coding
YouTube video by Syntax
www.youtube.com
August 14, 2026 at 8:42 PM