Jonathan Neal
@jonathanneal.bsky.social
I still like you just the way you are.
Pinned
Jonathan Neal
@jonathanneal.bsky.social
· Apr 14
Jonathan Neal
Let’s make the www for everyone.
jonneal.dev
Your wacky prefers-the-platform pal is looking for a new role!
👉I love people, Web APIs (& Components) & real browser tests.
👉I try to design APIs like they came out of the box.
👉I love clean, thoughtful, beautiful web apps.
... and I’d love to chat!
jonneal.dev
👉I love people, Web APIs (& Components) & real browser tests.
👉I try to design APIs like they came out of the box.
👉I love clean, thoughtful, beautiful web apps.
... and I’d love to chat!
jonneal.dev
What do you think of this transform for TypeScript namespace? It’s meant to more accurately reflect the runtime it becomes.
![The helper JavaScript:
const __ns = (value) => Object.defineProperty(
{},
Symbol.toStringTag,
{ value, configurable: true }
)
const __nsassign = (target, source) => Object.defineProperties(
target,
Object.fromEntries(Object.entries(source).map(
([key, value]) => [
key,
{ value, writable: true, configurable: true }
]
))
)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:lsj6xps6dijl4odgxebprr37/bafkreib2ve32quogln5qcgi7fwhq7kdbwxy5visfvcirhdswshvea3tflq@jpeg)
November 3, 2025 at 4:42 PM
What do you think of this transform for TypeScript namespace? It’s meant to more accurately reflect the runtime it becomes.
Reposted by Jonathan Neal
Thrilled to announce Webflow's $150,000 donation to support Astro's open source development! PLUS... Webflow chooses Astro to power their just-announced AI app gen tool, coming soon.
Webflow Donates $150,000 to Support Astro's Open Source Mission | Astro
We are happy to announce Webflow's $150,000 donation to Astro and selection of Astro to power their new AI code gen capabilities, coming soon.
astro.build
September 17, 2025 at 4:48 PM
Thrilled to announce Webflow's $150,000 donation to support Astro's open source development! PLUS... Webflow chooses Astro to power their just-announced AI app gen tool, coming soon.
Reposted by Jonathan Neal
He did! Just found his repost of this... intuitivefuture.com/@vanillaweb/...
That HTML Blog (@[email protected])
And now, the post you've all been waiting for…
(probably not, but you get it anyway!) 😂
The #CSS Framework Wars™ have come to an end. And we can thank…#Tailwind v4 for that! 🤯
Freely compose UI usi...
intuitivefuture.com
September 12, 2025 at 3:16 PM
He did! Just found his repost of this... intuitivefuture.com/@vanillaweb/...
Reposted by Jonathan Neal
Please stop inheriting the box-model. The supposed use-case for that is extremely out-dated, inheritance doesn't really help, and it actively makes real box-sizing use-cases more difficult!
This #CSS best practice was never the best to begin with:
www.oddbird.net/2025/09/04/b...
This #CSS best practice was never the best to begin with:
www.oddbird.net/2025/09/04/b...
Don't Inherit the Box Model
It's time to stop spreading this out-dated practice
www.oddbird.net
September 4, 2025 at 9:39 PM
Please stop inheriting the box-model. The supposed use-case for that is extremely out-dated, inheritance doesn't really help, and it actively makes real box-sizing use-cases more difficult!
This #CSS best practice was never the best to begin with:
www.oddbird.net/2025/09/04/b...
This #CSS best practice was never the best to begin with:
www.oddbird.net/2025/09/04/b...
Reposted by Jonathan Neal
More Astro core at @viteconf.org!
Learn how your contributions make Astro what it is with @sarah11918.rainsberger.ca
Learn how your contributions make Astro what it is with @sarah11918.rainsberger.ca
⚡ Speaker highlight: Sarah Rainsberger, Core Maintainer and Docs Lead at @withastro.build
Think open source is only about code? Think again! @sarah11918.rainsberger.ca will show you how to make meaningful contributions even beyond code, from docs and community building to issue triage
A must-see!
Think open source is only about code? Think again! @sarah11918.rainsberger.ca will show you how to make meaningful contributions even beyond code, from docs and community building to issue triage
A must-see!
September 2, 2025 at 11:55 AM
More Astro core at @viteconf.org!
Learn how your contributions make Astro what it is with @sarah11918.rainsberger.ca
Learn how your contributions make Astro what it is with @sarah11918.rainsberger.ca
Reposted by Jonathan Neal
The thing about working on a big project like "the last CSS toolchain we'll ever need, built from ground up" is that there's a literal endless list of all the things that need doing.
I've found myself knee deep in ASM, to writing tech docs, to dreaming up new syntax.
github.com/csskit/csskit
I've found myself knee deep in ASM, to writing tech docs, to dreaming up new syntax.
github.com/csskit/csskit
GitHub - csskit/csskit: Refreshing CSS
Refreshing CSS. Contribute to csskit/csskit development by creating an account on GitHub.
github.com
August 26, 2025 at 9:58 PM
The thing about working on a big project like "the last CSS toolchain we'll ever need, built from ground up" is that there's a literal endless list of all the things that need doing.
I've found myself knee deep in ASM, to writing tech docs, to dreaming up new syntax.
github.com/csskit/csskit
I've found myself knee deep in ASM, to writing tech docs, to dreaming up new syntax.
github.com/csskit/csskit
Reposted by Jonathan Neal
I'm always thankful that Babel exists. To me it's the unsung hero of the JS ecosystem. It's so easy to prototype something quickly with it!
August 20, 2025 at 12:06 PM
I'm always thankful that Babel exists. To me it's the unsung hero of the JS ecosystem. It's so easy to prototype something quickly with it!
What do you wish local development could do? These are my pain points. What are yours?
Side Project Alert —
I built an HTTP/3 server for NodeJs, compiled from C++ to run on Windows, Linux, & macOS (x64 & arm64), so weI can local dev over H3.
There’s a small twist: it will accept module graphs for each endpoint, because…
I built an HTTP/3 server for NodeJs, compiled from C++ to run on Windows, Linux, & macOS (x64 & arm64), so weI can local dev over H3.
There’s a small twist: it will accept module graphs for each endpoint, because…
August 17, 2025 at 3:38 PM
What do you wish local development could do? These are my pain points. What are yours?
Side Project Alert —
I built an HTTP/3 server for NodeJs, compiled from C++ to run on Windows, Linux, & macOS (x64 & arm64), so weI can local dev over H3.
There’s a small twist: it will accept module graphs for each endpoint, because…
I built an HTTP/3 server for NodeJs, compiled from C++ to run on Windows, Linux, & macOS (x64 & arm64), so weI can local dev over H3.
There’s a small twist: it will accept module graphs for each endpoint, because…
August 17, 2025 at 3:30 PM
Side Project Alert —
I built an HTTP/3 server for NodeJs, compiled from C++ to run on Windows, Linux, & macOS (x64 & arm64), so weI can local dev over H3.
There’s a small twist: it will accept module graphs for each endpoint, because…
I built an HTTP/3 server for NodeJs, compiled from C++ to run on Windows, Linux, & macOS (x64 & arm64), so weI can local dev over H3.
There’s a small twist: it will accept module graphs for each endpoint, because…
Slightly diminish a band:
grins for wins
(known for “Spout” and “I mean, who really wants to rule the world, if you think about it”)
grins for wins
(known for “Spout” and “I mean, who really wants to rule the world, if you think about it”)
Slightly diminish a band:
Every Time I Have A Near-Death Experience
Every Time I Have A Near-Death Experience
Slightly diminish a band:
Naptoken
Naptoken
August 14, 2025 at 2:24 AM
Slightly diminish a band:
grins for wins
(known for “Spout” and “I mean, who really wants to rule the world, if you think about it”)
grins for wins
(known for “Spout” and “I mean, who really wants to rule the world, if you think about it”)
Lazy dev question: Firefox supports style queries behind a flag, but is there any indicator on when they’ll ship it?
Asking for a cross browser friend.
Asking for a cross browser friend.
August 7, 2025 at 4:12 PM
Lazy dev question: Firefox supports style queries behind a flag, but is there any indicator on when they’ll ship it?
Asking for a cross browser friend.
Asking for a cross browser friend.
July 30, 2025 at 1:45 PM
Reposted by Jonathan Neal
Rewritten to use DSD to make the "structure" clearer.
codepen.io/paramagicdev...
:host() has some pretty annoying bugs, but this seems like the case where `:host()` doesn't get to hook into `exportparts` mappings 🤔
Also fascinating that chrome has divergent behavior from FF / Safari for me.
codepen.io/paramagicdev...
:host() has some pretty annoying bugs, but this seems like the case where `:host()` doesn't get to hook into `exportparts` mappings 🤔
Also fascinating that chrome has divergent behavior from FF / Safari for me.
July 29, 2025 at 7:55 PM
Rewritten to use DSD to make the "structure" clearer.
codepen.io/paramagicdev...
:host() has some pretty annoying bugs, but this seems like the case where `:host()` doesn't get to hook into `exportparts` mappings 🤔
Also fascinating that chrome has divergent behavior from FF / Safari for me.
codepen.io/paramagicdev...
:host() has some pretty annoying bugs, but this seems like the case where `:host()` doesn't get to hook into `exportparts` mappings 🤔
Also fascinating that chrome has divergent behavior from FF / Safari for me.
Reposted by Jonathan Neal
For 20 years Mozilla has developed one of the most useful tools for web devs.
developer.mozilla.org/en-US/blog/m...
Congrats to the MDN team on an awesome milestone. I'm happy that we've played a small part in its history and I'm excited to see it continue to be at the core of every web dev's job.
developer.mozilla.org/en-US/blog/m...
Congrats to the MDN team on an awesome milestone. I'm happy that we've played a small part in its history and I'm excited to see it continue to be at the core of every web dev's job.
Celebrating 20 years of MDN | MDN Blog
MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too.
developer.mozilla.org
July 25, 2025 at 7:59 AM
For 20 years Mozilla has developed one of the most useful tools for web devs.
developer.mozilla.org/en-US/blog/m...
Congrats to the MDN team on an awesome milestone. I'm happy that we've played a small part in its history and I'm excited to see it continue to be at the core of every web dev's job.
developer.mozilla.org/en-US/blog/m...
Congrats to the MDN team on an awesome milestone. I'm happy that we've played a small part in its history and I'm excited to see it continue to be at the core of every web dev's job.
Reposted by Jonathan Neal
Seems like a problem
July 24, 2025 at 9:08 PM
Seems like a problem
I think the “stop reinventing XYZ” pitch by developers is often about justifying their efforts, or sometimes even gatekeeping accepted solutions.
I think devs who say this will often abandon or reinvent “XYZ” every couple years, anyway, which is fine.
I’d just prefer we drop “stop reinventing”.
I think devs who say this will often abandon or reinvent “XYZ” every couple years, anyway, which is fine.
I’d just prefer we drop “stop reinventing”.
July 24, 2025 at 3:56 PM
I think the “stop reinventing XYZ” pitch by developers is often about justifying their efforts, or sometimes even gatekeeping accepted solutions.
I think devs who say this will often abandon or reinvent “XYZ” every couple years, anyway, which is fine.
I’d just prefer we drop “stop reinventing”.
I think devs who say this will often abandon or reinvent “XYZ” every couple years, anyway, which is fine.
I’d just prefer we drop “stop reinventing”.
Reposted by Jonathan Neal
🚀 The #StateOfHTML 2025 survey is now open!
➡️ Take it now: survey.devographics.com/en-US/survey...
💡 Spending time to fill these out is an investment into your craft, as browsers are using the results to make prioritization decisions.
You don't have to do it in one sitting (or even one device).
➡️ Take it now: survey.devographics.com/en-US/survey...
💡 Spending time to fill these out is an investment into your craft, as browsers are using the results to make prioritization decisions.
You don't have to do it in one sitting (or even one device).
State of HTML 2025
Take the State of HTML survey
survey.devographics.com
July 22, 2025 at 3:21 PM
🚀 The #StateOfHTML 2025 survey is now open!
➡️ Take it now: survey.devographics.com/en-US/survey...
💡 Spending time to fill these out is an investment into your craft, as browsers are using the results to make prioritization decisions.
You don't have to do it in one sitting (or even one device).
➡️ Take it now: survey.devographics.com/en-US/survey...
💡 Spending time to fill these out is an investment into your craft, as browsers are using the results to make prioritization decisions.
You don't have to do it in one sitting (or even one device).
Reposted by Jonathan Neal
while the current official number is hotly debated, there are actually far more tags in HTML than the ~150 commonly cited! that number merely represents the ones we’ve discovered and domesticated — there are potentially thousands more in the creeping unexplored corners of the deep web & dark net
July 22, 2025 at 10:51 PM
while the current official number is hotly debated, there are actually far more tags in HTML than the ~150 commonly cited! that number merely represents the ones we’ve discovered and domesticated — there are potentially thousands more in the creeping unexplored corners of the deep web & dark net
Reposted by Jonathan Neal
Hot off the presses! Firefox Nightly (www.mozilla.org/en-GB/firefo...) adds the new :heading pseudo! Easily style all headings, or use nth-child-like AnB syntax to select a range of headings! Needs `layout.css.heading-selector.enabled` flag enabled. Try it out and let me know your thoughts.
July 1, 2025 at 3:13 PM
Hot off the presses! Firefox Nightly (www.mozilla.org/en-GB/firefo...) adds the new :heading pseudo! Easily style all headings, or use nth-child-like AnB syntax to select a range of headings! Needs `layout.css.heading-selector.enabled` flag enabled. Try it out and let me know your thoughts.
Reposted by Jonathan Neal
TypeScript, deliver us from the hacks of query-string imports.
July 10, 2025 at 11:56 AM
TypeScript, deliver us from the hacks of query-string imports.
Reposted by Jonathan Neal
Check out our newest proposal for customizable built-in elements: ElementInternals.type!
Allows you to create custom elements that inherit the behaviors and properties of native HTML elements (like a split button that actually behaves as a real button).
Please share your feedback on the repo.
Allows you to create custom elements that inherit the behaviors and properties of native HTML elements (like a split button that actually behaves as a real button).
Please share your feedback on the repo.
github.com
February 21, 2025 at 7:43 AM
Check out our newest proposal for customizable built-in elements: ElementInternals.type!
Allows you to create custom elements that inherit the behaviors and properties of native HTML elements (like a split button that actually behaves as a real button).
Please share your feedback on the repo.
Allows you to create custom elements that inherit the behaviors and properties of native HTML elements (like a split button that actually behaves as a real button).
Please share your feedback on the repo.
I love it.
github.com/MicrosoftEdg...
github.com/MicrosoftEdg...
github.com
July 9, 2025 at 9:22 PM
I love it.
github.com/MicrosoftEdg...
github.com/MicrosoftEdg...
Reposted by Jonathan Neal
probably one of the best production examples of what @astro.build is capable of these days ✨🚀
just shipped a new @codetv.dev design update 👀 codetv.dev
feedback welcome, especially if you're willing to try the account dashboard bits (there are free and paid sections of that) 💜
feedback welcome, especially if you're willing to try the account dashboard bits (there are free and paid sections of that) 💜
tv for developers — CodeTV
tv for developers
codetv.dev
July 7, 2025 at 4:19 PM
probably one of the best production examples of what @astro.build is capable of these days ✨🚀