Egor Kloos
@dutchcelt.com
Web nerd, Photographer, Foodie, Audiophile. All the good things in life should be cherished and savoured. Posts are my own - he/him - Gen X - 🇳🇱🇮🇪
Blog: dutchcelt.nl
For the full web nerd: @dutchcelt@mastodon.social
Blog: dutchcelt.nl
For the full web nerd: @dutchcelt@mastodon.social
Do you want a dynamic, responsive navigation?
What if you want zero config, no DOM manipulation, no attributes popping up?
Well, slot assignment, popovers, and anchor positioning, you can get it done. Okay, that's a lot. But, doable.
#CSS #webcomponents #customelements
codepen.io/dutchcelt/fu...
What if you want zero config, no DOM manipulation, no attributes popping up?
Well, slot assignment, popovers, and anchor positioning, you can get it done. Okay, that's a lot. But, doable.
#CSS #webcomponents #customelements
codepen.io/dutchcelt/fu...
No config responsive menu
A Responsive Menu using slots for overflow. This uses slots for "moving" and thus avoids the need to alter the DOM directly with JavaScript. Also, with...
codepen.io
February 8, 2026 at 7:50 PM
Do you want a dynamic, responsive navigation?
What if you want zero config, no DOM manipulation, no attributes popping up?
Well, slot assignment, popovers, and anchor positioning, you can get it done. Okay, that's a lot. But, doable.
#CSS #webcomponents #customelements
codepen.io/dutchcelt/fu...
What if you want zero config, no DOM manipulation, no attributes popping up?
Well, slot assignment, popovers, and anchor positioning, you can get it done. Okay, that's a lot. But, doable.
#CSS #webcomponents #customelements
codepen.io/dutchcelt/fu...
Reposted by Egor Kloos
The inaugural edition of The CSS Selection is out! Super interesting look into how the top 100k sites use CSS.
I very happily sponsored Barts work on this, go check it out!
I very happily sponsored Barts work on this, go check it out!
Announcing The CSS Selection!
📰 www.projectwallace.com/the-css-sele...
📚 100,000 websites
⏱️ 100+ metrics
🔖 7 chapters
The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!
📰 www.projectwallace.com/the-css-sele...
📚 100,000 websites
⏱️ 100+ metrics
🔖 7 chapters
The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
www.projectwallace.com
February 6, 2026 at 10:37 AM
The inaugural edition of The CSS Selection is out! Super interesting look into how the top 100k sites use CSS.
I very happily sponsored Barts work on this, go check it out!
I very happily sponsored Barts work on this, go check it out!
Reposted by Egor Kloos
My contract is ending at the end of February and so I’d like to find a new role ASAP.
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
February 3, 2026 at 6:09 PM
My contract is ending at the end of February and so I’d like to find a new role ASAP.
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.
I work remotely from my home in Winnipeg, Canada. 🇨🇦
Shares appreciated!
Firefox 147 rolled out some cool stuff. This has to be my fav. Hey, Safari, hot potato!
CSS module scripts landed in Firefox 147, so you can import CSS directly into JavaScript.
January 23, 2026 at 2:20 PM
Firefox 147 rolled out some cool stuff. This has to be my fav. Hey, Safari, hot potato!
Reposted by Egor Kloos
Understanding the fundamentals of CSS layout
When devs say that CSS is hard, they're usually talking about CSS layout. What often gets omitted is that developers are assumed to understand and effectively use CSS without being taught how it works in the first place.
polypane.app/blog/underst...
When devs say that CSS is hard, they're usually talking about CSS layout. What often gets omitted is that developers are assumed to understand and effectively use CSS without being taught how it works in the first place.
polypane.app/blog/underst...
Understanding the fundamentals of CSS Layout | Polypane
When developers say that CSS is hard, they're usually talking about CSS layout. What often gets omitted though is that developers are assumed to understand and…
polypane.app
January 22, 2026 at 1:27 PM
Understanding the fundamentals of CSS layout
When devs say that CSS is hard, they're usually talking about CSS layout. What often gets omitted is that developers are assumed to understand and effectively use CSS without being taught how it works in the first place.
polypane.app/blog/underst...
When devs say that CSS is hard, they're usually talking about CSS layout. What often gets omitted is that developers are assumed to understand and effectively use CSS without being taught how it works in the first place.
polypane.app/blog/underst...
Reposted by Egor Kloos
Pretty much any codebase that I've worked on that uses CSS Modules (not to be confused with the web platform feature, CSS module scripts) will typically create a class for each element being styled, then import that class name, and apply it to the element being styled.
January 18, 2026 at 8:57 PM
Pretty much any codebase that I've worked on that uses CSS Modules (not to be confused with the web platform feature, CSS module scripts) will typically create a class for each element being styled, then import that class name, and apply it to the element being styled.
If you are reducing your IT costs through deskilling front-end you should put a Design System on the top of your shopping list.
Deskilling doesn't mean you can do without front-end, it means being more effective and efficient by hiring the people you need and get the most out of that investment.
Deskilling doesn't mean you can do without front-end, it means being more effective and efficient by hiring the people you need and get the most out of that investment.
January 15, 2026 at 11:29 AM
If you are reducing your IT costs through deskilling front-end you should put a Design System on the top of your shopping list.
Deskilling doesn't mean you can do without front-end, it means being more effective and efficient by hiring the people you need and get the most out of that investment.
Deskilling doesn't mean you can do without front-end, it means being more effective and efficient by hiring the people you need and get the most out of that investment.
pfft. jetlag is kicking in.
January 12, 2026 at 1:48 PM
pfft. jetlag is kicking in.
Reposted by Egor Kloos
Here are a bunch - it's out of date, I need to fix it up so it keeps building regularly again: rs.sjoy.lol
RS.S JOY.lol | dev
A page full of links to front-end dev and dev-adjacent bloggers, their RSS feeds and their most recent posts. The page refreshes at least 4 times a day. The blog cards are randomised each time.
rs.sjoy.lol
January 7, 2026 at 6:00 AM
Here are a bunch - it's out of date, I need to fix it up so it keeps building regularly again: rs.sjoy.lol
I don’t really watch movies anymore. Even from streaming services. Maybe one or two a year.
However, I recently went to see the Danish movie The Last Viking at our local art house cinema. That was fun. The future of cinema may be only in this niche market.
However, I recently went to see the Danish movie The Last Viking at our local art house cinema. That was fun. The future of cinema may be only in this niche market.
December 23, 2025 at 4:35 AM
I don’t really watch movies anymore. Even from streaming services. Maybe one or two a year.
However, I recently went to see the Danish movie The Last Viking at our local art house cinema. That was fun. The future of cinema may be only in this niche market.
However, I recently went to see the Danish movie The Last Viking at our local art house cinema. That was fun. The future of cinema may be only in this niche market.
Reposted by Egor Kloos
This helped me solve countless bugs.
December 15, 2025 at 4:08 PM
This helped me solve countless bugs.
Reposted by Egor Kloos
30 years ago today (1995-12-04): “Netscape and Sun announce JavaScript, the open, cross-platform object scripting language for enterprise networks and the internet”
web.archive.org/web/20070916...
#JavaScript
web.archive.org/web/20070916...
#JavaScript
Press Release
web.archive.org
December 4, 2025 at 4:26 PM
30 years ago today (1995-12-04): “Netscape and Sun announce JavaScript, the open, cross-platform object scripting language for enterprise networks and the internet”
web.archive.org/web/20070916...
#JavaScript
web.archive.org/web/20070916...
#JavaScript
Reposted by Egor Kloos
HTMLHell smashing it out of the park on day one with this article from @5t3ph.bsky.social
Top layer troubles: popover vs. dialog
htmhell.dev/adventcalend...
Top layer troubles: popover vs. dialog
htmhell.dev/adventcalend...
Top layer troubles: popover vs. dialog - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 1, 2025 at 9:21 AM
HTMLHell smashing it out of the park on day one with this article from @5t3ph.bsky.social
Top layer troubles: popover vs. dialog
htmhell.dev/adventcalend...
Top layer troubles: popover vs. dialog
htmhell.dev/adventcalend...
Reposted by Egor Kloos
Custom Elements Manifest mentioned
692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?
Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.
Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.
692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?
Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.
shoptalkshow.com
November 25, 2025 at 7:54 AM
Custom Elements Manifest mentioned
Reposted by Egor Kloos
It's Monday, it's nine o'clock, which means you've got one hour until the latest Design Systems News email will be hitting your inboxes.
Not yet subscribed?
https://news.design.systems
Get a curated slice of the best Design Systems related articles, tutorials, tips, and examples
🙏🖤
Not yet subscribed?
https://news.design.systems
Get a curated slice of the best Design Systems related articles, tutorials, tips, and examples
🙏🖤
November 24, 2025 at 8:50 AM
It's Monday, it's nine o'clock, which means you've got one hour until the latest Design Systems News email will be hitting your inboxes.
Not yet subscribed?
https://news.design.systems
Get a curated slice of the best Design Systems related articles, tutorials, tips, and examples
🙏🖤
Not yet subscribed?
https://news.design.systems
Get a curated slice of the best Design Systems related articles, tutorials, tips, and examples
🙏🖤
Ouch. Accidentally grabbed the edge of a very hot stainless steel pan. Nice long blister on thumb. 🤬
October 29, 2025 at 5:16 PM
Ouch. Accidentally grabbed the edge of a very hot stainless steel pan. Nice long blister on thumb. 🤬
Reposted by Egor Kloos
solved by modern CSS: section layout
ishadeed.com/article/mode...
love @ishadeed.com's deep dives like this
🙏🖤
ishadeed.com/article/mode...
love @ishadeed.com's deep dives like this
🙏🖤
Solved By Modern CSS: Section Layout
Building a typical section design with modern CSS.
ishadeed.com
October 28, 2025 at 9:44 AM
solved by modern CSS: section layout
ishadeed.com/article/mode...
love @ishadeed.com's deep dives like this
🙏🖤
ishadeed.com/article/mode...
love @ishadeed.com's deep dives like this
🙏🖤
Reposted by Egor Kloos
“Design systems that were once static libraries are becoming living ecosystems.”
#designsystems
medium.com/@sayanbanerj...
#designsystems
medium.com/@sayanbanerj...
Design System ROI in the AI Era: From J.A.R.V.I.S. to Vision | Medium
Once upon a time, design and development spoke different languages. Development focused on logic Whereas design was focused on emotions…
medium.com
October 27, 2025 at 3:02 PM
“Design systems that were once static libraries are becoming living ecosystems.”
#designsystems
medium.com/@sayanbanerj...
#designsystems
medium.com/@sayanbanerj...
Reposted by Egor Kloos
They say AI will replace the web as we know it, and this time they mean it. Here follows a short list of previous times they also meant it, starting way back in 1997.
Receipts: a brief list of prominent articles proclaiming the death of the web.
They say AI will replace the web as we know it, and this time they mean it. Here follows a short list of previous times they also meant it, starting way back in 1997. Wired: March 1, 1997: “You can kiss your web browser goodbye” – Kevin Kelly and Gary Wolf, The Big Story. 1Inspired by the success of PointCast, a clever application that displayed news headlines as a screensaver, our "Push!" story argued that Web browsers were about to become obsolete.
zeldman.com
October 25, 2025 at 10:23 AM
They say AI will replace the web as we know it, and this time they mean it. Here follows a short list of previous times they also meant it, starting way back in 1997.
Reposted by Egor Kloos
Type-X is back! Easily test your fonts on *any* website with this Chrome extension.
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
October 22, 2025 at 2:30 PM
Type-X is back! Easily test your fonts on *any* website with this Chrome extension.
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
Reposted by Egor Kloos
Probably the best thing I’ve ever read about tech recruitment, and happens to be only incidentally about AI (because it’s a data problem)
interviewing.io/blog/why-ai-...
interviewing.io/blog/why-ai-...
Why AI can’t do hiring
It's not technologically impossible. The training data simply isn't available.
interviewing.io
October 18, 2025 at 11:43 AM
Probably the best thing I’ve ever read about tech recruitment, and happens to be only incidentally about AI (because it’s a data problem)
interviewing.io/blog/why-ai-...
interviewing.io/blog/why-ai-...
Reposted by Egor Kloos
I'm so depressed. I'm bored. Life? Don’t talk to me about life!🤖
Aquatron VX-33
Aquatron VX-33
October 18, 2025 at 5:08 AM
I'm so depressed. I'm bored. Life? Don’t talk to me about life!🤖
Aquatron VX-33
Aquatron VX-33
Reposted by Egor Kloos
I'm excited to announce #AI integration for the #WebComponents Language Server!
If you are using a @vscode.dev fork like @cursor.com.web.brid.gy or @windsurfai.bsky.social, the extension provides a local, configurable #MCP server.
#html #css #javascript
wc-toolkit.com/integrations...
If you are using a @vscode.dev fork like @cursor.com.web.brid.gy or @windsurfai.bsky.social, the extension provides a local, configurable #MCP server.
#html #css #javascript
wc-toolkit.com/integrations...
October 14, 2025 at 12:54 PM
I'm excited to announce #AI integration for the #WebComponents Language Server!
If you are using a @vscode.dev fork like @cursor.com.web.brid.gy or @windsurfai.bsky.social, the extension provides a local, configurable #MCP server.
#html #css #javascript
wc-toolkit.com/integrations...
If you are using a @vscode.dev fork like @cursor.com.web.brid.gy or @windsurfai.bsky.social, the extension provides a local, configurable #MCP server.
#html #css #javascript
wc-toolkit.com/integrations...