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.
Reposted by Michael G
Good news everyone: Style queries are coming to Firefox, making them finally Baseline!
February 5, 2026 at 4:45 PM
Good news everyone: Style queries are coming to Firefox, making them finally Baseline!
Reposted by Michael G
The open source design stack
Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you […]
Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you […]
Original post on front-end.social
front-end.social
February 5, 2026 at 12:07 PM
The open source design stack
Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you […]
Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you […]
People are accused of using #AI, because of their use of extra-long em dashes that would not be possible on a standard keyboard (by lazy people).
I am sorry, because of AI humans are calling for mediocre writing and bad typography to proof humanity?
That’s beyond appalling.
I am sorry, because of AI humans are calling for mediocre writing and bad typography to proof humanity?
That’s beyond appalling.
February 4, 2026 at 6:00 AM
People are accused of using #AI, because of their use of extra-long em dashes that would not be possible on a standard keyboard (by lazy people).
I am sorry, because of AI humans are calling for mediocre writing and bad typography to proof humanity?
That’s beyond appalling.
I am sorry, because of AI humans are calling for mediocre writing and bad typography to proof humanity?
That’s beyond appalling.
Choices to make in 2026: What's your favourite temporal API polypill
github.com/js-temporal/...
github.com/fullcalendar...
github.com/fabon-f/temp...
(asking for a friendly pen)
github.com/js-temporal/...
github.com/fullcalendar...
github.com/fabon-f/temp...
(asking for a friendly pen)
February 1, 2026 at 6:49 PM
Choices to make in 2026: What's your favourite temporal API polypill
github.com/js-temporal/...
github.com/fullcalendar...
github.com/fabon-f/temp...
(asking for a friendly pen)
github.com/js-temporal/...
github.com/fullcalendar...
github.com/fabon-f/temp...
(asking for a friendly pen)
This one should be mandatory in every public planning project.
At last an AI tool I can get behind
“Upload an architectural render. Get back what it'll actually look like on a random Tuesday in November.”
antirender.com
“Upload an architectural render. Get back what it'll actually look like on a random Tuesday in November.”
antirender.com
February 1, 2026 at 12:15 PM
This one should be mandatory in every public planning project.
“You have no excuse for tailwind.”
A headline so true but for the wrong reasons.
opensourcepledge.com/blog/you-hav...
A headline so true but for the wrong reasons.
opensourcepledge.com/blog/you-hav...
You Have No Excuse for Tailwind | Open Source Pledge
Open Source economics are broken, and AI is rapidly accelerating the crisis.
opensourcepledge.com
February 1, 2026 at 12:04 PM
“You have no excuse for tailwind.”
A headline so true but for the wrong reasons.
opensourcepledge.com/blog/you-hav...
A headline so true but for the wrong reasons.
opensourcepledge.com/blog/you-hav...
Demonstrating Implicit anchor association on @codepen.io
The browser automatically creates an anchor relationship between elements based on their semantic connection. Without you explicitly defining an anchor-name position-anchor pair.
Best hidden feature of CSS Anchor.
codepen.io/g12n/details...
The browser automatically creates an anchor relationship between elements based on their semantic connection. Without you explicitly defining an anchor-name position-anchor pair.
Best hidden feature of CSS Anchor.
codepen.io/g12n/details...
Implicit anchor association
Demonstrating **implicit anchor positioning in CSS**, where the browser automatically creates an anchor relationship between elements based on their se...
codepen.io
February 1, 2026 at 11:34 AM
Demonstrating Implicit anchor association on @codepen.io
The browser automatically creates an anchor relationship between elements based on their semantic connection. Without you explicitly defining an anchor-name position-anchor pair.
Best hidden feature of CSS Anchor.
codepen.io/g12n/details...
The browser automatically creates an anchor relationship between elements based on their semantic connection. Without you explicitly defining an anchor-name position-anchor pair.
Best hidden feature of CSS Anchor.
codepen.io/g12n/details...
I just found out the ToggleEvent event of the popover API just acquired a source property.
And this makes me very happy.
Let’s be friends.
developer.mozilla.org/en-US/docs/W...
And this makes me very happy.
Let’s be friends.
developer.mozilla.org/en-US/docs/W...
ToggleEvent: source property - Web APIs | MDN
The source read-only property of the ToggleEvent interface is an Element object instance representing the HTML popover control element that initiated the toggle.
developer.mozilla.org
January 30, 2026 at 8:02 AM
I just found out the ToggleEvent event of the popover API just acquired a source property.
And this makes me very happy.
Let’s be friends.
developer.mozilla.org/en-US/docs/W...
And this makes me very happy.
Let’s be friends.
developer.mozilla.org/en-US/docs/W...
Reposted by Michael G
Only one month until State of the Browser, and I will once again be organising, but this year I’ll be there in-person! 🥳
Looking forward to amazing talks, meeting old pals, and making new ones. Less than 15 in-person tickets left. Hope to see you there!
2026.stateofthebrowser.com/tickets
#SotB26
Looking forward to amazing talks, meeting old pals, and making new ones. Less than 15 in-person tickets left. Hope to see you there!
2026.stateofthebrowser.com/tickets
#SotB26
Tickets | State of the Browser
More information and buying options for tickets.
2026.stateofthebrowser.com
January 28, 2026 at 8:19 PM
Only one month until State of the Browser, and I will once again be organising, but this year I’ll be there in-person! 🥳
Looking forward to amazing talks, meeting old pals, and making new ones. Less than 15 in-person tickets left. Hope to see you there!
2026.stateofthebrowser.com/tickets
#SotB26
Looking forward to amazing talks, meeting old pals, and making new ones. Less than 15 in-person tickets left. Hope to see you there!
2026.stateofthebrowser.com/tickets
#SotB26
Reposted by Michael G
One more custom <select> demo, with a bunch of CSS transforms and animations.
I can't get enough of this. So cool.
I can't get enough of this. So cool.
January 27, 2026 at 9:38 AM
One more custom <select> demo, with a bunch of CSS transforms and animations.
I can't get enough of this. So cool.
I can't get enough of this. So cool.
One dream featuere, that would solve a ton of problems for me, would be browsers exposing their node capture feature to js. Or View Transition API Snapshots to be captured with JS manually. Tools like Code Screenshots or libraries like snapDOM would become to much more reliable.
January 28, 2026 at 7:00 AM
One dream featuere, that would solve a ton of problems for me, would be browsers exposing their node capture feature to js. Or View Transition API Snapshots to be captured with JS manually. Tools like Code Screenshots or libraries like snapDOM would become to much more reliable.
AI agents spare you the 'wouldn't it be better if we had a fixed calendar', 'we should have kept the duodecimal system' and 'in the digital age, time zones based on political borders are obsolete' phases. They listen, so you don't have to.
* puts fixed Temporal.Calendar class for on todo list
* puts fixed Temporal.Calendar class for on todo list
January 26, 2026 at 7:32 AM
AI agents spare you the 'wouldn't it be better if we had a fixed calendar', 'we should have kept the duodecimal system' and 'in the digital age, time zones based on political borders are obsolete' phases. They listen, so you don't have to.
* puts fixed Temporal.Calendar class for on todo list
* puts fixed Temporal.Calendar class for on todo list
Reposted by Michael G
Design in code, get praise
🔖 https://adamsilver.io/blog/design-in-code-get-praise/
🔗 https://ellyloel.com/design-in-code-get-praise/
#Bookmarks #Design #Browsers #BuildingWebsites #Communication #HTML #WebDesign
🔖 https://adamsilver.io/blog/design-in-code-get-praise/
🔗 https://ellyloel.com/design-in-code-get-praise/
#Bookmarks #Design #Browsers #BuildingWebsites #Communication #HTML #WebDesign
Design in code, get praise
Adam Silver – interaction designer - London, UK
adamsilver.io
January 25, 2026 at 8:25 PM
@codepen.io is that wonderful place where you can use hotpink and deeppink in the same view transitions demos.
codepen.io/g12n/full/MY...
#css #JS #animation
codepen.io/g12n/full/MY...
#css #JS #animation
January 25, 2026 at 8:43 AM
@codepen.io is that wonderful place where you can use hotpink and deeppink in the same view transitions demos.
codepen.io/g12n/full/MY...
#css #JS #animation
codepen.io/g12n/full/MY...
#css #JS #animation
I think sibling-index and Container scroll states are my favorites. But there’s so much happening in browsers and CSS right now.
January 17, 2026 at 6:23 PM
I think sibling-index and Container scroll states are my favorites. But there’s so much happening in browsers and CSS right now.
“I purpose, in return for the honour you do us by coming to see what are our proceedings here, to bring before you, in the course of these lectures, the Chemical History of a Candle.”
Not many would choose these words for the opening of a christmas lecture for children.
And maybe that’s a problem.
Not many would choose these words for the opening of a christmas lecture for children.
And maybe that’s a problem.
January 17, 2026 at 6:04 PM
“I purpose, in return for the honour you do us by coming to see what are our proceedings here, to bring before you, in the course of these lectures, the Chemical History of a Candle.”
Not many would choose these words for the opening of a christmas lecture for children.
And maybe that’s a problem.
Not many would choose these words for the opening of a christmas lecture for children.
And maybe that’s a problem.
Made a little primer to cross document view transitions for my colleges. Maybe you like it too.
github.com/g12n/slides
github.com/g12n/slides
GitHub - g12n/slides: A Little primer to cross-document view transitions. Demonstrating the the use of the API for html based slide decks.
A Little primer to cross-document view transitions. Demonstrating the the use of the API for html based slide decks. - g12n/slides
github.com
January 17, 2026 at 12:28 PM
Made a little primer to cross document view transitions for my colleges. Maybe you like it too.
github.com/g12n/slides
github.com/g12n/slides
Reposted by Michael G
Reposted by Michael G
Temporal is the Date system we always wanted in JavaScript. It's extremely close to being available so Mat Marquis thought it would be a good idea to explain exactly what is better about this new JavaScript date system.
piccalil.li/blog/date-is...
piccalil.li/blog/date-is...
Date is out, Temporal is in
Temporal is the Date system we always wanted in JavaScript. It's extremely close to being available so Mat Marquis thought it would be a good idea to explain exactly what is better about this new JavaScript...
piccalil.li
January 7, 2026 at 3:22 PM
Temporal is the Date system we always wanted in JavaScript. It's extremely close to being available so Mat Marquis thought it would be a good idea to explain exactly what is better about this new JavaScript date system.
piccalil.li/blog/date-is...
piccalil.li/blog/date-is...
That's what happens when I talk up before reading. @lea.verou.me is describing exactly my current problem.
January 14, 2026 at 6:40 AM
That's what happens when I talk up before reading. @lea.verou.me is describing exactly my current problem.
OK Am I just stupid or are really import maps always inlines although they are formatted as JSON rather than JavaScript objects?
Tell me if this is a stupid idea or not:
Tell me if this is a stupid idea or not:
January 14, 2026 at 6:34 AM
OK Am I just stupid or are really import maps always inlines although they are formatted as JSON rather than JavaScript objects?
Tell me if this is a stupid idea or not:
Tell me if this is a stupid idea or not:
Reposted by Michael G
So are we all building personal(?) software for our non techy partners or
We need a name for this
We need a name for this
January 12, 2026 at 4:07 PM
So are we all building personal(?) software for our non techy partners or
We need a name for this
We need a name for this