gossi
@gos.si
Unicyclist. Artist. Developer.
gos.si
✨ Software Architect
✨ Design Tokens - theemo.io
✨ Design Systems - hokulea.netlify.app
✨ EmberJS Enthusiast
gos.si
✨ Software Architect
✨ Design Tokens - theemo.io
✨ Design Systems - hokulea.netlify.app
✨ EmberJS Enthusiast
Reposted by gossi
inherit() is now available to play with in Chrome Canary.
Here's some writing I did about it earlier:
How CSS inherit() Could Simplify Design Systems
www.alwaystwisted.com/articles/mak...
How inherit() Can Simplify Border‑Radius for Components
www.alwaystwisted.com/articles/mak...
🙏🖤
Here's some writing I did about it earlier:
How CSS inherit() Could Simplify Design Systems
www.alwaystwisted.com/articles/mak...
How inherit() Can Simplify Border‑Radius for Components
www.alwaystwisted.com/articles/mak...
🙏🖤
November 25, 2025 at 11:26 AM
inherit() is now available to play with in Chrome Canary.
Here's some writing I did about it earlier:
How CSS inherit() Could Simplify Design Systems
www.alwaystwisted.com/articles/mak...
How inherit() Can Simplify Border‑Radius for Components
www.alwaystwisted.com/articles/mak...
🙏🖤
Here's some writing I did about it earlier:
How CSS inherit() Could Simplify Design Systems
www.alwaystwisted.com/articles/mak...
How inherit() Can Simplify Border‑Radius for Components
www.alwaystwisted.com/articles/mak...
🙏🖤
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer.
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
November 10, 2025 at 12:01 PM
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer.
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in.
JSX should move into a plugin, others can join, spec can emerge :)
Reposted by gossi
Hot off the press!
6.8 released with some big features 🎉
⚡@vite.dev by default
🕚 Compatible with libraries from 8+ years ago*
✨ New APIs: renderComponent, additional reactive data structures
🤝 No more hbs by default (strict: true)
Read more here:
blog.emberjs.com/ember-releas...
6.8 released with some big features 🎉
⚡@vite.dev by default
🕚 Compatible with libraries from 8+ years ago*
✨ New APIs: renderComponent, additional reactive data structures
🤝 No more hbs by default (strict: true)
Read more here:
blog.emberjs.com/ember-releas...
Ember 6.8 Released
The Ember project is excited to announce the release of Ember v6.8. This is a standard minor release as part of the standard Ember Release Train process, but this release isn't...
blog.emberjs.com
October 26, 2025 at 4:17 AM
Hot off the press!
6.8 released with some big features 🎉
⚡@vite.dev by default
🕚 Compatible with libraries from 8+ years ago*
✨ New APIs: renderComponent, additional reactive data structures
🤝 No more hbs by default (strict: true)
Read more here:
blog.emberjs.com/ember-releas...
6.8 released with some big features 🎉
⚡@vite.dev by default
🕚 Compatible with libraries from 8+ years ago*
✨ New APIs: renderComponent, additional reactive data structures
🤝 No more hbs by default (strict: true)
Read more here:
blog.emberjs.com/ember-releas...
that's donut scoping aka @scope - not baseline yet, but spec is ready. I checked FF is the last browser that needs to support it (much better than last time I checked, where no browser had support for it).
css-tricks.com/solved-by-cs...
css-tricks.com/solved-by-cs...
Solved by CSS: Donuts Scopes | CSS-Tricks
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scop...
css-tricks.com
October 26, 2025 at 10:49 PM
that's donut scoping aka @scope - not baseline yet, but spec is ready. I checked FF is the last browser that needs to support it (much better than last time I checked, where no browser had support for it).
css-tricks.com/solved-by-cs...
css-tricks.com/solved-by-cs...
Great idea and good place to expressing my wishes here - thanks @jakearchibald.com
Also: Didn't know I wished for so much - all CSS and HTML for design systems (+ Temporal)
Also: Didn't know I wished for so much - all CSS and HTML for design systems (+ Temporal)
My good chum (and newly Mortal Enemy since he joined Firefox) Jank Architect (@jakearchibald.com) seeks your input on which web platform features Interop 2026 should focus on, at the exquisitely named interop.rank-jake-archibald site: interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 11, 2025 at 10:41 AM
Great idea and good place to expressing my wishes here - thanks @jakearchibald.com
Also: Didn't know I wished for so much - all CSS and HTML for design systems (+ Temporal)
Also: Didn't know I wished for so much - all CSS and HTML for design systems (+ Temporal)
Great talk from @ntim.me about CSS form styling. This sounds super exciting and I already want to use it!
www.youtube.com/watch?v=WgSi...
www.youtube.com/watch?v=WgSi...
Form control styling - Tim Nguyen - CSS Day 2025
YouTube video by Web Conferences Amsterdam
www.youtube.com
September 11, 2025 at 12:27 PM
Great talk from @ntim.me about CSS form styling. This sounds super exciting and I already want to use it!
www.youtube.com/watch?v=WgSi...
www.youtube.com/watch?v=WgSi...
TIL (or maybe I did know once, forgot and relearned): You can use colspan="100%" on a <td> in HTML to span it across the entire table. Especially handy, if you don't know the amount of columns you deal with.
September 5, 2025 at 2:06 PM
TIL (or maybe I did know once, forgot and relearned): You can use colspan="100%" on a <td> in HTML to span it across the entire table. Especially handy, if you don't know the amount of columns you deal with.
Reposted by gossi
Ember is really spoiled with some of the greatest conferences and even if you don’t use Ember but just love Frontend and great people you should come, cause you’re missing out.
A heads up that as is EmberFest tradition, we'll have a closing dinner and mingling in the evening of the second day. It's included in the price of your on-site ticket.
August 31, 2025 at 6:31 AM
Ember is really spoiled with some of the greatest conferences and even if you don’t use Ember but just love Frontend and great people you should come, cause you’re missing out.
Of course it is designed to use it from your UI library/design system, as I do use it myself. Here is the pretty version of using the form in #emberjs
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
August 26, 2025 at 3:26 PM
Of course it is designed to use it from your UI library/design system, as I do use it myself. Here is the pretty version of using the form in #emberjs
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
(All I wanted was the rules thingy)
Demo: hokulea.netlify.app?path=/story/...
I also made an integration for #emberjs:
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
August 26, 2025 at 3:23 PM
I also made an integration for #emberjs:
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
🪘@hokulea/ember-pahu
To be truly headless no components were harmed; it comes with pure helpers and modifiers.
Attach it to your form elements
I made an agnostic headless form library:
🪘@hokulea/pahu
✨ HTML first. Use native form features through a pleasent API
✨ Validation & Revalidation
✨ Validators: Native, Custom, Standard Schema
✨ Nested & initial data
✨ Linked Fields
✨ Typescript support
➡️ github.com/hokulea/pahu
🪘@hokulea/pahu
✨ HTML first. Use native form features through a pleasent API
✨ Validation & Revalidation
✨ Validators: Native, Custom, Standard Schema
✨ Nested & initial data
✨ Linked Fields
✨ Typescript support
➡️ github.com/hokulea/pahu
August 26, 2025 at 3:20 PM
I made an agnostic headless form library:
🪘@hokulea/pahu
✨ HTML first. Use native form features through a pleasent API
✨ Validation & Revalidation
✨ Validators: Native, Custom, Standard Schema
✨ Nested & initial data
✨ Linked Fields
✨ Typescript support
➡️ github.com/hokulea/pahu
🪘@hokulea/pahu
✨ HTML first. Use native form features through a pleasent API
✨ Validation & Revalidation
✨ Validators: Native, Custom, Standard Schema
✨ Nested & initial data
✨ Linked Fields
✨ Typescript support
➡️ github.com/hokulea/pahu
Two funny facts about Headless things:
1. When people give you a headless something as components - instant redflag ⛳
2. The headless thing is usually the head 🧠
1. When people give you a headless something as components - instant redflag ⛳
2. The headless thing is usually the head 🧠
August 13, 2025 at 2:47 PM
Two funny facts about Headless things:
1. When people give you a headless something as components - instant redflag ⛳
2. The headless thing is usually the head 🧠
1. When people give you a headless something as components - instant redflag ⛳
2. The headless thing is usually the head 🧠
I was at your exact point in time. I posted on svelte asking for ember test authoring format: github.com/sveltejs/sve...
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
Inline Svelte components for tests · Issue #14791 · sveltejs/svelte
Describe the problem I'll start off by saying I don't know whether this would be a Svelte feature, or maybe part of a Vite plugin, or even if this should be in another library. When I'm writing com...
github.com
August 7, 2025 at 10:15 AM
I was at your exact point in time. I posted on svelte asking for ember test authoring format: github.com/sveltejs/sve...
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
Thanks for the solution of a problem I will be going to have 😅
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
August 1, 2025 at 5:50 PM
Thanks for the solution of a problem I will be going to have 😅
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
Also let @fabianhiller.com know about this.
I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
Theemo plugin adds these transforms in Figma (hsl only for now). Meanwhile dtcg announced the color module, which will support more formats. Will figma support them, too?
I'm also in favor of oklch, would love to see good tooling support for all ofc.
I'm also in favor of oklch, would love to see good tooling support for all ofc.
June 23, 2025 at 10:07 AM
Theemo plugin adds these transforms in Figma (hsl only for now). Meanwhile dtcg announced the color module, which will support more formats. Will figma support them, too?
I'm also in favor of oklch, would love to see good tooling support for all ofc.
I'm also in favor of oklch, would love to see good tooling support for all ofc.
I call them constrained rsp computed values. See for example here: theemo.io/design-token...
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
Internals | Theemo
Design Token Automations - Connecting Tools
theemo.io
June 23, 2025 at 9:51 AM
I call them constrained rsp computed values. See for example here: theemo.io/design-token...
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
You can find example tokens for either on:
- theemo.io/theming/buil...
- theemo.io/theming/buil...
Check the "Input" (and also learn how they are turned into CSS).
Thanks Sam, it started as a ~30loc javascript in 2020, then I researched tokens published as the "Inside Design Tokens" Series... I'm still implementing that research results, it's grown a "little" 😅
June 13, 2025 at 8:05 AM
Thanks Sam, it started as a ~30loc javascript in 2020, then I researched tokens published as the "Inside Design Tokens" Series... I'm still implementing that research results, it's grown a "little" 😅
There you go: bsky.app/profile/gos....
Releasing Theemo v1.0
the end-to-end design token workflow tool:
✨ Generates Modern CSS: @property, light-dark() and color functions
✨ Integrations with @vite.dev, @emberjs.com, @svelte.dev and @vuejs.org
➡️ theemo.io
Release posts (!) in the thread.
the end-to-end design token workflow tool:
✨ Generates Modern CSS: @property, light-dark() and color functions
✨ Integrations with @vite.dev, @emberjs.com, @svelte.dev and @vuejs.org
➡️ theemo.io
Release posts (!) in the thread.
June 12, 2025 at 2:19 PM
There you go: bsky.app/profile/gos....