Michael G
@g12n.de
UI-Designer, using Code to create in CSS, SVG and JS. Technology enthusiast, fan of Smart Home, Humanist and dweller in the marvelous city of Cologne.
Thinking about different states of mind guiding the way that we approach #designsystems and #webdwvelopment. What do you think? Are you more of a gardener or a butterfly collector? A taxonomist or a geneticist? Let’s talk.
gehrmann-design.de/blog/buterfl...
gehrmann-design.de/blog/buterfl...
Of Butterflies And Gardens
an exploration of mental models in design system architecture
gehrmann-design.de
November 9, 2025 at 8:13 PM
Thinking about different states of mind guiding the way that we approach #designsystems and #webdwvelopment. What do you think? Are you more of a gardener or a butterfly collector? A taxonomist or a geneticist? Let’s talk.
gehrmann-design.de/blog/buterfl...
gehrmann-design.de/blog/buterfl...
I really really really want to make @penpot.app work for me. I really do. But it’s a challenge.
November 9, 2025 at 7:24 AM
I really really really want to make @penpot.app work for me. I really do. But it’s a challenge.
Hello, TypeScript users! What advantages does using TS offer you that JSdoc doesn't?
What are the points that make it worth the overhead of a build? Would you skip it for certain project types?
What are the points that make it worth the overhead of a build? Would you skip it for certain project types?
November 8, 2025 at 7:10 AM
Hello, TypeScript users! What advantages does using TS offer you that JSdoc doesn't?
What are the points that make it worth the overhead of a build? Would you skip it for certain project types?
What are the points that make it worth the overhead of a build? Would you skip it for certain project types?
I am uncomfortable with our reliance on npm, GitHub, build tools and so on.
We see big infrastructure fail spectacularly. Because we ignored the decentralized nature of the web.
Going Buildless should not be a revolutionary concept.
modern-web.dev/guides/going...
We see big infrastructure fail spectacularly. Because we ignored the decentralized nature of the web.
Going Buildless should not be a revolutionary concept.
modern-web.dev/guides/going...
Going Buildless: Getting Started: Modern Web
Guides, tools and libraries for modern web development.
modern-web.dev
November 8, 2025 at 7:00 AM
I am uncomfortable with our reliance on npm, GitHub, build tools and so on.
We see big infrastructure fail spectacularly. Because we ignored the decentralized nature of the web.
Going Buildless should not be a revolutionary concept.
modern-web.dev/guides/going...
We see big infrastructure fail spectacularly. Because we ignored the decentralized nature of the web.
Going Buildless should not be a revolutionary concept.
modern-web.dev/guides/going...
I make a point of talking about "html custom elements" or "custom element" instead of "webcomponents". Many colleges use react, and the term "component" comes with conceptual baggage that I try to steer around.
November 7, 2025 at 3:05 PM
I make a point of talking about "html custom elements" or "custom element" instead of "webcomponents". Many colleges use react, and the term "component" comes with conceptual baggage that I try to steer around.
Auch wenn das viele hier nicht hören wollen: erschwingliche Lebensmittel sind eine der größten sozialen Errungenschaften, die eine Kultur haben kann.
PLEASE SHARE
With SNAP benefits being slashed it makes the holiday season even harder on families. Aldi has put together this $40 Thanksgiving meal that feeds up to 10 people.
www.bhg.com/aldi-thanksg...
With SNAP benefits being slashed it makes the holiday season even harder on families. Aldi has put together this $40 Thanksgiving meal that feeds up to 10 people.
www.bhg.com/aldi-thanksg...
November 2, 2025 at 3:23 PM
Auch wenn das viele hier nicht hören wollen: erschwingliche Lebensmittel sind eine der größten sozialen Errungenschaften, die eine Kultur haben kann.
However, we must be clear that progressive enhancement is not dependent on whether JavaScript is enabled. JavaScript, CSS, and HTML have evolved, and progressive enhancement is very much about balancing modern features, ensuring a site works for everyone, and making robust layout decisions.
It does seem to me that progressive enhancement gets a disproportionate amount of attention compared to A11y and localisation.
November 2, 2025 at 10:25 AM
However, we must be clear that progressive enhancement is not dependent on whether JavaScript is enabled. JavaScript, CSS, and HTML have evolved, and progressive enhancement is very much about balancing modern features, ensuring a site works for everyone, and making robust layout decisions.
The biggest question is: why?
The argument that the world is made for the human shape definitely doesn’t work. We are surrounded by bad „good enough“ ergonomics everywhere.
And balancing on two legs is hard. We ourself struggle with. We use sticks and walkers. Just add more legs. And arms.
The argument that the world is made for the human shape definitely doesn’t work. We are surrounded by bad „good enough“ ergonomics everywhere.
And balancing on two legs is hard. We ourself struggle with. We use sticks and walkers. Just add more legs. And arms.
The loading-the-dishwasher struggle is real. Even—or especially—for the $20,000 1X Neo humanoid home robot.
🔗: on.wsj.com/47whlZ1
🔗: on.wsj.com/47whlZ1
November 1, 2025 at 10:02 AM
The biggest question is: why?
The argument that the world is made for the human shape definitely doesn’t work. We are surrounded by bad „good enough“ ergonomics everywhere.
And balancing on two legs is hard. We ourself struggle with. We use sticks and walkers. Just add more legs. And arms.
The argument that the world is made for the human shape definitely doesn’t work. We are surrounded by bad „good enough“ ergonomics everywhere.
And balancing on two legs is hard. We ourself struggle with. We use sticks and walkers. Just add more legs. And arms.
“
More chaos brings more power.
More power brings more control.
”
by @switchangel.bsky.social
www.youtube.com/watch?v=GWXC...
More chaos brings more power.
More power brings more control.
”
by @switchangel.bsky.social
www.youtube.com/watch?v=GWXC...
Coding Trance Music (Full Narrated)
YouTube video by Switch Angel
www.youtube.com
October 30, 2025 at 6:24 PM
“
More chaos brings more power.
More power brings more control.
”
by @switchangel.bsky.social
www.youtube.com/watch?v=GWXC...
More chaos brings more power.
More power brings more control.
”
by @switchangel.bsky.social
www.youtube.com/watch?v=GWXC...
One of these technologies is actually quite easy to grasp. It is unknowingly used by everyone, is really easy to produce, and shockingly, few people are aware of it or actively use it.
Happy 34th Birthday HTML tags!
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
October 29, 2025 at 7:09 PM
One of these technologies is actually quite easy to grasp. It is unknowingly used by everyone, is really easy to produce, and shockingly, few people are aware of it or actively use it.
I am always surprised and frustrated by how much behavioral science informs marketing, yet how little it informs policymaking. When you talk to politicians about their plans, you sit there feeling like you're in a madhouse devised by Lewis Carroll, wondering if they really think this will work.
October 29, 2025 at 7:06 PM
I am always surprised and frustrated by how much behavioral science informs marketing, yet how little it informs policymaking. When you talk to politicians about their plans, you sit there feeling like you're in a madhouse devised by Lewis Carroll, wondering if they really think this will work.
Reposted by Michael G
I signed up for “Web Components Demystified” by @scottjehl.com and I can't wait to dig in.
This week you can get it for 25$, which is an absolute steal, using the code OCT25-26.
webcomponentsdemystified.thinkific.com/courses/web-...
This week you can get it for 25$, which is an absolute steal, using the code OCT25-26.
webcomponentsdemystified.thinkific.com/courses/web-...
Web Components Demystified
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
webcomponentsdemystified.thinkific.com
October 29, 2025 at 5:19 PM
I signed up for “Web Components Demystified” by @scottjehl.com and I can't wait to dig in.
This week you can get it for 25$, which is an absolute steal, using the code OCT25-26.
webcomponentsdemystified.thinkific.com/courses/web-...
This week you can get it for 25$, which is an absolute steal, using the code OCT25-26.
webcomponentsdemystified.thinkific.com/courses/web-...
Halloween 🎃 is just around the corner. So behold the dread of every single person in tech: naming things. 👻
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
Ex-Masonry Display Type Keyword Poll
See https://github.com/w3c/csswg-drafts/issues/12022 for context.
This poll intentionally leaves out `masonry` as an option, see https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-34172962...
docs.google.com
October 28, 2025 at 8:26 AM
Halloween 🎃 is just around the corner. So behold the dread of every single person in tech: naming things. 👻
Reposted by Michael G
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
Ex-Masonry Display Type Keyword Poll
See https://github.com/w3c/csswg-drafts/issues/12022 for context.
This poll intentionally leaves out `masonry` as an option, see https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-34172962...
docs.google.com
October 27, 2025 at 7:53 PM
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
Reposted by Michael G
I bought this this morning and I’m over half way through it. Probably the best $25 I’ve spent in years. I use web components for my blog posts and have known for a while that there are big gaps in my knowledge, and this has filled a whole bunch of them.
Online on a weekend? You can grab access to my web components course for $25 today and tomorrow. Big ol’ discount. Use the code OCT25-26.
(And as usual, if you need further accommodation, just use the email form and we’ll work it out.)
scottjehl.com/learn/webcom...
(And as usual, if you need further accommodation, just use the email form and we’ll work it out.)
scottjehl.com/learn/webcom...
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
scottjehl.com
October 26, 2025 at 5:11 PM
I bought this this morning and I’m over half way through it. Probably the best $25 I’ve spent in years. I use web components for my blog posts and have known for a while that there are big gaps in my knowledge, and this has filled a whole bunch of them.
Reposted by Michael G
Did we all celebrate that `::details-content` works in all major browsers now? 🎉
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
![details::details-content {
opacity: 0;
transition:
opacity 600ms,
content-visibility 600ms allow-discrete;
}
details[open]::details-content {
opacity: 1;
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:w2nz7d2phfbrzyembuw7oxjj/bafkreicqynvlulygnc4o2vb64ez5nb25yhw67punbqlart3yg2bjr52zoe@jpeg)
October 20, 2025 at 5:32 PM
Did we all celebrate that `::details-content` works in all major browsers now? 🎉
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
True words spoken with ease
Holy shit container queries are cool.
October 19, 2025 at 7:08 AM
True words spoken with ease
Should we go in o a class diet?
In #CSS Devs use way to often class names. Patterns like BEM have encouraged an explosion of class names, that often rely on Javascript to be updated.
Using pseudo classes, and semantic attributes helps us to work closer with the DOM.
In #CSS Devs use way to often class names. Patterns like BEM have encouraged an explosion of class names, that often rely on Javascript to be updated.
Using pseudo classes, and semantic attributes helps us to work closer with the DOM.
![Code Screenshot. CSS
/* instead of class names */
.checked{
…
}
/* use pseudo-classes */
:checked {
…
}
:has(:checked){
}
/* or semantic attributes */
[aria-checked]{
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:gilu7o4lu2uhhh2sztjeo47i/bafkreibgzg4pqocyvug6dns3azcnmyzgncxe6pmfkobp6gxco3jpmfeylm@jpeg)
October 16, 2025 at 5:56 AM
Should we go in o a class diet?
In #CSS Devs use way to often class names. Patterns like BEM have encouraged an explosion of class names, that often rely on Javascript to be updated.
Using pseudo classes, and semantic attributes helps us to work closer with the DOM.
In #CSS Devs use way to often class names. Patterns like BEM have encouraged an explosion of class names, that often rely on Javascript to be updated.
Using pseudo classes, and semantic attributes helps us to work closer with the DOM.
Reposted by Michael G
📝 New Post: The Killer Feature of #webcomponents
A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.
daverupert.com/2025/10/cust...
A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.
daverupert.com/2025/10/cust...
The killer feature of Web Components
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
daverupert.com
October 13, 2025 at 3:39 PM
📝 New Post: The Killer Feature of #webcomponents
A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.
daverupert.com/2025/10/cust...
A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.
daverupert.com/2025/10/cust...
"Then, delete the javascript you just wrote and repeat the task using CSS alone instead!"
This practice prompt by @scottjehl.com is basically my job description. And I want it on a T-Shirt …
… after I stoped giggling uncontrollably.
This practice prompt by @scottjehl.com is basically my job description. And I want it on a T-Shirt …
… after I stoped giggling uncontrollably.
October 8, 2025 at 7:22 PM
"Then, delete the javascript you just wrote and repeat the task using CSS alone instead!"
This practice prompt by @scottjehl.com is basically my job description. And I want it on a T-Shirt …
… after I stoped giggling uncontrollably.
This practice prompt by @scottjehl.com is basically my job description. And I want it on a T-Shirt …
… after I stoped giggling uncontrollably.
Reposted by Michael G
WOW! That's so incredibly useful!
We've created a tool called the "Screen reader support look up tables" designed to help people quickly check how screen readers interpret HTML elements and attributes across multiple combinations of browser and screen reader.
HTML/SR Support lookup
tetralogical.github.io
October 8, 2025 at 11:01 AM
WOW! That's so incredibly useful!
Lassen wir uns hier keinen Bären aufbinden.
Was als „Verbraucherschutz“ daherkommt, ist in Wahrheit ein Kampf um Identität und philosophische Reinheit. Es geht nicht um Aufklärung, sondern um Ordnung; nicht um Sicherheit, sondern um Symbolik.
#Veggiburger #EU
Was als „Verbraucherschutz“ daherkommt, ist in Wahrheit ein Kampf um Identität und philosophische Reinheit. Es geht nicht um Aufklärung, sondern um Ordnung; nicht um Sicherheit, sondern um Symbolik.
#Veggiburger #EU
October 8, 2025 at 6:25 AM
Lassen wir uns hier keinen Bären aufbinden.
Was als „Verbraucherschutz“ daherkommt, ist in Wahrheit ein Kampf um Identität und philosophische Reinheit. Es geht nicht um Aufklärung, sondern um Ordnung; nicht um Sicherheit, sondern um Symbolik.
#Veggiburger #EU
Was als „Verbraucherschutz“ daherkommt, ist in Wahrheit ein Kampf um Identität und philosophische Reinheit. Es geht nicht um Aufklärung, sondern um Ordnung; nicht um Sicherheit, sondern um Symbolik.
#Veggiburger #EU
Reposted by Michael G
✍️ New post: European Tech Alternatives 🇪🇺
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
European Tech Alternatives 🇪🇺 · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 5, 2025 at 12:27 AM
✍️ New post: European Tech Alternatives 🇪🇺
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
#blogtober #tech #software #europe
matthiasott.com/notes/europe...
Reposted by Michael G
2 reasons you should be using single color gradients in CSS - YouTube | Super cool! @kevinpowell.co | www.youtube.com/watch?v=8Nfa...
2 reasons you should be using single color gradients in CSS
YouTube video by Kevin Powell
www.youtube.com
October 3, 2025 at 10:08 AM
2 reasons you should be using single color gradients in CSS - YouTube | Super cool! @kevinpowell.co | www.youtube.com/watch?v=8Nfa...
So. How would I add documentation for custom invoker commands in custom elements manifest and jsDoc?
#customElements #webcomponents
#customElements #webcomponents
October 2, 2025 at 3:29 PM
So. How would I add documentation for custom invoker commands in custom elements manifest and jsDoc?
#customElements #webcomponents
#customElements #webcomponents