Joeri Sebrechts
@joeri-s.mstdn.social.ap.brid.gy
Web enthusiast.
If it's technology, it probably interests me. If it's quirky, it probably interests me as well.
Living on the north sea coast of Belgium.
[bridged from https://mstdn.social/@joeri_s on the fediverse by https://fed.brid.gy/ ]
If it's technology, it probably interests me. If it's quirky, it probably interests me as well.
Living on the north sea coast of Belgium.
[bridged from https://mstdn.social/@joeri_s on the fediverse by https://fed.brid.gy/ ]
Just unsubscribed from ChatGPT. Had I heard earlier about Greg Brockman’s record donation to Trump I would have done it sooner.
January 6, 2026 at 9:19 PM
Just unsubscribed from ChatGPT. Had I heard earlier about Greg Brockman’s record donation to Trump I would have done it sooner.
Reposted by Joeri Sebrechts
📝 How To Dynamically Install Custom Elements
A pattern I’ve been working on for a while. Load just the elements you are actually using. “Tree shaking” is trivial with HTML.
heydonworks.com/article/dyna...
A pattern I’ve been working on for a while. Load just the elements you are actually using. “Tree shaking” is trivial with HTML.
heydonworks.com/article/dyna...
How To Dynamically Install Custom Elements
A reusable pattern for custom elements installation
heydonworks.com
December 29, 2025 at 12:24 PM
📝 How To Dynamically Install Custom Elements
A pattern I’ve been working on for a while. Load just the elements you are actually using. “Tree shaking” is trivial with HTML.
heydonworks.com/article/dyna...
A pattern I’ve been working on for a while. Load just the elements you are actually using. “Tree shaking” is trivial with HTML.
heydonworks.com/article/dyna...
Reposted by Joeri Sebrechts
Masonry: Things You Won’t Need A Library For Anymore https://www.smashingmagazine.com/2025/12/masonry-things-you-wont-need-library-anymore/ - a nice overview of things that you don't need JS for, if you've been out of Web Platform World for more than 15 mins (eg, in Framework Limbo or Full Stack […]
Original post on social.vivaldi.net
social.vivaldi.net
December 2, 2025 at 5:33 PM
Masonry: Things You Won’t Need A Library For Anymore https://www.smashingmagazine.com/2025/12/masonry-things-you-wont-need-library-anymore/ - a nice overview of things that you don't need JS for, if you've been out of Web Platform World for more than 15 mins (eg, in Framework Limbo or Full Stack […]
Porting React code to vanilla JS for fun, the video of my talk at Frontmania conference. (I make no apologies for where I get my entertainment.)
https://youtu.be/NeUs2jZIMs8?si=rMQDPBBTrJX8LejF
https://youtu.be/NeUs2jZIMs8?si=rMQDPBBTrJX8LejF
November 27, 2025 at 1:06 PM
Porting React code to vanilla JS for fun, the video of my talk at Frontmania conference. (I make no apologies for where I get my entertainment.)
https://youtu.be/NeUs2jZIMs8?si=rMQDPBBTrJX8LejF
https://youtu.be/NeUs2jZIMs8?si=rMQDPBBTrJX8LejF
Reposted by Joeri Sebrechts
Ahmad just doesn’t miss. Another outstanding article.
https://ishadeed.com/article/modern-css-section-layout/
https://ishadeed.com/article/modern-css-section-layout/
Solved By Modern CSS: Section Layout
Building a typical section design with modern CSS.
ishadeed.com
November 4, 2025 at 4:03 PM
Ahmad just doesn’t miss. Another outstanding article.
https://ishadeed.com/article/modern-css-section-layout/
https://ishadeed.com/article/modern-css-section-layout/
Reposted by Joeri Sebrechts
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#css
https://nerdy.dev/components-can-know
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#css
https://nerdy.dev/components-can-know
Web components know about the user, device, variables, layout and more · October 30, 2025
As Miriam Suzanne says "components know stuff," but like, how much stuff?
nerdy.dev
October 31, 2025 at 12:31 AM
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#css
https://nerdy.dev/components-can-know
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#css
https://nerdy.dev/components-can-know
Reposted by Joeri Sebrechts
In the latest issue of Web Technology News (WTN), I look at a trend I'm monitoring very closely: after a decade of smartphone apps dominance, the web is becoming the default interface layer again. Of course, this time it's for AI. Check out the newsletter for the latest news on this & other open […]
Original post on mastodon.social
mastodon.social
October 17, 2025 at 4:17 PM
In the latest issue of Web Technology News (WTN), I look at a trend I'm monitoring very closely: after a decade of smartphone apps dominance, the web is becoming the default interface layer again. Of course, this time it's for AI. Check out the newsletter for the latest news on this & other open […]
This wednesday I spoke at frontmania conference in Utrecht about how to port React applications to vanilla JS. It is a thing that pretty much nobody does for real but that is eminently doable.
Slides with speaker notes are here […]
Slides with speaker notes are here […]
Original post on mstdn.social
mstdn.social
October 10, 2025 at 6:09 PM
This wednesday I spoke at frontmania conference in Utrecht about how to port React applications to vanilla JS. It is a thing that pretty much nobody does for real but that is eminently doable.
Slides with speaker notes are here […]
Slides with speaker notes are here […]
Reposted by Joeri Sebrechts
Make your proposals for Interop 2026
This is how you make an impact to get what you and your users, what they need in the major browsers
https://piccalil.li/links/make-your-proposals-for-interop-2026/
This is how you make an impact to get what you and your users, what they need in the major browsers
https://piccalil.li/links/make-your-proposals-for-interop-2026/
September 5, 2025 at 12:16 PM
Make your proposals for Interop 2026
This is how you make an impact to get what you and your users, what they need in the major browsers
https://piccalil.li/links/make-your-proposals-for-interop-2026/
This is how you make an impact to get what you and your users, what they need in the major browsers
https://piccalil.li/links/make-your-proposals-for-interop-2026/
"Porting React code to vanilla JS, for fun!"
If that sounds interesting to you it is what I will be talking about at the Frontmania conference next month in Utrecht. More info at frontmania.com
If that sounds interesting to you it is what I will be talking about at the Frontmania conference next month in Utrecht. More info at frontmania.com
September 5, 2025 at 7:24 AM
"Porting React code to vanilla JS, for fun!"
If that sounds interesting to you it is what I will be talking about at the Frontmania conference next month in Utrecht. More info at frontmania.com
If that sounds interesting to you it is what I will be talking about at the Frontmania conference next month in Utrecht. More info at frontmania.com
Reposted by Joeri Sebrechts
Functional custom elements the easy way
Function-based JavaScript is really common in frameworks like React and Vue, but what about Web Components? Ginger is here to show you how to build a reusable function to do just that.
https://piccalil.li/blog/functional-custom-elements-the-easy-way/
Function-based JavaScript is really common in frameworks like React and Vue, but what about Web Components? Ginger is here to show you how to build a reusable function to do just that.
https://piccalil.li/blog/functional-custom-elements-the-easy-way/
Functional custom elements the easy way
Function-based JavaScript is really common in frameworks like React and Vue, but what about Web Components? Ginger is here to show you how to build a reusable function to do just that.
piccalil.li
September 4, 2025 at 11:08 AM
Functional custom elements the easy way
Function-based JavaScript is really common in frameworks like React and Vue, but what about Web Components? Ginger is here to show you how to build a reusable function to do just that.
https://piccalil.li/blog/functional-custom-elements-the-easy-way/
Function-based JavaScript is really common in frameworks like React and Vue, but what about Web Components? Ginger is here to show you how to build a reusable function to do just that.
https://piccalil.li/blog/functional-custom-elements-the-easy-way/
Reposted by Joeri Sebrechts
Links for the image-compare component:
🔗 CodePen: codepen.io/nonsalant/pe...
🔗 GitHub repo: github.com/nonsalant/im...
🔗 CodePen: codepen.io/nonsalant/pe...
🔗 GitHub repo: github.com/nonsalant/im...
Accessible <image-compare> Web Component (no Shadow DOM)
"Before/after"-style comparison slider. Keyboard accessible. Light DOM prevents CLS on Core Web Vitals and makes it easy to add styles....
codepen.io
August 4, 2025 at 2:57 PM
Links for the image-compare component:
🔗 CodePen: codepen.io/nonsalant/pe...
🔗 GitHub repo: github.com/nonsalant/im...
🔗 CodePen: codepen.io/nonsalant/pe...
🔗 GitHub repo: github.com/nonsalant/im...
Alright @cferdinandi, I'll bite. When the light is good, like this morning, I like to take walks near my home to take pictures. This is one of three babies on the face of my local casino. The babies have barcodes as faces, because the artist wanted to draw […]
[Original post on mstdn.social]
[Original post on mstdn.social]
July 31, 2025 at 3:55 PM
Alright @cferdinandi, I'll bite. When the light is good, like this morning, I like to take walks near my home to take pictures. This is one of three babies on the face of my local casino. The babies have barcodes as faces, because the artist wanted to draw […]
[Original post on mstdn.social]
[Original post on mstdn.social]
Reposted by Joeri Sebrechts
Reposted by Joeri Sebrechts
@sarahgarcin @julienbidoret @joeri_s @adele @lowtechmagazine @domingoclub
Link to aforementioned workshop now live folx, thanks for sharing all your work!
https://post.lurk.org/@colm/114912894425595682
Link to aforementioned workshop now live folx, thanks for sharing all your work!
https://post.lurk.org/@colm/114912894425595682
Colm O'Neill (@[email protected])
Attached: 1 image Online #permacomputing workshop announcement: On Wednesday 6 August, join me for the final "Permacomputing for #Wilderland" workshop on making smol websites! https://remote.wilderland.ie/events/permacomputing-august-small-websites.html "From considerations of content management tools, to content export, static site generators, external resources, lightweight media and hosting methods, we'll look at tools to analyse website content (using browser inspector tools), figure out what they require (using traceroute), how to build small websites, and ideas of how to reduce the weight of existing websites." This is the last of a three-part workshop series, the first looked at small-scale power generation, the second considered how to repurpose portable devices (for web hosting and more) and this final one is about #smolweb. See you on the 6th! Please do :boost_anim_vanilla: :unwanted_happy:
post.lurk.org
July 25, 2025 at 8:48 AM
@sarahgarcin @julienbidoret @joeri_s @adele @lowtechmagazine @domingoclub
Link to aforementioned workshop now live folx, thanks for sharing all your work!
https://post.lurk.org/@colm/114912894425595682
Link to aforementioned workshop now live folx, thanks for sharing all your work!
https://post.lurk.org/@colm/114912894425595682
The most treacherous metaphors are the ones that seem to work for a time, because they can keep more powerful insights from bubbling up.
— Alan Kay
( from this amazing talk: https://www.youtube.com/watch?v=wo84LFzx5nI )
— Alan Kay
( from this amazing talk: https://www.youtube.com/watch?v=wo84LFzx5nI )
July 18, 2025 at 8:05 PM
The most treacherous metaphors are the ones that seem to work for a time, because they can keep more powerful insights from bubbling up.
— Alan Kay
( from this amazing talk: https://www.youtube.com/watch?v=wo84LFzx5nI )
— Alan Kay
( from this amazing talk: https://www.youtube.com/watch?v=wo84LFzx5nI )
New blog post: local-first web application architecture.
I really want to build a todo app and a notes app to use for myself (and share with the world) using the final architecture from this article, but oh ... where to find the time? […]
I really want to build a todo app and a notes app to use for myself (and share with the world) using the final architecture from this article, but oh ... where to find the time? […]
Original post on mstdn.social
mstdn.social
July 16, 2025 at 3:50 PM
New blog post: local-first web application architecture.
I really want to build a todo app and a notes app to use for myself (and share with the world) using the final architecture from this article, but oh ... where to find the time? […]
I really want to build a todo app and a notes app to use for myself (and share with the world) using the final architecture from this article, but oh ... where to find the time? […]
New blog post: the history of web application architecture.
I was going to write about local-first web application architecture, but the intro became so long that I had to move it into its own thing.
https://plainvanillaweb.com/blog/articles/2025-07-13-history-architecture/
I was going to write about local-first web application architecture, but the intro became so long that I had to move it into its own thing.
https://plainvanillaweb.com/blog/articles/2025-07-13-history-architecture/
The history of web application architecture
The many different ways of building for the web, and their many frustrations.
plainvanillaweb.com
July 13, 2025 at 4:34 PM
New blog post: the history of web application architecture.
I was going to write about local-first web application architecture, but the intro became so long that I had to move it into its own thing.
https://plainvanillaweb.com/blog/articles/2025-07-13-history-architecture/
I was going to write about local-first web application architecture, but the intro became so long that I had to move it into its own thing.
https://plainvanillaweb.com/blog/articles/2025-07-13-history-architecture/
Reposted by Joeri Sebrechts
I made some enhancements to my web component that loads other web components in popovers. You can now lazy load the markup inside the popover too (not just its script(s) and style(s)) from an external html file:
github.com/nonsalant/la...
github.com/nonsalant/la...
July 10, 2025 at 12:11 PM
I made some enhancements to my web component that loads other web components in popovers. You can now lazy load the markup inside the popover too (not just its script(s) and style(s)) from an external html file:
github.com/nonsalant/la...
github.com/nonsalant/la...
Ever since making the Plain Vanilla tutorial I've heard from a lot of people who are burnt out from the churn, the treadmill imposed by big tech architecture. I've tried to distill this feeling in an article. Posted on LinkedIn for the sweet irony […]
Original post on mstdn.social
mstdn.social
July 4, 2025 at 6:42 PM
Ever since making the Plain Vanilla tutorial I've heard from a lot of people who are burnt out from the churn, the treadmill imposed by big tech architecture. I've tried to distill this feeling in an article. Posted on LinkedIn for the sweet irony […]
Reposted by Joeri Sebrechts
The bottom line of #apple's talk at the Commission workshop:
We *invented* innovation and it's only thanks to Apple that developers exist. They should bow to us every day and pay us money forever because without Apple, there wouldn't even be users. Or even anything digital. Users must pay us […]
We *invented* innovation and it's only thanks to Apple that developers exist. They should bow to us every day and pay us money forever because without Apple, there wouldn't even be users. Or even anything digital. Users must pay us […]
Original post on eupolicy.social
eupolicy.social
June 30, 2025 at 8:26 AM
The bottom line of #apple's talk at the Commission workshop:
We *invented* innovation and it's only thanks to Apple that developers exist. They should bow to us every day and pay us money forever because without Apple, there wouldn't even be users. Or even anything digital. Users must pay us […]
We *invented* innovation and it's only thanks to Apple that developers exist. They should bow to us every day and pay us money forever because without Apple, there wouldn't even be users. Or even anything digital. Users must pay us […]
New blog post outlining a technique for pushState-based GitHub Pages compatible vanilla client-side routing.
https://plainvanillaweb.com/blog/articles/2025-06-25-routing/
For those who missed it, I also made an example where it is combined with view transitions (porting react blog's demo of […]
https://plainvanillaweb.com/blog/articles/2025-06-25-routing/
For those who missed it, I also made an example where it is combined with view transitions (porting react blog's demo of […]
Original post on mstdn.social
mstdn.social
June 25, 2025 at 7:09 PM
New blog post outlining a technique for pushState-based GitHub Pages compatible vanilla client-side routing.
https://plainvanillaweb.com/blog/articles/2025-06-25-routing/
For those who missed it, I also made an example where it is combined with view transitions (porting react blog's demo of […]
https://plainvanillaweb.com/blog/articles/2025-06-25-routing/
For those who missed it, I also made an example where it is combined with view transitions (porting react blog's demo of […]
Reposted by Joeri Sebrechts
I made a vanilla client-side SPA routing custom element based on pushstate. Surely I win buzzword bingo today. It enables easy SPA routing with clean bookmarkable URLs on GitHub Pages sites.
Demo: https://sebrechts.net/view-route/
Repo: https://github.com/jsebrech/view-route
Hat tip for […]
Demo: https://sebrechts.net/view-route/
Repo: https://github.com/jsebrech/view-route
Hat tip for […]
Original post on mstdn.social
mstdn.social
June 24, 2025 at 4:39 PM
I made a vanilla client-side SPA routing custom element based on pushstate. Surely I win buzzword bingo today. It enables easy SPA routing with clean bookmarkable URLs on GitHub Pages sites.
Demo: https://sebrechts.net/view-route/
Repo: https://github.com/jsebrech/view-route
Hat tip for […]
Demo: https://sebrechts.net/view-route/
Repo: https://github.com/jsebrech/view-route
Hat tip for […]
Reposted by Joeri Sebrechts
What a ride this article was: “there are many great ways we express states and parameters of a component without having to shoehorn them into an archaic system like the class attribute.”
CSS Classes considered harmful, by @keithamus.social (originally written in ‘22(!))
CSS Classes considered harmful, by @keithamus.social (originally written in ‘22(!))
CSS Classes considered harmful
If you've used CSS, you know what a class name is. They're a very poor proxy for the web today. Let's stop using them.
www.keithcirkel.co.uk
June 19, 2025 at 8:19 PM
What a ride this article was: “there are many great ways we express states and parameters of a component without having to shoehorn them into an archaic system like the class attribute.”
CSS Classes considered harmful, by @keithamus.social (originally written in ‘22(!))
CSS Classes considered harmful, by @keithamus.social (originally written in ‘22(!))